@charset "UTF-8";

/*
Theme Name:VIT-SHOP
Theme URL:https://www.vit-shop-toyama.jp
Description:VIT-SHOP Official WebSite Original Template
Author:VIT-SHOP
Version:Rabbit
*/

/* --------------------------------------------- */
/* ▼モバイルファースト (全環境に共通のデザイン) */
/* --------------------------------------------- */

/* GoogleFonts 滲み対策 */
body p, body span, body dl, dt, dd, ul,li,caption{
	transform: rotate(0.03deg);
	-moz-transform: rotate(0.03deg);
	-ms-transform: rotate(0.03deg);
	-o-transform: rotate(0.03deg);
	-webkit-transform: rotate(0.03deg);
}

/* ページ全体に適用 */
body{
	margin:0;
	padding:0;
	font-size:14px;
	background-color:#f8f8f8;				/* ディスプレイの横幅が1920px以上で表示される領域背景色 */
	font-family:'M PLUS Rounded 1c', sans-serif;		/* Google Fonts */
	letter-spacing:0.02em;					/* テキストの左右の文字間隔 */
	color:#515254;						/* デフォルトの文字色 */
}

/* border-boxを全ての要素に適用 */
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* 全体の枠 高解像度ディスプレイ対策 */
.wrap{
	max-width:1920px;					/* ページの最大幅 */
	margin-left:auto;					/* 左側マージンを自動的に空ける */
	margin-right:auto;					/* 右側マージンを自動的に空ける */
	text-align:left;					/* 中身を左側表示に戻す */
	background-color:#ffffff;			/* 背景色 */
	padding-left:calc(env(safe-area-inset-left));		/* iPhone セーフエリア対策 */
	padding-right:calc(env(safe-area-inset-right));		/* iPhone セーフエリア対策 */
}

/* スクロールバーの有無による左右ズレ防止 */
html{
	overflow-y:scroll;					/* 常に縦方向のスクロールバーを表示 */
}

/* 段落 */
p{
	margin:0;
	padding:0;
	line-height:26px;
}

/* 段落同士の行間調整 */
main p + p{
	margin-top:16px;
}

/* 画像の角を丸める */
img{
	border-radius:5px;
	vertical-align:top;
}

header img{
	border-radius:0px;
}

footer img{
	border-radius:0px;
}

/* リンクの下線を非表示 */
a{
	text-decoration:none; 
}

/* お問合せへジャンプボタン Start
-------------------------------------------------- */
#jump_contact{
	width:60px;
	height:60px;
	position:fixed;
	right:5px;
	bottom:140px;
	z-index:10;
	opacity:0.8;
}

#jump_contact a{
	position:relative;
	display:block;
	width:60px;
	height:60px;
	text-decoration:none;
	z-index:10;
	background-color:#006400;
	border-radius:10px;
}

#jump_contact a::before{
	font-family:'Font Awesome 6 Free';
	font-weight:900;
	content:'\f0e0';
	font-size:15px;
	color:#F4F4F4;
	position:absolute;
	width:25px;
	height:25px;
	top:8px;
	right:0;
	left:0;
	margin:auto;
	text-align:center;
	z-index:10;
}

#jump_contact a::after{
	content:'お問合せ\Aフォーム';
	white-space: pre;
	font-size:8px;
	font-weight:bold;
	color:#fff;
	position:absolute;
	top:25px;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
	text-align:center;
	color:#F4F4F4;
	z-index:10;
}
/* -------------------------------------------------- 
お問合せへジャンプボタン End */

/* ページトップへジャンプボタン Start
-------------------------------------------------- */

#page_top{
	width:60px;
	height:60px;
	position:fixed;
	right:5px;
	bottom:75px;
	z-index:10;
	opacity:0.8;
}
#page_top a{
	position:relative;
	display:block;
	width:60px;
	height:60px;
	text-decoration:none;
	z-index:10;
	background-color:#ff8c00;
	border-radius:10px;
}
#page_top a::before{
	font-family:'Font Awesome 6 Free';
	font-weight:900;
	content:'\f102';
	font-size:15px;
	color:#F4F4F4;
	position:absolute;
	width:25px;
	height:25px;
	top:8px;
	right:0;
	left:0;
	margin:auto;
	text-align:center;
	z-index:10;
}
#page_top a::after{
	content:'PAGE\ATOP';
	white-space:pre;
	font-size:8px;
	font-weight:bold;
	color:#fff;
	position:absolute;
	top:25px;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
	text-align:center;
	color:#F4F4F4;
	z-index:10;
}

/* -------------------------------------------------- 
ページトップへジャンプボタン End */


/* スクロール フェードイン Start
-------------------------------------------------- */
.fadein {
	opacity : 0;
	transform : translate(0, 45px);
	transition : all 1200ms;
}

.fadein.effect-scroll {
	opacity : 1;
	transform : translate(0, 0);
}
/* -------------------------------------------------- 
スクロール フェードイン End */

/* スクロールバーと連動してページ最上部にプログレスバーを表示 Start */
.progress-container{
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	width:100%;
	height:2px;
	background:#5BB431;
	padding-left:calc(env(safe-area-inset-left));		/* iPhone セーフエリア対策 */
	padding-right:calc(env(safe-area-inset-right));		/* iPhone セーフエリア対策 */
}

.progress-bar{
	height:2px;
	background:#FF7F00;
	width:0%;
	padding-left:calc(env(safe-area-inset-left));		/* iPhone セーフエリア対策 */
	padding-right:calc(env(safe-area-inset-right));		/* iPhone セーフエリア対策 */
}

/* スクロールバーと連動してページ最上部にプログレスバーを表示 End */

/* ヘッダー スクロールで追従 */
header{
	width:100%;
	position:sticky;
	z-index:1;
	transition: .3s;
	background-color:#5BB431;
	box-shadow:0 3px 3px rgba(0, 0, 0, 0.5);/* 境界線(影) */
}

/* ヘッダーブロック */
.header_block{
	width:100%;
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	justify-content:space-between;
	padding-top:5px;
	padding-bottom:5px;
	
	/* ジャギー対策 */
	transform: rotate(0.03deg);
	-moz-transform: rotate(0.03deg);
	-ms-transform: rotate(0.03deg);
	-o-transform: rotate(0.03deg);
	-webkit-transform: rotate(0.03deg);
	
}

.header_right{
	position:absolute;
	right:0px;
}

/* ヘッダー メニューバー（プラグイン） */
.header_nav{
	margin:0;
	padding:0;
}

/* Max Mega Menu 項目 */
.mega-menu-link{
	text-transform: none !important;	/* 大文字回避 */
}

/* ヘッダー メニュー アイコンの色（Font Awesome) */
.headermenu_icon{
	color:#5BB431;
	margin-right:8px;
}

/* ヘッダー サブメニュー アイコンの色（Font Awesome) */
.headersubmenu_icon{
	color:#5BB431;
	margin-right:8px;
}

/* Javascript off メッセージ */
.js_off{	
	background-color:blue;
	color:snow;
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
}

/* 見出し（サイトタイトル） */
h1{
	padding:0;
	margin:0;
	text-align:center;
	font-size:14px;
}

/* サイトタイトル画像 */
.title{
	max-width:150px;
	height:auto;
}

/* セールスポイント */
.sellingpoint{
	color:yellow;
	text-shadow:0 2px 2px #000;
	font-size:14px;
	font-style:italic;
	text-align:center;
	font-weight:bold;
}

/* 連絡先情報 */
address{
	font-style:normal;
}

/* 連絡先 */
.h_address{
	text-align:center;
	color:#fffafa;
	font-style:italic;
}

/* 取扱項目 横並び */
.header_list{
	color:#dc143c;
	display:inline;
	clear:both;				/* 回り込み解除 */
	font-style:italic;
	font-weight:bold;
}

/* 営業時間外 */
.header_obh{
	background-color:red;
	color:snow;
	width:100%;
	font-weight:bold;
	margin:0;
	padding:0;
	overflow:hidden;
}

/* 営業時間変更 */
.header_obh_close{
	background-color:blue;
	color:snow;
	width:100%;
	font-weight:bold;
	margin:0;
	padding:0;
	overflow:hidden;
}

/* 営業時間外 横スクロール */
.obh_message{
	display:inline-block;
	padding-left: 100%;
	white-space:nowrap;
	animation:marquee 20s linear infinite;
	
	transform: rotate(0.03deg);
	-moz-transform: rotate(0.03deg);
	-ms-transform: rotate(0.03deg);
	-o-transform: rotate(0.03deg);
	-webkit-transform: rotate(0.03deg);
}

/* 営業時間外 横スクロール */
@keyframes marquee{
	0% { transform: translate(0); }
	100% { transform: translate(-100%); }
}

/* パンくずリスト */
.breadcrumb-area{
	max-width:100%;
	font-size:8px;
	padding:1px;
	background-color:#2B1103;
	color:snow;
	/* 横スクロール
	overflow-x:auto;
	overflow-y:hidden;
	-webkit-overflow-scrolling:touch;
	overflow-scrolling:touch;
	overflow:auto;
	white-space:nowrap;*/
	
	/* 最大1行まで表示 */
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;		/* 制限したい行数が1の場合 */
	overflow:hidden;
	text-overflow:ellipsis;
}

/* ジャギー対策 */
.breadcrumb-area > .main_block{
	transform: rotate(0.03deg);
	-moz-transform: rotate(0.03deg);
	-ms-transform: rotate(0.03deg);
	-o-transform: rotate(0.03deg);
	-webkit-transform: rotate(0.03deg);
}

/* パンくずリスト アイコン */
.breadcrumb-area .fa-fw{
	margin-right:1px;
}

/* パンくずリスト リンク色 Start */

.breadcrumb-area a{
	text-decoration:none;
}

.breadcrumb-area a:link{
	color:#5BB431;
}

.breadcrumb-area a:visited{
	color:#5BB431;
}

.breadcrumb-area a:hover{
	color:#FF7F00;
}

.breadcrumb-area a:active{
	color:#FF7F00;
}

/*パンくずリスト リンク色 End */


/* 固定記事・投稿を表示 */
main{
	width:100%;
	margin:0px;
	padding:0px;
	text-align:left;			/* 中身を左側表示に戻す */
}

/* 中央に配置 */
.main_block{
	max-width:100%;
	margin-left:auto;			/* 左側マージンを自動的に空ける */
	margin-right:auto;			/* 右側マージンを自動的に空ける */
}

/* フッター */
footer{
	color:snow;
	background-color:#5BB431;
	width:100%;
	margin:0px;
	padding:0px;
	margin-left:auto;			/* 左側マージンを自動的に空ける */
	margin-right:auto;			/* 右側マージンを自動的に空ける */
	text-align:left;			/* 中身を左側表示に戻す */
	margin-bottom: calc(env(safe-area-inset-bottom) + 44px);
}

.footer_accent{
	background-image:url("images/all/footer.png");
	background-repeat:repeat-x;
	background-position:bottom center;
	background-size:contain;
	margin-top:5px;
	height:60px;
	background-color:#ffffff;
}

.footer_block{
	padding-top:10px;
	max-width:100%;
	margin-left:auto;			/* 左側マージンを自動的に空ける */
	margin-right:auto;			/* 右側マージンを自動的に空ける */
	padding-right:5px;
}

/* VIT-SHOP ロゴ */
.footer_shoplogo{
	display:block;
	margin-left:auto;
	margin-right:auto;
	max-width:50%;
	height:auto;
}

/* フッター 店舗情報 */
.f_shopinfo{
	padding:5px;
	
	/* ジャギー対策 */
	transform: rotate(0.03deg);
	-moz-transform: rotate(0.03deg);
	-ms-transform: rotate(0.03deg);
	-o-transform: rotate(0.03deg);
	-webkit-transform: rotate(0.03deg);
}

/* フッター 店舗案内 */
.f_address p{
	padding-left:15px;
}

/* フッター 店舗案内 リストタグ表示 */
.f_info{
	margin:0;
	padding:0;
}

.info_ul{
	margin-top:0;
	margin-bottom:0;
}

/* E-Mail */
.mail{
	padding-left:10px;
	margin-bottom:12px;
}

/* 富山店店舗情報 */
.info_toyama{

}

.info_toyama p{
	margin:0;
}

/* 高岡店店舗情報 */
.info_takaoka{

}

.info_takaoka p{
	margin:0;
}

/* XO Event Calendar Start */

/* 営業カレンダー */
.business_calendar{
	padding:10px;
	border-top:2px solid #006400;
	border-bottom:2px solid #006400;
	margin-left:5px;
	margin-right:5px;
}

/* カレンダー タイトル */
.calendar_title{
	font-weight:bold;
	margin-bottom:14px;
	
	/* ジャギー対策 */
	transform: rotate(0.03deg);
	-moz-transform: rotate(0.03deg);
	-ms-transform: rotate(0.03deg);
	-o-transform: rotate(0.03deg);
	-webkit-transform: rotate(0.03deg);
}

/* 営業時間変更のお知らせ */
.business_calendar_info{
	font-size:80%;
	margin-top:10px;
}

/* カレンダー 年月見出し */
.calendar-caption{
	color:#FFFFFF;
}

/* 月～金曜日 */
.xo-event-calendar table.xo-month > thead th {
	color: #fff !important;
	background-color: #2B1103;
}

/* 土曜日 */
.xo-event-calendar table.xo-month > thead th.saturday {
	background-color: #0974dc;
}

/* 日曜日 */
.xo-event-calendar table.xo-month > thead th.sunday {
	background-color: #f74a2c;
}

/* 前月や次月の日付を消したい */
.xo-event-calendar .other-month{
	display:none;
}

/* セルの背景色・日付の文字色 */
.xo-event-calendar td{
	color:#FFFFFF !important;
	/* background-color:#5BB431 !important; */
	background-color:#5BB431 !important;
}


/* イベントを非表示にする */
.xo-event-calendar .month-event,
.xo-event-calendar .month-event-space{
	display:none;
}

/* 日付を中央揃えにする */
.xo-event-calendar table.xo-month .month-dayname td div,
.xo-event-calendar table.xo-month .month-week {
	line-height: 1.5em !important;
	height: 1.5em !important;
}
.xo-event-calendar table.xo-month .month-dayname td div {
	padding: 0 !important;
	text-align: center !important;
	font-size: 1em !important;
}

/* 今日の日付の文字色 */
.xo-event-calendar .today {
	color:#fff !important;
	/* font-style:oblique; */
	font-weight:normal !important;

  	color: #000 !important;
  	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              	-1px 1px 0 #FFF, 1px -1px 0 #FFF,
              	0px 1px 0 #FFF,  0-1px 0 #FFF,
              	-1px 0 0 #FFF, 1px 0 0 #FFF;
	
	
	/* animation: blinking-day 0.9s ease-in-out infinite alternate; /* 点滅 */
}


/* 今日の日付を点滅 */
@keyframes blinking-day {
	0% {opacity: 0.3;}
	100% {opacity: 1;}
}

/* XO Event Calendar End */

/* サイト内検索 */
.search{
	display:flex;
	justify-content:flex-start;
	padding-left:10px;
	margin-top:15px;
}

/* コピーライト */
.copyright{
	background-color:#2B1103;
	color:#FFFFFF;
	text-align:center;
	margin:0;
	padding:0;
	font-style:italic;
	
	/* ジャギー対策 */
	transform: rotate(0.03deg);
	-moz-transform: rotate(0.03deg);
	-ms-transform: rotate(0.03deg);
	-o-transform: rotate(0.03deg);
	-webkit-transform: rotate(0.03deg);
}

/* フッター リンク一覧 */
.f_nav{
	margin-top:15px;
	
	/* ジャギー対策 */
	transform: rotate(0.03deg);
	-moz-transform: rotate(0.03deg);
	-ms-transform: rotate(0.03deg);
	-o-transform: rotate(0.03deg);
	-webkit-transform: rotate(0.03deg);
}

/* フッター リンク 横並び */
.fotter_nav{
	text-align:left;
}

/* フッター リンク リストマーカーの非表示 */
nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

/* フッターのリンク一覧 */
nav{
	text-align: center;
	font-size:14px;
	margin:0px;
	padding:10px;
}

/* フッターのリンク一覧 色 */
nav a {
	color:snow;
}

nav a:link {
	color:snow;
}

nav a:visited {
	color:snow;
}

nav a:hover {
	color:snow;
}

nav a:active {
	color:snow;
}

/* フッター 茶色のテキスト */
.brown{
	font-size:16px;
	color:#2B1103;
	font-weight: bold; 
}

/* インデント */
.indent{
	margin-left:10px;
}

/* SNS 富山店 */
.sns_toyama{
	margin-top:5px;
	margin-left:10px;
}

/* SNS 富山店 リンク画像サイズ */
.sns_toyama img{
	width:30px;
	height:30px;
	margin-right:5px;
}

/* SNS 高岡店 */
.sns_takaoka{
	margin-top:5px;
	margin-left:10px;
}

/* SNS 高岡店 リンク画像サイズ */
.sns_takaoka img{
	width:30px;
	height:30px;
	margin-right:5px;
}

/* SNS 福野店 */
.sns_fukuno{
	margin-top:5px;
	margin-left:10px;
}

/* SNS 福野店 リンク画像サイズ */
.sns_fukuno img{
	width:30px;
	height:30px;
	margin-right:5px;
}

/* フッター 店舗情報 リンク一覧 色 */
.footer_box a{
	color:yellow;
	font-weight:bold;
}

.footer_box a:link{
	color:yellow;
}

.footer_box a:visited{
	color:yellow;
}

.footer_box a:hover{
	color:gold;
}

.footer_box a:active{
	color:#b32544;
}

/* ページ送り(pagination) Start */
.pagination a{
	color:darkgreen;
	font-weight:bold;
}

.pagination a:link{
	color:darkgreen;
}

.pagination a:visited{
	color:darkgreen;
}

.pagination a:hover{
	color:darkorange;
}

.pagination a:active{
	color:darkorange;
}
/* ページ送り(pagination) End */

/* 営業時間中 */
.mb-bhi-open{
	background-color:#0066ff;
	font-weight:bold;
	padding-right:2px;
	padding-left:2px;
	border-radius:4px;
}

/* 営業時間外 */
.mb-bhi-closed{
	background-color:#ff0000;
	font-weight:bold;
	padding-right:2px;
	padding-left:2px;
	border-radius:4px;
}

/* 営業時間 火～金 
.footer_weekday{
	border:solid 1px #5BB431;
	border-radius:4px;
}*/

/* 営業時間 土日祝
.footer_weekend{
	background:linear-gradient(-90deg, #F74A2C 66%, #0974DC 0);
	border-radius: 4px;
}
 */

/* 営業時間 土日祝
.footer_weekend{
	border:solid 1px snow;
	border-radius: 4px;
} */

/* reCAPTCHAのロゴを非表示にする */
.grecaptcha-badge{
	visibility:hidden;
}

/* 表示中のページの投稿日/最終更新日 (ページ最下部に表示）*/
.webmaster_update{
	font-size:12px;
	background-color:rgba(169, 169, 169, 0.5);
	color:rgba(0, 0, 0);
	padding:5px;
	position:fixed;
	left:20px;
	bottom:60px;
	z-index:100;
	line-height:1.2;
	max-width:280px;
}

.webmaster_update img{
	max-width:140px;
	height:auto;
	opacity:0.5;
	margin-bottom:5px;
}

.webmaster_update p{
		margin:0px;
		line-height:1.2;
}

/* メニューをページ下部に固定 */
#sp-fixed-menu{
	position: fixed;
	width:calc(100% - env(safe-area-inset-left) - env(safe-area-inset-right));	/* iPhone セーフエリア対策 */
	bottom:0px;
	font-size:0;
	opacity:1.0;
	z-index:99;
	padding-bottom: constant(safe-area-inset-bottom);			/* iPhone セーフエリア対策 */
	padding-bottom: env(safe-area-inset-bottom);				/* iPhone セーフエリア対策 */
	background-color:#F4F4F4;
	box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.5);				/* 境界線(影) */
}

/* メニューを横並びにする */
#sp-fixed-menu ul{
	display:flex;
	list-style:none;
	padding:0;
	margin:0;
	width:100%;
	height:50px;
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
}

#sp-fixed-menu li{
	justify-content: space-between;
	align-items: center;
	flex: 1; /* 均等割り付け */
	height:50px;
	margin:0;
	font-size:12px;
	border-right:1px solid #fff;
	line-height:1;
	margin-top:10px;
	background-color:#F4F4F4;
	position:relative;
	text-align: center;
}


/* ボタン同士の区切り */
#sp-fixed-menu li:last-child{
	border-right:0px;
}

/*ボタンを調整*/
#sp-fixed-menu li a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	color:#303030;
	display:block;
}

/* brタグではなく、CSSで改行 */
.sp_css-br::before {
	content:"\A";
	white-space:pre;
}

.sp_css-br{
	font-size:8px;
}

.sp_icon{
	margin-bottom:8px;
}

/* 電話番号 リンク無効 */
.tel-link-none {
	   pointer-events: none;
}

/* -------------------------------- */
/* ▼スマホ用として付け足すデザイン */
/* ---------------------------------*/
@media (min-width: 599px) {

/* 電話番号リンク スマホのみ有効 */
a[href^="tel:"] {
	pointer-events:none;
	cursor:default;
}

}/* for Smartphone design END */

/* ------------------------------------ */
/* ▼タブレット用として付け足すデザイン */
/* ------------------------------------ */
@media print, screen and (min-width: 600px) {



/* 画像の角を丸める */
img{
	border-radius:10px;
}

/* テキスト表示 */
p{
	margin:0;
	padding:0;
}

/* タイトル画像サイズ */
.title{
	margin-top:0px;
	max-width:160px;
	height:auto;
}

/* セールスポイント */
.sellingpoint{
	font-size:18px;
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
}

/* 取扱項目 横並び */
.header_list ul{
	text-align:left;
}

/* 連絡先 */
.h_address{
	font-size:14px;
	text-align:left;
}

/* フッターの内容 横一列に表示 */
.footer_box{
	display:flex;
	flex-wrap:nowrap;
	margin-top:20px;
	margin-bottom:20px;
	justify-content:space-between;
}

/* フッター 店舗情報 */
.f_shopinfo{
	flex-basis:50%;
}

/* 営業カレンダー */
.business_calendar{
	flex-basis:50%;
	padding:10px;
	border-left:2px solid #006400;
	border-top:0px;
	border-bottom:0px;
	margin-left:5px;
	margin-right:5px;
}

/* フッター ロゴ */
.footer_shoplogo{
	max-width:70%;
	display:block;
	margin-left:0;
}

/* 高岡店 店舗情報 */
.info_takaoka{

}

/* フッター リンク 縦並び */
.fotter_nav{
	display:inline;
}

/* フッターのリンク一覧 */
nav{
	clear:both;				/* 回り込み解除 */
}

nav li{
	display:inline-block;
}

nav li:not(:first-child)::before{
	content:" | ";				/* 各リンクの区切り線 */
}

/* フッター リンク一覧 */
.f_nav{
	padding-left:80px;
	padding-right:80px;
}

/* フッター固定メニュー */
.for-sp{
	display:none;	/* 表示しない */
}

footer{
	margin-bottom:0px;
}

}/* for Tablet design END */

/* ---------------------------- */
/* ▼PC用として付け足すデザイン */
/* -----------------------------*/
@media print, screen and (min-width: 1024px) {

/* ページ全体に適用 */
body{
	font-size:16px;
}	

/* 画像の角を丸める */
img{
	border-radius:15px;
}

/* ヘッダーブロック*/
.header_block{
	max-width:1920px;
	margin-left:auto;			/* 左側マージンを自動的に空ける */
	margin-right:auto;			/* 右側マージンを自動的に空ける */
	text-align:left;			/* 中身を左側表示に戻す */
}

/* メインブロック*/
.main_block{
	max-width:1280px;
	margin-left:auto;			/* 左側マージンを自動的に空ける */
	margin-right:auto;			/* 右側マージンを自動的に空ける */
	text-align:left;			/* 中身を左側表示に戻す */
}

/* セールスポイント */
.sellingpoint{
	font-size:20px;
	text-align: left;
	padding-top:10px;
	padding-bottom:10px;
}

/* 連絡先 */
.h_address{
	font-size:18px;
	text-align: left;
}

/* 店舗からのお知らせ */
.shop_info{
	padding:10px;
	padding-top:20px;
	padding-bottom:20px;
	margin:0px;
}

/* 店舗からのお知らせ 左側に表示 */
.shop_info_left{
	width:40%;
	float:left;
	border-bottom:0px;
}

/* 店舗からのお知らせ 右側に表示 */
.shop_info_right{
	width:50%;
	float:right;
	border-left:3px solid snow;
	border-bottom:0px;
	padding-left:40px;
}

/* 回り込み解除 */
.shop_info:after {
	content: "";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}

/* 回り込み解除 */
.shop_info_link_right:after {
	content: "";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}

.f_left{
	flex-basis:40%;
}

.f_right{
	flex-basis:40%;
}

.info_title{
	padding-top:20px;
	font-size:30px;
}

.info_en{
	font-size:20px;
}

/* フッターブロック */
.footer_block{
	max-width:1280px;
	margin-left:auto;		/* 左側マージンを自動的に空ける */
	margin-right:auto;		/* 右側マージンを自動的に空ける */
	text-align:left;		/* 中身を左側表示に戻す */
}

/* フッター 店舗情報 */
.f_shopinfo{
	flex-basis:75%;
}

/* 営業カレンダー */
.business_calendar{
	flex-basis:25%;
}

/* 店舗情報 横並び */
.f_shopinfo{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

/* フッター 店舗ロゴ */
.f_shoplogo{
	flex-basis:100%;
	margin-bottom:16px;
}

/* フッター 富山店店舗情報 */
.info_toyama{
	flex-basis:33%;
}

/* フッター 高岡店店舗情報 */
.info_takaoka{
	flex-basis:33%;
}

/* フッター 福野店店舗情報 */
.info_fukuno{
	flex-basis:33%;
}

/* フッター 茶色のテキスト */
.brown{
	font-size:18px;
	color:#2B1103;
	font-weight: bold;
}

/* brタグではなく、CSSで改行 */
.css-br::before{
	content:"\A" ;
	white-space: pre ;
}

}/* for PC design(Square) END */

/* ------------------------------------------------ */
/* ▼PC用として付け足すデザイン（ワイドモニタ対応） */
/* ------------------------------------------------ */
@media print, screen and (min-width: 1366px) {

/* ヘッダーブロック*/
.header_block{
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:10px;
}

.header_right{
	position:relative;
}

/* ヘッダー メニュー アイコンの色（Font Awesome) */
.headermenu_icon{
	color:#40210F;
	margin-right:8px;
}


/* お問合せへジャンプボタン Start
-------------------------------------------------- */
#jump_contact{
	width:100px;
	height:100px;
	position:fixed;
	right:5px;
	bottom:180px;
	z-index:10;
	opacity:0.8;
}

#jump_contact a{
	position:relative;
	display:block;
	width:100px;
	height:100px;
	text-decoration:none;
	z-index:10;
	background-color:#006400;
	border-radius:10px;
}

#jump_contact a::before{
	font-family:'Font Awesome 6 Free';
	font-weight:900;
	content:'\f0e0';
	font-size:36px;
	color:#F4F4F4;
	position:absolute;
	width:25px;
	height:25px;
	top:12px;
	right:10px;
	left:0;
	margin:auto;
	text-align:center;
	z-index:10;
}

#jump_contact a::after{
	content:'お問合せ\Aフォーム';
	white-space:pre;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	position:absolute;
	top:55px;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
	text-align:center;
	color:#F4F4F4;
	z-index:10;
}
/* -------------------------------------------------- 
お問合せへジャンプボタン End */

/* ページトップへジャンプボタン Start
-------------------------------------------------- */

#page_top{
	width:100px;
	height:100px;
	position:fixed;
	right:5px;
	bottom:75px;
	z-index:10;
	opacity:0.8;
}
#page_top a{
	position:relative;
	display:block;
	width:100px;
	height:100px;
	text-decoration:none;
	z-index:10;
	background-color:#ff8c00;
	border-radius:10px;
}
#page_top a::before{
	font-family:'Font Awesome 6 Free';
	font-weight:900;
	content:'\f102';
	font-size:30px;
	color:#F4F4F4;
	position:absolute;
	width:50px;
	height:50px;
	top:16px;
	right:0;
	left:0;
	margin:auto;
	text-align:center;
	z-index:10;
}
#page_top a::after{
	content:'PAGE\ATOP';
	white-space:pre;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	position:absolute;
	top:55px;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
	text-align:center;
	color:#F4F4F4;
	z-index:10;
}

/* -------------------------------------------------- 
ページトップへジャンプボタン End */

}/* for PC design(Wide) END */

/* ------------------------------------------------ */
/* ▼PC用として付け足すデザイン（横幅1600～対応） */
/* ------------------------------------------------ */
@media print, screen and (min-width:1600px) {

/* ヘッダーブロック*/
.header_block{
	padding-left:50px;
	padding-right:50px;
}

.header_right{
	position:relative;
}

}/* for PC design（横幅1600～対応） END */

/* ------------------------------------------------ */
/* ▼PC用として付け足すデザイン（横幅1920対応） */
/* ------------------------------------------------ */
@media print, screen and (min-width:1920px) {



/* お問合せへジャンプボタン Start
-------------------------------------------------- */
#jump_contact{
	width:120px;
	height:120px;
	position:fixed;
	right:5px;
	bottom:200px;
	z-index:10;
	opacity:0.8;
}

#jump_contact a{
	position:relative;
	display:block;
	width:120px;
	height:120px;
	text-decoration:none;
	z-index:10;
	background-color:#006400;
	border-radius:10px;
}

#jump_contact a::before{
	font-family:'Font Awesome 6 Free';
	font-weight:900;
	content:'\f0e0';
	font-size:40px;
	color:#F4F4F4;
	position:absolute;
	width:25px;
	height:25px;
	top:12px;
	right:12px;
	left:0;
	margin:auto;
	text-align:center;
	z-index:10;
}

#jump_contact a::after{
	content:'お問合せ\Aフォーム';
	white-space:pre;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	position:absolute;
	top:65px;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
	text-align:center;
	color:#F4F4F4;
	z-index:10;
}
/* -------------------------------------------------- 
お問合せへジャンプボタン End */

/* ページトップへジャンプボタン Start
-------------------------------------------------- */

#page_top{
	width:120px;
	height:120px;
	position:fixed;
	right:5px;
	bottom:75px;
	z-index:10;
	opacity:0.8;
}
#page_top a{
	position:relative;
	display:block;
	width:120px;
	height:120px;
	text-decoration:none;
	z-index:10;
	background-color:#ff8c00;
	border-radius:10px;
}
#page_top a::before{
	font-family:'Font Awesome 6 Free';
	font-weight:900;
	content:'\f102';
	font-size:40px;
	color:#F4F4F4;
	position:absolute;
	width:50px;
	height:50px;
	top:16px;
	right:0;
	left:0;
	margin:auto;
	text-align:center;
	z-index:10;
}
#page_top a::after{
	content:'PAGE\ATOP';
	white-space:pre;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	position:absolute;
	top:65px;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
	text-align:center;
	color:#F4F4F4;
	z-index:10;
}

/* -------------------------------------------------- 
ページトップへジャンプボタン End */

}/* for PC design（横幅1920対応） END */

/* ---------------------------------------------------------------------- */
/* ▼PC用として付け足すデザイン（超高解像度4K・ウルトラワイドモニタ対策） */
/* ---------------------------------------------------------------------- */
@media only screen and (min-width:1922px) {

/* 全体の枠 左右に枠線表示 */
.wrap{
	border-left:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
}

}/* for PC design(4K/Ultra Wide) END */

/* --------------------------------------------------- */
/* ▼印刷用として付け足すデザイン 「バイ～ン対策」とも */
/* --------------------------------------------------- */
@media print{

body{
	width:1366px !important;
	zoom: .8;
	-webkit-print-color-adjust:exact;	/* 背景色 強制印刷 */
}

header{
	position:absolute;			/* 追従ヘッダー 最上部固定 */
	z-index:0;
}

.footer_accent{
	margin-top:60px;
}

/* スクロールバー連動プログレスバー */
.progress-bar{
	display:none;	/* 印刷しない */
}

/* トップへ戻るボタン Start */
#page_top{
	display:none;	/* 印刷しない */
}

#page_top a{
	display:none;	/* 印刷しない */
}
/* トップへ戻るボタン End */


/* お問合せフォームボタン Start */
#jump_contact{
	display:none;	/* 印刷しない */
}

#jump_contact a{
	display:none;	/* 印刷しない */
}
/* お問合せフォームボタン End */

/* フェードイン */
.fadein{
	opacity:1;	/* 適用しない */
}

/* スクロールバーと連動してページ最上部にプログレスバーを表示 Start */
.progress-container{
	height:0px;	/* 表示しない */
}

.progress-bar{
	height:0px;	/* 表示しない */
}

/* スクロールバーと連動してページ最上部にプログレスバーを表示 End */

}/* for Print design END */


/*
       ............                ......,   ......  ............,......                      ..gmmaa            .......         .......             ...+gmmmg+...              ...........  
       dMMMMMMMMMMM]              .MMMMMM!   ,@@@@#  -@@@@@@@@@@@]JMMMM#                    .W@@@@@@@@@@N,       .@@@@@!         J@@@@M          .AW@@@@@@@@@@@@@@Ma,           W@@@@@@@@@@@Xa,
       .MMMMMMMMMMMN             .MMMMMM`    d@@@@F  d@@@@@@@@@@H!MMMMMF                   .@@@@@@@@@@@@@HN,     J@@@@#          W@@@@F       `.W@@@@@@@@@@@@@@@@@@@Hh,        .@@@@@@@@@@@@@@Hh.
        ?777777MMMMM]           .MMMMM#`    .@@@H@\  ??????CH@@@# ?????!                  .@@@H@Y   .TM@OY!      H@@H@F         .@@@@@%      .W@@@@@@@H@@H@@H@@H@@H@@@@n       .@@@@H=???74H@@@@N
               dMMMMN          .MMMMM#`     .@H@@M`        H@@@@F                         ,@@@@@[      "        .@@@@H\         .@@H@H!    `.@@@@@H@@@@Hf"""4@@@@@@@@@@@L      J@@H@M      (@@@@@_
               ,MMMMM]       `.MMMMM@       J@@@@#        .@@@H@\                          W@H@@@n.             .@@@@@`         J@@@@#     .@@@H@@@@H@@@:   g@@@H@@@@H@@@.     H@@@HF      (@@H@M`
                dMMMMN       .MMMMM@        W@@@@]        .@H@@@`                           4@@@@HM+           `d@H@HMgggggggge H@@@HF    .@@@@@@@@H@@@M    H@@H@@@H@@@@@]    .@@@@@L....JH@@@@Ht
                .MMMMM]     .MMMMMF        .@@H@@{        d@@@@#                             ?M@@@@@N,          H@@@@@@@@@@@@@F.@@H@@\    d@@H@@H@]              @@@@@@@@]    ,@@H@@@@@@@@@@H@M=
                 dMMMMN    .MMMMMF         .@@@@M         H@@@HF                               7M@@@@@N,       .@@@@@MMMMMMMMM%,@@@@M`    H@@@@@@@:             .@@@H@@H@%    d@@@@@@@@@@@@MY^
                 ,MMMMM[ `-MMMMMF          d@@H@F        .@@H@@\        (@@@@@@@@@@\             TH@@@@@,      ,@@H@M          d@@@@#     @@@@H@@HHHHkk:   jkkkkH@@@@@@@M`    @@@@HF??!~``
                  dMMMMN JMMMMMF           H@@@@%        ,@@@@M         d@@@@@@@@@@`              ,H@H@@M,     d@@@@@          @@H@@]     WH@@@@@@@@@@M    H@@@@@@H@@@@H%    .@H@@@\
                  ,MMMMMMMMMMME           .@@H@@!        d@@@@@         77777777777       .,       .@@@@H]    .@H@@H]         .@@@@@}     ,@@@@@@@@@@@b   .@@@@@@@@@H@@t     (@@@@M`
                   dMMMMMMMMM$            ,@@@@#        .@H@@@]                        .J@@@a.     .@@@@@%    .@@@@@:         (H@@HM       O@@H@@H@@H@@@@@@@@@@H@@@@@M^      d@@H@@
                   ,MMMMMMMMt             d@@@HF        .@@@H@:                       .W@@@@@HNa+gH@@@H@@     J@@@HM          d@@@@@        ?M@@@@@@@@@@@@@@@@@@@H@MY       .@@@@@]
                    dMMMMMM^             .H@@@@\        J@@@@M                          ?HH@@@@@@@@@H@@Y      W@@@@F         .@@@@@]          7M@@@@@@@@@@@@H@@H@#"         .@@@@H:
                    ,MMMMM^              ,YYYYY        `TYYYYD                            ."WM@@@H@MY"        YYYYY%         ,YYYYY!            .7YH@H@@H@H@MY"^            ?YYYYB

こんなところまで見てくれてありがとう!!
*/