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

/* カラーミー max*/
@media screen and (max-width: 1280px) { /* PC 1280px含む以下 */
}
@media screen and (max-width: 980px) {  /* iPadPro 980px含む以下 */
}
@media screen and (max-width: 768px) { /* iPadmini 768px含む以下 */
}
@media screen and (max-width: 480px) { /* Smartphone 480px含む以下 */
}
/* カラーミー mix*/
@media screen and (min-width: 1281px) { /* PC以上 1281px含む以上 */
}
@media screen and (min-width: 981px) { /* ipadPro以上 981px含む以上 */
}
@media screen and (min-width: 769px) { /* iPadmini以上 769px含む以上 */
}
@media screen and (min-width: 481px) { /* Smartphone以上 481px含む以上 */
}

/* ================================================================
================================================================
 * ▼▼▼ テンプレート　カスタム ▼▼▼
================================================================
================================================================== */
/* ------------------------ テンプレート　カスタム　layout ------------------------ */
/* 要素のはみ出しを抑制 */
#wrapper { overflow: hidden }
/* ------------------------ テンプレート カスタム  ------------------------ */
.global-nav-sp-btn, .global-nav-sp-list__unit {
	font-size: var(--shop-font-small);
}
.upbar-wrap {
	padding: 25px 0;
	border-bottom: 0px;
}
/* サイト紹介文 font-size */
.upbar__lead {
	font-size: var(--shop-font-small);
	float: right;
}
/* メインロゴ  */
.upbar-list {
	float: left;
}
/* メインロゴ h1 padding */
.upbar-list__unit h1 {
	margin: 0;
	padding: 0;
}
/* メインロゴ width */
.shopname__logo img {
	width: 500px;
	margin: 0;
	padding: 0;
}
.shopname__ad {}
/* 送料 */
.shopname__ad-deli {
	background-color: #f9f5ea;
}
.shopname__ad-deli p {
	margin: 0 auto;
	padding: 0.5em;
	font-size: var(--shop-font-small);
	line-height: 1;
}
.shopname__ad-tell {
	background-color: #f9f5ea;
}
/* グローバルメニュー */
.global-nav__unit {
	font-size: var(--shop-font-small);
}
.global-nav__unit i {
	vertical-align: -30%;
}
/* リンク font-16px */
.downbar {
	padding: 1em 0;
	font-size: var(--shop-font-small);
}
/* 検索窓 */
.search__select, .search__box, .search-keyword-list {
	font-size: var(--shop-font-small);
}
.search__select {
	display: none;
}
.search__box {
	width: 70%;
	height: 28px;
	padding: 4px 8px;
	border: 1px solid #aaa;
	margin-right: 5px;
}
.search__btn {
	height: 38px;
	padding: 7px 11px 5px;
	border: 1px solid #000;
}
/* 検索注目ワード */
.search-keyword-heading {
	height: 45px;
	padding: 0.5em;
	background-color: #FFF;
	border: 1px solid var(--shop-light-gray);
	border-radius: 5px;
	text-align: center;
	font-size: var(--shop-font-small);
	color: #444;
}
.search-keyword-list {
	line-height: 1.3; /* 削除禁止 */
}
.search-keyword-list__unit a {
	color: var(--shop-a-color);
}
.search-keyword-list__unit a:hover {
	color: var(--shop-a-color-hover);
}
/* ------------------------ テンプレート　カスタム　contents - main ------------------------ */
.seller-list__unit, .recommend-list__unit, .new-item-list__unit, .productlist-list__unit, .together-list__unit, .info-list__unit {
	font-size: var(--shop-font-small);
}
/* お知らせ・最新情報 */
.info__section {
	margin-bottom: 1em;
}
.info-list__unit {
	padding: 1em 0;
	border-bottom: 1px solid #eee;
}
.info-list__date {
	font-size: var(--shop-font-small);
	color: #666;
}
.info-list__txt, .info-list__txt a {
	font-size: var(--shop-font-medium);
	color: var(--shop-a-color);
}
.info-list__txt a:hover {
	color: var(--shop-a-color-hover);
}
/* 在庫切れ */
.stock_zero {
	display: inline-block;
	padding-top: 7px;
	font-size: var(--shop-font-small);
}
/* ------------------------ テンプレート カスタム contents - side font-16px ------------------------ */
.side-nav-box {
	border: 1px solid #3d1b0f;
	font-size: var(--shop-font-medium);
	line-height: var(--shop-line-height-small);
}
.side-nav-heading {
	margin: 0;
	padding: 1em;
	font-size: var(--shop-font-large);
	font-weight: normal;
}
.side-nav-list {
	margin: 0;
	padding: 10px 5px;
}
.side-nav-list__link {
	margin: 0;
	padding: 7px 15px;
}
.side-nav-list__link:link, .side-nav-list__link:visited {
	color: var(--shop-color-text);
}
.side-nav-list__link:hover, .side-nav-list__link:focus {
	color: var(--shop-a-color-hover);
}
.tbl_calendar caption {
	font-size: var(--shop-font-medium);
	font-weight: 600;
}
.tbl_calendar {
	font-size: var(--shop-font-medium);
}
/* ------------------------ テンプレート　カスタム　contents - footer ------------------------ */
.footer-nav-list__unit, .footer-copylight__section {
	font-size: var(--shop-font-small);
	line-height: var(--shop-line-height-small);
}
.footer-nav__section {
	padding: 2em 0 1em;
}
/* ------------------------ テンプレート　カスタム　contents - product lst & seach ------------------------ */
.breadcrumb-list__section {
	padding-bottom: 1.5em;
}
/* パンくずリスト */
.breadcrumb-list {
	font-size: var(--shop-font-small);
	line-height: var(--shop-line-height-small);
}
/* おすすめ順 価格順 新着順 */
.productlist-sort__section {
	padding: 0;
}
.productlist-sort {
	background: #eee;
	border: 0px solid var(--shop-light-gray);
	margin: 0 0 1.5em;
	padding: 1em 1em;
	font-size: var(--shop-font-small);
	line-height: var(--shop-line-height-small);
}
/* カテゴリー font-16px */
.subcategory-list {
	font-size: var(--shop-font-small);
	line-height: var(--shop-line-height-small);
	padding: 0;
}
.breadcrumb-list__unit a, .product-related-list__txt {
	color: var(--shop-a-color);
}
.breadcrumb-list__unit a:hover, .product-related-list__txt:hover, .product-related-list__txt:focus {
	color: var(--shop-a-color-hover);
}
.subcategory-list__unit {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}
.pagenation-list__unit a, .pagenation-list__unit span {
	min-width: 32px;
	height: 32px;
}
/* ------------------------ テンプレート　カスタム　contents - product ------------------------ */
.text-titles-list__name, .text-titles-list__detail-text, .product-option-list__select, .product-init-list__name, .product-init-list__detail-num, .product-review, .stock_error {
	font-size: var(--shop-font-small);
	line-height: var(--shop-line-height-small);
}
/* パンくずリスト */
.breadcrumb-list-pdetail {
	padding-bottom: 3px;
}
/* 商品情報 div */
.product-info-box {
	padding: 0 1em;
	margin-bottom: 1em;
}
/* 商品名 h2 */
h2.product-name {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: var(--shop-font-xlarge);
	line-height: var(--shop-line-height-small);
	text-align: left;
}
/* 品番 font-16px*/
.product-model, .product-price-establish {
	margin: 0;
	font-size: var(--shop-font-small);
	line-height: var(--shop-line-height-small);
	color: #666;
}
/* 売価 */
.product-price {
	margin: 0;
	font-size: var(--shop-font-large);
	line-height: var(--shop-line-height-small);
}
/* オプション div */
.product-order-box-wrap {
	margin: 0 0 1.5em;
}
.product-order-box {
	background: #f0f0f0;
	margin: 2em 0;
	padding: 1.5em;
}
.stock_head th, .stock_head td {
	font-size: var(--shop-font-small);
}
/* 買い物を続ける */
.product-related-list {
	line-height: var(--shop-line-height-small);
}
.product-related-list__unit {
	font-size: var(--shop-font-xsmall);
	line-height: var(--shop-line-height-small);
	padding: 0 5px;
	margin: 0;
}
.product-related-list__txt a {
	color: var(--shop-a-color);
}
.product-related-list__txt:hover, .product-related-list__txt:focus {
	color: var(--shop-a-color-hover);
}
/* カートに入れる */
.product-order-btn-list {
	padding-top: 1em;
}
/* 商品LP */
.product-explain {
	margin-top: 2em;
	margin-bottom: 1em;
}
.product-explain p {
	margin-bottom: 2em;
}
/* 在庫状況 在庫 3 売切れ間近 font-16px */
.product-stock-str {
	display: inline-block;
	margin: 0;
	padding: 0.5em 1em;
	background-color: #fffaf0;
	font-size: var(--shop-font-small);
	font-weight: 600;
	color: red;
}
/*
 * sk & privacy
 */
.privacy-par {
	font-size: var(--shop-font-small);
}
/*
 * option stock
 */
.option__section, .option-heading {
	font-size: var(--shop-font-small);
}
/* ------------------------ テンプレート　カスタム　contents - common ------------------------ */
/* 一覧 商品画像 */
.product-list__img {
	display: block;
	margin-bottom: 1em;
	padding-bottom: 0;
}
.product-list__img:hover {
	opacity: 0.8;
}
/* 一覧 商品名 font-16px */
.product-list__txt, .product-list__txt a {
	color: var(--shop-color-text);
	display: inline-block;
	font-size: var(--shop-font-medium);
	line-height: var(--shop-line-height-small);
	font-weight: 500;
}
.product-list__txt a:hover {
	color: var(--shop-a-color-hover);
}
.product-list__name {
	padding-bottom: 0px;
}
/* 商品説明 */
.product-list__expl {
	margin-bottom: 0.5em;
	float: left;
	font-size: var(--shop-font-small);
	line-height: var(--shop-line-height-small);
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}
/* 商品価格 定価 取り消し線 */
.product-list__regular-price {
	text-decoration: line-through;
}
/* 会員価格 */
.product-list__discount {
	font-weight: 600;
}
/* 商品価格 */
.price_top, .product-list__price {
	margin-bottom: 0.5em;
	font-weight: 600;
}
/* 商品説明（おすすめ商品） */
.recommend-list__unit .product-list__expl {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4; /* 任意の行数を指定 */
}
/* 商品説明（最近チェックした商品、関連商品） */
/* 一覧 商品名 */
#footer .product-list__txt, #footer .product-list__txt a, .product-together__section .product-list__txt, .product-together__section .product-list__txt a, #footer .price_top, #footer .product-list__price, .product-together__section .price_top, .product-together__section .product-list__price {
	font-size: var(--shop-font-small);
	line-height: var(--shop-line-height-small);
}
/* p */
#footer p, .product-together__section p {
	margin-bottom: 0.5em;
}
/* フッター 返品について */
.notice-heading {
	font-size: var(--shop-font-large);
	font-weight: normal;
}
.notice-list__name {
	display: inline-block;
	margin-bottom: 0.5em;
	font-size: var(--shop-font-large);
	font-weight: 600;
}
.notice-list__unit {
	font-size: var(--shop-font-small);
	line-height: var(--shop-line-height-medium);
}
.inquiry-list__name {
	margin-bottom: 0.5em;
	padding: 0;
	font-weight: 600;
}
/* ------------------------ 1280pxまでの幅の場合に適応される ------------------------ */
@media screen and (max-width: 1280px) { /* ■変更禁止■ */
	.banner-side__section {
		display: none;
	}
	.main__section {
		max-width: 100%;
	}
}
/* ▲ 1280px ここまで ▲ */
/* ------------------------ 980pxまでの幅の場合に適応される ------------------------ */
@media screen and (max-width: 980px) { /* ■変更禁止■ */
	#base_gmoWrapp, #gmo_CMSPbar {
		overflow: hidden;
		min-width: 100% !important;
		width: 100% !important;
	}
	/* ------------------------ 980px テンプレート　カスタム layout ------------------------ */
	.container {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		padding: 0;
	}
	.contents__section {
		width: 100%;
		padding: 0;
	}
	.info-list {
		padding: 0 1em;
	}
	.upbar-wrap {
		padding: 5em 0 1em;
	}
	.upbar-list {
		float: none;
		text-align: center;
		float: left;
	}
	.shopname {
		width: 100%;
		padding: 0;
	}
	.shopname h1 {
		margin: 0;
		padding: 3em 1em;
		text-align: center;
	}
	.shopname__ad-wrap {
		position: static;
		background-color: #FFF;
	}
	.shopname__ad {}
	/* ショップロゴ */
	.shopname__logo {
		margin: 0;
		padding: 5px 0;
	}
	/* 送料 */
	.shopname__ad-deli {
		margin: 80px 0 0; /* toolbar 80px */
	}
	/* リンク非表示 */
	.downbar-wrap { display: none; }
	/* 検索窓 */
	.search {
		padding: 1em 0.5em;
	}
	.search__select {
		width: 100%;
	}
	.search-wrap {
		background-color: #fff;
		background-repeat: repeat;
	}
	.search__box {
		max-width: 70%;
		margin-bottom: 0;
	}
	.search__btn {
		margin-bottom: 0;
	}
	.search-keyword {
		text-align: center;
	}
	.search-keyword-heading {
		margin-bottom: 1em;
	}
	.primary__section {
		float: none;
	}
	.side-nav__section {
		float: none;
		padding: 0;
	}
	.side-nav-box {
		margin-bottom: 0;
		border: none;
		border-right: none;
		border-bottom: none;
		border-left: none;
	}
	.side-nav-banner-list {
		padding: 0 1em;
	}
	.btn-more-wrap {
		margin-bottom: 1em;
		padding: 0 1em;
	}
	.btn-more {
		border: 1px solid #333;
		border-radius: 0;
		padding: 1em 0;
		background: #333;
		color: #fff;
	}
	.btn-more:hover {
		border: 1px solid #777;
		background: #777;
		color: #fff;
	}
	#scroll {
		bottom: 20px;
	}
	.btn-scroll a {
		padding: 8px;
		line-height: 1;
	}
	.btn-scroll__txt {
		font-size: var(--shop-font-xsmall);
	}
	/* ------------------------ 980px テンプレート　カスタム contents ------------------------ */
	.main__section {
		float: none;
	}
	.side-nav-list__link {
		padding: 0.5em 1em;
	}
	/* ------------------------ 980px テンプレート カスタム footer ------------------------ */
	.footer__section {
		width: 100%;
		padding: 0;
	}
	.history__section {
		padding: 0 0 1em 20px;
	}
	.history-list__unit {
		font-size: var(--shop-font-small);
		margin-bottom: 1em;
	}
	.footer-notice-sp-list {
		font-size: var(--shop-font-small);
		margin: 0;
	}
	.footer-notice-sp-list__txt {
		padding: 0.5em 1.5em;
		display: block;
	}
	.footer-notice-sp-list__txt:hover, .footer-notice-sp-list__txt:focus {
		text-decoration: none;
		color: #999;
	}
	.footer-notice-sp-inquiry {
		padding: 2em 0 1em;
		color: #FFFFFF;
		background: < {
			$key_color
		}
		> ;
	}
	.footer-notice-sp-inquiry-list {
		padding: 0 1em;
		margin: 0;
	}
	.footer-notice-sp-inquiry-list__name {
		margin-bottom: 0.5em;
	}
	.footer-notice-sp-inquiry-list__unit {
		margin: 0 0 1.5em;
		font-size: var(--shop-font-small);
	}
	.footer-notice-sp-inquiry-list__unit a {
		color: #FFF;
	}
	.inquiry-sp-list__name {
		margin-bottom: 0.5em;
		font-weight: 600;
	}
	.inquiry-sp-list__img {
		border: 2px solid #fff;
	}
	.footer-social__section {
		text-align: center;
		padding-top: 1em;
	}
	.footer-nav-list {
		margin: 0;
		padding: 0 0 1em;
		text-align: left;
		font-size: var(--shop-font-small);
		line-height: var(--shop-line-height-medium);
		border-bottom: 1px solid #333;
	}
	.footer-nav__section {
		padding: 1em 0;
	}
	/* ------------------------ 980px テンプレート　カスタム product lst & seach ------------------------ */
	.breadcrumb-list {
		padding: 0 1em;
	}
	.freespace__section {
		padding: 0 1em;
	}
	.productlist-sort {
		padding: 1em 1em;
	}
	.productlist-sort__section {
		padding: 0 15px;
	}
	.productlist-sort-list {
		float: left;
		margin: 0;
	}
	.product-option-list__name {
		font-size: var(--shop-font-large);
		font-weight: 600;
	}
	.productlist-sort-totalnumber {
		float: right;
		margin: 0;
		padding-right: 5px;
	}
	.productlist-sort-totalnumber span {
		padding: 0 5px;
	}
	.subcategory-list {
		padding: 0 1em;
	}
	.pagenation-sp__section {
		text-align: center;
		padding: 1em 0;
	}
	.pagenation-sp-list {
		margin: 0;
	}
	.pagenation-sp-list__unit {
		display: inline;
		margin: 0 5px;
	}
	.pagenation-sp-info {
		padding: 1em 0;
	}
	.pagenation-sp-info span {
		padding: 5px 0;
	}
	.btn-pn {
		padding: 0.5em 1.5em;
		border: 2px solid #333;
		-webkit-border-radius: 0;
		border-radius: 0;
		background-color: #333;
		color: #fff;
	}
	.btn-pn:hover, .btn-pn:focus {
		border: 2px solid #777;
		background-color: #777;
		color: #fff;
	}
	.btn-pn.disabled, .btn-pn[disabled] {
		border: 2px solid var(--shop-light-gray);
		color: #cecece;
		background-color: #fff;
	}
	.side-nav-heading {
		margin: 2em 0 1em;
		text-align: center; 
	}
	/* カレンダー */
	.side_cal {
		padding: 1.5em 1em 0;
		display: flex;
		justify-content: space-between;
		column-gap: 1em;
	}
	/* ------------------------ 980px テンプレート　カスタム product ------------------------ */
	/* 商品LP */
	.product-explain {
		margin-bottom: 1em;
		padding-left: 1.5em;
		padding-right: 1.5em;
	}
	/* 商品詳細　全体 */
	.product__section {
		padding: 0;
	}
	.product-order-box-wrap {
		padding: 0;
		margin: 0 0 1.5em;
	}
	.product-order-box {
		margin: 0;
		padding: 1.5em;
	}
	.product-related-list__unit {
		display: inline-block;
		margin-bottom: 0.1em;
	}
	.product-social-list__unit {
		display: inline-block;
		margin-bottom: 0.5em;
	}
	.product-review {
		padding: 0 1em;
	}
	/* フリーページ */
	.free-page {
		padding: 0 1em;
		margin-bottom: 3em;
	}
	/* ------------------------ 980px テンプレート　カスタム sk & privacy ------------------------ */
	.notice-box {
		margin-bottom: 0.2em;
		margin-top: -10px
	}
	.notice-box:first-child {
		padding-top: 0;
		margin-top: 0;
	}
	.privacy-par {
		padding: 0 1em;
	}
	/* ------------------------ 980px テンプレート　カスタム common ------------------------ */
	.product-list {
		padding: 0;
	}
	.notice-list {
		padding: 0 1em;
	}
	.paragraph-item {
		margin-bottom: 1em;
		padding: 0 1em;
	}
	/* 商品説明 */
	.product-list__expl {
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4; /* 任意の行数を指定 */
	}
}
/* ------------------ ▲ 980px ここまで ▲ ------------------ */
/* ------------------------ 768pxまでの幅の場合に適応される ------------------------ */
@media screen and (max-width: 768px) { /* ■変更禁止■ */
	.container {
		width: auto;
	}
	.product-review-send-list {
		text-align: center;
	}
	.product-review-send-list__unit {
		display: inline-block;
	}
	.product-init-list {
		margin-bottom: 1em;
		padding-top: 0;
	}
	.product-order-btn-list__unit {
		padding: 0;
	}
	.product-order-btn-list {
		padding-top: 0;
	}
	.mar-sm-t10 {
		margin-top: 0.5em;
	}
	/* サブカテゴリー */
	.subcategory-list a {
		padding: 0;
	}
}
/* ------------------ 768px ▲ここまで▲ ------------------ */
/* ------------------------ 480pxまでの幅の場合に適応される ------------------------ */
@media screen and (max-width: 480px) { /* ■変更禁止■ */
	.upbar-list__unit {
		width: 9%;
	}
	.product-order-box {
		padding: 1.5em 1em;
	}
	/* ------------------------ 480px テンプレート　カスタム  ------------------------ */
	.upbar-list__unit {
		width: 100%;
	}
	.product-order-box {
		padding: 1.5em;
	}
	/* 購入数 */
	.product-init-list__detail-num {
		width: 33.333%;
	}
	/* カレンダー */
	.side_cal { display: block; }
}
/* ------------------ ▲ 480px ここまで ▲ ------------------ */
/* ------------------------ テンプレート　カスタム icons ------------------------ */
.icon-b, .icon-w {
	width: 16px;
	height: 16px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	position: relative;
	top: -0.15em;
}
.icon-user.icon-b, .icon-user.icon-w {
	background-position: -208px 0px;
}
.icon-lg-b, .icon-lg-w {
	width: 24px;
	height: 24px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	position: relative;
	top: -0.15em;
}
.icon-lg-b.icon-user, .icon-lg-w.icon-user {
	background-position: -312px 0px;
}
.icon-lg-b.icon-adduser, .icon-lg-w.icon-adduser {
	background-position: -360px -0px;
}
.icon-lg-b.icon-login, .icon-lg-w.icon-login {
	background-position: -72px -120px;
}
.icon-lg-b.icon-logout, .icon-lg-w.icon-logout {
	background-position: -48px -120px;
}
.icon-lg-b.icon-mail, .icon-lg-w.icon-mail {
	background-position: -96px -0px;
}
.icon-lg-b.icon-cart, .icon-lg-w.icon-cart {
	background-position: -264px -96px;
}
.icon-lg-b.icon-box, .icon-lg-w.icon-box {
	background-position: -288px -96px;
}
.icon-lg-b.icon-phone, .icon-lg-w.icon-phone {
	background-position: -0px -0px;
}
.icon-lg-b.icon-clock, .icon-lg-w.icon-clock {
	background-position: -360px -48px;
}
.icon-lg-b.icon-bell, .icon-lg-w.icon-bell {
	background-position: -384px -24px;
}
.icon-lg-b.icon-c_twitter, .icon-lg-w.icon-c_twitter {
	background-position: -168px -264px;
}
.icon-lg-b.icon-c_facebook, .icon-lg-w.icon-c_facebook {
	background-position: -216px -264px;
}
.icon-lg-b.icon-c_google, .icon-lg-w.icon-c_google {
	background-position: -288px -264px;
}
.icon-lg-b.icon-c_pinterest, .icon-lg-w.icon-c_pinterest {
	background-position: -336px -264px;
}
.icon-lg-b.icon-chevron_right, .icon-lg-w.icon-chevron_right {
	background-position: -24px -216px;
}
.icon-lg-b.icon-search, .icon-lg-w.icon-search {
	background-position: -312px -24px;
}
.icon-lg-b.icon-circled_plus, .icon-lg-w.icon-circled_plus {
	background-position: -240px -120px;
}
.icon-lg-b.icon-circled_minus, .icon-lg-w.icon-circled_minus {
	background-position: -216px -120px;
}
.icon-lg-b.icon-home, .icon-lg-w.icon-home {
	background-position: -264px -24px;
}
.icon-lg-b.icon-chevron_up, .icon-lg-w.icon-chevron_up {
	background-position: -0px -216px;
}
.icon-lg-b.icon-list, .icon-lg-w.icon-list {
	background-position: -288px -144px;
}
.icon-lg-b.icon-triangle_up, .icon-lg-w.icon-triangle_up {
	background-position: -456px -192px;
}
.icon-lg-b.icon-triangle_down, .icon-lg-w.icon-triangle_down {
	background-position: -432px -192px;
}
.icon-lg-b.icon-instagram, .icon-lg-w.icon-instagram {
	background-position: -168px -288px;
}
.icon-lg-b.icon-youtube, .icon-lg-w.icon-youtube {
	background-position: -191px -240px;
}
.icon-b {
	background-image: url(https://img.shop-pro.jp/tmpl_img/79/icon16_b.png);
}
.icon-w {
	background-image: url(https://img.shop-pro.jp/tmpl_img/79/icon16_w.png);
}
.icon-lg-b {
	background-image: url(https://img.shop-pro.jp/tmpl_img/79/icon24_b.png);
}
.icon-lg-w {
	background-image: url(https://img.shop-pro.jp/tmpl_img/79/icon24_w.png);
}
/* ------------------------ テンプレート　カスタム icons ------------------------ */
.icon-lg-b, .icon-lg-w {
	line-height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
	.icon-b, .icon-w {
		-webkit-background-size: 368px 320px;
		background-size: 368px 320px;
	}
	.icon-lg-b, .icon-lg-w {
		-webkit-background-size: 552px 480px;
		background-size: 552px 480px;
	}
	.icon-b {
		background-image: url(https://img.shop-pro.jp/tmpl_img/79/icon16_2x_b.png);
	}
	.icon-w {
		background-image: url(https://img.shop-pro.jp/tmpl_img/79/icon16_2x_w.png);
	}
	.icon-lg-b {
		background-image: url(https://img.shop-pro.jp/tmpl_img/79/icon24_2x_b.png);
	}
	.icon-lg-w {
		background-image: url(https://img.shop-pro.jp/tmpl_img/79/icon24_2x_w.png);
	}
}
@media (max-width: 768px) { /* ■変更禁止■ */
	.icon-b {
		width: 24px;
		height: 24px;
		background-image: url(https://img.shop-pro.jp/tmpl_img/79/icon24_b.png);
	}
	.icon-b.icon-user {
		background-position: -312px 0px;
	}
	.icon-w {
		width: 24px;
		height: 24px;
		background-image: url(https://img.shop-pro.jp/tmpl_img/79/icon24_w.png);
	}
	.icon-w.icon-user {
		background-position: -312px 0px;
	}
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 768px) and (min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-resolution: 192dpi), only screen and (max-width: 768px) and (min-resolution: 2dppx) {
	.icon-b, .icon-w {
		-webkit-background-size: 552px 480px;
		background-size: 552px 480px;
	}
	.icon-b {
		background-image: url(https://img.shop-pro.jp/tmpl_img/79/icon24_2x_b.png);
	}
	.icon-w {
		background-image: url(https://img.shop-pro.jp/tmpl_img/79/icon24_2x_w.png);
	}
}
/*----------------------------------------------------
 * カラーミー 専用　追加
 * ----------------------------------------------------*/
/* 全 非表示 */
.home .attachment {
	display: none;
}
/* ホーム フッターのみ 非表示 */
.home #footer-widget-area-2 {
	display: none;
}
/* ホームのみ 非表示 */
.home .nohome {
	display: none;
}
/* ホーム以外 非表示 */
body:not(.home) .okhome {
	display: none !important;
}
/* ================================================================
================================================================
 * ▲▲▲ テンプレート　カスタム ここまで ▲▲▲
================================================================
================================================================== */

/* ================================================================
================================================================
 * ▼▼▼ タブレット・スマホ用  ドロワーメニュー ▼▼▼
================================================================
================================================================== */
:root {
	--navi-sp-height: 80px;
	--navi-sp-width: 80px;
}
.toolbar {
  width: 100%;
  height: var(--navi-sp-height);
  min-height: 0;
  min-height: 0;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 200;
  padding: 0;
  background:#FFF;
  display: block;
}
/* 左 メニュー */
.toolbar__item--menu {
  display: block;
  width: var(--navi-sp-width);
  height: 80px;
  position: absolute;
  left: 0;
  top: 0;
}
.toolbar__item--menu a i {
  width: 40%;
  height: 40%;
  position: absolute;
  left: 30%;
  top: 30%;
  color: #000;
  font-size: 1.33333em;
  line-height: 1;
  vertical-align: -.0667em;
}
/* 文字「メニュー」追加 */
i.fa-bars.fa-lg:after {
  display: block;
  width: var(--navi-sp-width);
  content: "メニュー";
  font-size: 10px;
  color: #000;
  margin-top: 5px;
  text-align: center; 
  position: absolute;
  left: 50%;
  top: 20px;
  transform: translateX(-50%);
  line-height: 1;
}
/* 中央 ロゴ */
.toolbar__item--logo {
  width: calc(100% - 80px * 2 - 10px);
  height: 100%;
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 0;
}
.toolbar__item--logo a {
  display: flex;
  align-items: center;
  text-align: center;
  overflow: hidden;
  font-size: 14px;
line-height: var(--shop-line-height-small);
  height: 80px;
  width: 100%;
  max-width: 900px;
}
.toolbar__item--logo img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 60%;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.toolbar__item--logo h1 {
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
	font-size: 19px;
	font-size: 1.9rem;
	font-weight: bold;
	color: var(--shop-a-color);
}
/* 右 カート */
.toolbar__item--cart {
  display: block;
  width: var(--navi-sp-width);
  height: var(--navi-sp-height);
  position: absolute;
  right: 0;
  top: 0;
}
.toolbar__item--cart i {
  width: 40%;
  height: 40%;
  position: absolute;
  left: 30%;
  top: 30%;
  color: #000;
  font-size: 1.33333em;
  line-height: 1;
  vertical-align: -.0667em;
}
.global-nav-sp-list__txt {
  display: block;
  padding: 0;
}
/* 文字「カート」追加 */
.fa-shopping-cart:after {
  display: block;
  width: var(--navi-sp-width);
  content: "カート";
  font-size: 10px;
  color: #000;
  margin-top: 5px;
  text-align: center; 
  position: absolute;
  right: 50%;
  top: 20px;
  transform: translateX(50%);
  line-height: 1;
}
.toolbar__item--cart .toolbar__item__count {
	margin: 0;
	font-size: 10px;
}
input[type="text"].keyword {
	font-size: 85.71429%;
	background: #fff;
	padding: 0 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid var(--shop-light-gray);
}
input[type="text"].keyword--small {
	width: 100%;
	height: 44px;
	margin-bottom: 10px;
}
.drawer__item__name form {
	margin: 0px;
}
.section--search .button {
	float: right;
}
/* スマホ用ドロワーメニュー */
.drawer.open {
	left: 0;
}
.drawer {
	position: fixed;
	top: 0;
	left: -300px;
	z-index: 9999;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	width: 300px;
	height: 100%;
	background: #fff;
	color: var(--shop-color-text);
	-moz-transition-property: all;
	-o-transition-property: all;
	-webkit-transition-property: all;
	transition-property: all;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.drawer__item--close {
	padding: 20px 20px 10px;
}
.drawer__item {
	border-bottom: 1px solid #e0e0e0;
}
.drawer__item__name {
	font-weight: normal;
	display: table;
	line-height: 1;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 20px 20px;
	color: var(--shop-color-text);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.drawer__item__name__icon--left {
	width: 15%;
	display: table-cell;
	vertical-align: middle;
}
.drawer__item__name__text {
	width: 70%;
	vertical-align: middle;
}
.drawer__item__name__icon--right {
	width: 10%;
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}
.overlay {
	position: fixed;
	z-index: 2000;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 120%;
	background-color: rgba(0, 0, 0, 0.75);
}
.drawer__item--accordion ul {
	margin: 0;
	padding: 15px 0;
	list-style: none;
}
.linklist__item {
	border-bottom: solid 1px #e0e0e0;
	list-style: none;
}
.drawer__item--accordion .linklist__item {
	border: none;
}
.linklist__item a {
	display: table;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	padding: 20px;
	color: var(--shop-color-text);
}
.drawer__item--accordion .linklist__item a {
	padding: 5px 20px;
}
.linklist__item__text {
	width: 80%;
	height: auto;
}
.linklist__item a span {
	display: table-cell;
	vertical-align: middle;
}
.u-ac--active {
	border-bottom: 1px solid #e0e0e0;
}
/* ================================================================
================================================================
 * ▲▲▲ タブレット・スマホ用  ドロワーメニュー ▲▲▲
================================================================
================================================================== */

/* ================================================================
================================================================
 * ▼▼▼ カスタム ▼▼▼
================================================================
================================================================== */
/* ------------------------
 サイトマップ
 ------------------------ */
#cmsp_map {
	margin: 5px;
	padding: 1.5em;
}
/* サイトマップ 大項目 */
#cmsp_map div {
	margin: 0 0 30px 0 !important;
	padding: 10px 20px !important;
	font-weight: 600;
	border: 1px solid #ccc !important;
}
/* サイトマップ サブカテゴリーを囲む */
#cmsp_map dl {
	margin: 30px 0 30px 15px !important;
	padding: 0 !important;
}
/* サイトマップ サブカテゴリー名 */
#cmsp_map dt {
	margin: 0 !important;
	padding: 10px 20px !important;
	background-color: #FAF7F3 !important;
}
/* サイトマップ サブカテゴリー内の商品リストを囲む */
#cmsp_map dd {
	margin: 0px 0px 0px 10px !important;
	padding: 1.5em;
}
/* サイトマップ 商品リスト */
#cmsp_map ul {
	margin: 0px 0px 15px 0px !important;
	padding: 0px;
}
#cmsp_map li {
	margin: 0px 0px 0px 40px !important;
	padding: 0px;
	font-weight: normal;
	list-style-type: disc;
	list-style-image: none;
	background: none;
}
/* ------------------------ 装飾 ------------------------ */
/* ------------------------ テーブル ------------------------ */
table, .type01 table {
	width: auto;
	text-align: center;
	border-collapse: collapse; /* セルの線を重ねる */
	border-spacing: 0;
}
th, td, .type01 th, .type01 td {
	padding: 0.5em 1em;
	border: solid 1px var(--shop-light-gray);
	text-align: left;
	vertical-align: middle;
}
th, .type01 th {
	background: #f9f9f9;
}
/* type01 th,td に線を引く */
.type01 .th-bottom, .type01 .td-bottom {
	border-bottom: 3px solid #333;
}
@media screen and (max-width:980px) { /* ■変更禁止■ */
	/* tableはスタイル保持、type01はblockに */
	.type01 table {
		width: auto;
	}
	.type01 th, .type01 td {
		width: 100%;
		display: block;
		border-top: none;
	}
	.type01 tr:first-child th {
		border-top: solid 1px var(--shop-light-gray);
	}
	/* type01 th,td に線を引く */
	.type01 .th-bottom {
		border-bottom: 1px solid #aaa;
	}
	.type01 .td-bottom {
		border-bottom: 3px solid #333;
	}
}
/* カラーミーキット */
.btn {
	font-size: 15px;
	font-size: 1.5rem;
}
@media screen and (max-width:980px) { /* ■変更禁止■ */
	ul.product-list {
		padding-right: 10px;
		padding-left: 10px;
	}
	.product-list .col {
		padding-right: 2%;
		padding-left: 2%;
	}
}
/* 連休のお知らせ */
.holiday {
	background-color: #ffffe0;
	padding: 10px;
	margin: 0 auto 10px auto;
}
/* col 高さ調整 */
.row-height {
	display: flex;
	flex-wrap: wrap;
}
/* 会員価格 */
.price_discount {
	font-weight: 600;
	color: #FF0000;
}
/* ------------------------
 ボタン
 ------------------------ */
/* ボタン お知らせ  ※削除不可※ */
a.btn_info {
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 7px 10px;
	background: #dd3333;
	transition: .4s;
	text-align: center;
	line-height: var(--shop-line-height-small);
	color: #FFF;
	border-top: 1px solid #dd3333;
	border-bottom: 1px solid #dd3333;
}
a.btn_info:hover {
	text-decoration: none;
	background: #FFF;
	color: #dd3333;
	border-top: 1px solid #dd3333;
	border-bottom: 1px solid #dd3333;
}
@media screen and (max-width: 768px) { /* ■変更禁止■ */
	a.btn_info {
		font-size: var(--shop-font-medium);
	}
}
/* ボタン　赤枠&白（お知らせ） ※削除不可※ */
a.btn_red_w {
	text-decoration: none;
	display: block;
	width: 100%;
	margin: 0px 0 10px 0;
	padding: 1em 1.5em;
	font-family: "M PLUS Rounded 1c";
	font-weight: 400;
	font-size: 21px;
	font-size: 2.1rem;
	color: #f44336;
	text-align: center;
	background: #FFFFFF;
	transition: .4s;
	border-top: 2px solid #f44336;
	border-bottom: 2px solid #f44336; /* #f44336 */
}
a.btn_red_w:hover {
	text-decoration: none;
	background: #FFFFFF;
	color: #ff6e25;
}
/* ボタン スクエアボタン青 */
.square_btn {
	text-decoration: none;
	display: inline-block;
	padding: 1em 2em;
	color: #67c5ff;
	border: solid 2px #67c5ff;
	border-radius: 3px;
	transition: .4s;
}
a.square_btn:hover {
	text-decoration: none;
	background: #67c5ff;
	color: white;
}
/* ボタン 赤 inline-block */
.btn_red {
	display: inline-block;
	text-decoration: none;
	padding: 1em 2em;
	background: #FF0000;
	color: #FFF;
	border: solid 2px #FF0000;
	border-radius: 3px;
	transition: .4s;
}
a.btn_red:hover {
	text-decoration: none;
	background: #FFF;
	color: #FF0000;
}
/* ボタン オレンジ inline-block */
.btn-flat {
	display: inline-block;
	text-decoration: none;
	position: relative;
	margin: 10px 0;
	padding: 1em 2em;
	color: #FF7100;
	background: white;
	transition: .4s;
	border-radius: 3px;
	border: solid 1px #FF7100;
}
a.btn-flat:hover {
	text-decoration: none;
	background: #FF7100;
	color: white;
}
/* ボタン　ピンクレッド block */
a.btn_pinkred {
	text-decoration: none;
	display: block;
	width: 100%;
	margin: 0px 0 10px 0;
	padding: 1em 1.5em;
	font-family: "M PLUS Rounded 1c";
	font-weight: 400;
	color: #FFF;
	text-align: center;
	background: #ff2525;
	transition: .4s;
	font-size: 21px;
	font-size: 2.1rem;
}
a.btn_pinkred:hover {
	text-decoration: none;
	background: #ff6e25;
	text-decoration: none;
	color: #FFF;
}
/* カード型 ボタン */
ul.cardbtn-basic {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 1em;
	margin: 1em 0 2em;
	list-style: none;
}
.cardbtn-basic li {
	width: calc((100% - 2em) / 2);
	transition: all 0.3s;
	border: 1px solid #ddd;
}
.cardbtn-basic li img {
	display: block;
	-o-object-fit: cover;
	object-fit: cover;
	width: 200px;
	max-width: 50%;
	height: 125px;
}
.cardbtn-basic li a {
	display: flex;
	color: var(--shop-a-color);
}
.cardbtn-basic li a:hover {
	color: < {
		$link_hover
	}
	> ;
}
.cardbtn-basic li p {
	padding: 10px;
}
@media screen and (max-width: 980px) {  /* ■変更禁止■ */
	.cardbtn-basic li {
		width: 100%;
	}
}
/*----------------------------------------------------
 背景色　横幅ぶち抜き
 * ----------------------------------------------------*/
.orverwidth {
	margin: 10px -200%;
	padding: 0 200%;
	text-align: center;
}
.orverwidth-inner {
	padding: 1em 0;
}

/*----------------------------------------------------
 * 見出し
 * ----------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-weight: 600; letter-spacing: 0.07em; }
h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0 !important; }

h1 {
	margin: 2em 0 1.5em; 
	padding: 1.5em 0;
	border: 0;
	font-size: var(--shop-font-xlarge);
}
h2, .midashi-01,
.section-title-h2 {  /* section-title-h2は、カラーミー専用 */
	margin: 2em 0 1.5em; 
	padding: 0.7em 0;
	border: 0;
	border-top: 1px solid var(--shop-light-gray);
	border-bottom: 1px solid var(--shop-light-gray);
	border-left: 0;
	font-size: var(--shop-font-xlarge);
	text-align: center;
}
h3, .midashi-02 {
	margin: 2em 0 1.5em; 
	padding: 0.5em 0 0.5em 1em;
	border: 0;
	border-left: solid 5px var(--shop-main-color);
	border-bottom: 0;
	font-size: var(--shop-font-large);
	line-height: var(--shop-line-height-small);
}
h4, h5, h6, .midashi-03 {
	margin: 2em 0 1.5em; 
	position: relative;
	padding: 0.5em 0;
	border: 0;
	border-bottom: solid 3px var(--shop-light-gray);
	font-size: var(--shop-font-large);
	line-height: var(--shop-line-height-small);
	color: var(--shop-main-color);
}
h4:after, h5:after, h6:after, .midashi-03:after {
	display: block;
	position: absolute;
	content: " ";
	bottom: -3px;
	width: 30%;
	border-bottom: solid 3px var(--shop-main-color);
}
.h-clear { border: 0 !important; padding: 0.5em 1em !important; }
.h-clear:after { border: 0 !important; }

/* ================================================================
================================================================
 * 共通CSS
================================================================
================================================================== */
/*----------------------------------------------------
 * CSS Grid
 * ----------------------------------------------------*/
.cssgrid {
	display: grid !important;
	grid-column-gap: 1em;
	grid-row-gap: 1em;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	grid-auto-flow: row;
	margin-top: 0;
	margin-bottom: 2em;
}
@media screen and (max-width: 480px) { /* Smartphone 480px含む以下 */
	.cssgrid {
		grid-template-columns: minmax(0, 1fr);
}}
/* 可変 */
.cssgrid-100 { grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); }
.cssgrid-150 { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.cssgrid-200 { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.cssgrid-250 { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
.cssgrid-300 { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
.cssgrid-400 { grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); }
/* PC */
.grid-pc1 { grid-template-columns: minmax(0, 1fr) }
.grid-pc2 { grid-template-columns: repeat(2, minmax(0, 1fr)) }
.grid-pc3 { grid-template-columns: repeat(3, minmax(0, 1fr)) }
.grid-pc4 { grid-template-columns: repeat(4, minmax(0, 1fr)) }
.grid-pc5 { grid-template-columns: repeat(5, minmax(0, 1fr)) }
/* iPadPro */
@media screen and (max-width: 980px) {  /* iPadPro 980px含む以下 */
	.grid-pd1 { grid-template-columns: minmax(0, 1fr) }
	.grid-pd2 { grid-template-columns: repeat(2, minmax(0, 1fr)) }
	.grid-pd3 { grid-template-columns: repeat(3, minmax(0, 1fr)) }
	.grid-pd4 { grid-template-columns: repeat(4, minmax(0, 1fr)) }
}
/* iPadmini */
@media screen and (max-width: 768px) { /* iPadmini 768px含む以下 */
	.grid-pdm1 { grid-template-columns: minmax(0, 1fr) }
	.grid-pdm2 { grid-template-columns: repeat(2, minmax(0, 1fr)) }
	.grid-pdm3 { grid-template-columns: repeat(3, minmax(0, 1fr)) }
	.grid-pdm4 { grid-template-columns: repeat(4, minmax(0, 1fr)) }
}
/* Smartphone */
@media screen and (max-width: 480px) { /* Smartphone 480px含む以下 */
	.grid-mb1 { grid-template-columns: minmax(0, 1fr) }
	.grid-mb2 { grid-template-columns: repeat(2, minmax(0, 1fr)) }
	.grid-mb3 { grid-template-columns: repeat(3, minmax(0, 1fr)) }
	.grid-mb4 { grid-template-columns: repeat(4, minmax(0, 1fr)) }
}
/* 余白 横 */
.ggap5 { grid-column-gap: 5px !important; }
.ggap10 { grid-column-gap: 10px !important; }
.ggap20 { grid-column-gap: 20px !important; }
.ggap30 { grid-column-gap: 30px !important; }
/* 余白 縦 */
.rgap5 { grid-row-gap: 5px !important; }
.rgap10 { grid-row-gap: 10px !important; }
.rgap20 { grid-row-gap: 20px !important; }
.rgap30 { grid-row-gap: 30px !important; }

/*----------------------------------------------------
 * flexbox
----------------------------------------------------*/
.flex-container {
	display: flex;
	flex-wrap: nowrap; /*要素を折り返す*/
	flex-direction: row; /* 要素の配置方向（初期値 左から右 row） */
	justify-content: flex-start; /* flexアイテムの配置 （初期値 左寄せ flex-start） */
	align-items: stretch; /* 子要素を縦軸で上下のどこで揃えるか （初期値 上部揃え stretch） */
	align-content: flex-start; /* flexアイテムを折り返したときに上下の配置や余白を指定 上寄せで配置 */
	padding-left: 0;
}
.flex-item {
	flex-grow: 0; /* flexアイテムの比率（初期値 0 指定しない）	*/
	flex-shrink: 1; /* flexアイテムの縮小率 （初期値 1 1:1） */
	flex-basis: auto; /* flexアイテムの基本の幅を指定 */
	margin: 2px;
}
@media screen and (max-width: 980px) {  /* iPadPro 980px含む以下 */
		.flex-container {
				display:block;
		}
}

/*----------------------------------------------------
 * button ※button使用不可（テーマテンプレートが使用）
 * ----------------------------------------------------*/
a.btn01 {
	display: inline-block;
	text-decoration: none;
	font-weight: 600;
	cursor: pointer;
	margin: 1.3em 0;
	padding: 20px 40px;
	transition: background-color 100ms ease-in-out;
	background-color: var(--shop-btn-color);
	border-width: 1px; border-style: solid; border-color: var(--shop-btn-color);
	color: #FFF!important;
	text-align: center;
	line-height: 1.6;
	border-radius: 5px;
}
@media screen and (max-width: 980px) {  /* iPadPro 980px含む以下 */
	a.btn01 {
		display: block;
		padding: 15px 20px;
	}
}
/* hover 色＋白文字 */
a.btn01:hover {
	text-decoration: none;
	background-color: var(--shop-btn-color-hover);
	border-width: 1px; border-style: solid; border-color: var(--shop-btn-color-hover);
	color: #FFF;
	transition: background-color 100ms ease-in-out, color 100ms ease-in-out;
}
/* 横幅 100% */
a.btn01-100, a.btn01-full { display: block; border-radius: 0px; }
/* 横幅 80% */
a.btn01-90 { display: block; width: 80%; margin-left: auto; margin-right: auto; }
/* 横幅 50% */
a.btn01-50, a.btn01-center { display: block; width: 50%; margin-left: auto; margin-right: auto; }
/* 矢印 */
.arrow-right:before { font-family: FontAwesome; content: "\f061"; }

/*----------------------------------------------------
 * 装飾
----------------------------------------------------*/
/* ボーダー ボトム border-bottom */
.bdb-gray { border-bottom: 1px solid var(--shop-dark-gray) !important; }

/* ------------ 色地 background-color ------------ */
/* ホワイト */
.bg-white { background-color: #FFF!important; }
/* レッド */
.bg-red { background-color: var(--shop-red)!important; }
a.bg-red { background-color: var(--shop-red)!important; border-width: 1px; border-style: solid; border-color: var(--shop-red)!important; color: #FFF!important; }
a.bg-red:hover { background-color: #FFF!important; border-width: 1px; border-style: solid; border-color: var(--shop-red)!important; color: var(--shop-red)!important; }
/* ピンクレッド */
.bg-pinkred { background-color: #ff2525!important; }
a.bg-pinkred { background-color: #ff2525!important; border-width: 1px; border-style: solid; border-color: #ff2525!important; color: #FFF!important; }
a.bg-pinkred:hover { background-color: #FFF!important; border-width: 1px; border-style: solid; border-color: #ff2525!important; color: #ff2525!important; }
/* ワインレッド */
.bg-winered { background-color: #c01f0e!important; }
a.bg-winered { background-color: #c01f0e!important; border-width: 1px; border-style: solid; border-color: #c01f0e!important; color: #FFF!important; }
a.bg-winered:hover { background-color: #FFF!important; border-width: 1px; border-style: solid; border-color: #c01f0e!important; color: #c01f0e!important; }
/* イエロー */
.bg-yellow { background-color: var(--shop-yellow)!important; }
a.bg-yellow { background-color: var(--shop-yellow)!important; border-width: 1px; border-style: solid; border-color: var(--shop-yellow)!important; color: #FFF!important; }
a.bg-yellow:hover { background-color: #FFF!important; border-width: 1px; border-style: solid; border-color: var(--shop-yellow)!important; color: var(--shop-orange)!important; }
/* クリーム */
.bg-cream { background-color: #FFFaf0!important; }
a.bg-cream { background-color: #FFFaf0!important; border-width: 1px; border-style: solid; border-color: #FFFaf0!important; }
a.bg-cream:hover { background-color: #FFF!important; border-width: 1px; border-style: solid; border-color: #FFFaf0!important; color: #FF7F00!important; }
/* ブルー */
.bg-blue { background-color: var(--shop-blue)!important; }
a.bg-blue { background-color: var(--shop-blue)!important; border-width: 1px; border-style: solid; border-color: var(--shop-blue)!important; color: #FFF!important; }
a.bg-blue:hover { background-color: #FFF!important; border-width: 1px; border-style: solid; border-color: var(--shop-blue)!important; color: var(--shop-blue)!important; }
/* ペールブルー（淡いブルー） */
.bg-pale_blue, .bg-blue2 { background-color: #eef5fa!important; }
a.bg-pale_blue, a.bg-blue2 { background-color: #eef5fa!important; border-width: 1px; border-style: solid; border-color: #eef5fa!important; color: #FFF!important; }
a.bg-pale_blue:hover, a.bg-blue2:hover { background-color: #FFF!important; border-width: 1px; border-style: solid; border-color: #2980b9!important; color: #2980b9!important; }
/* ダークブルー */
.bg-dark_blue { background-color: var(--shop-main-color)!important; }
a.bg-dark_blue { background-color: var(--shop-main-color)!important; border-width: 1px; border-style: solid; border-color: var(--shop-main-color)!important; color: #FFF!important; }
a.bg-dark_blue:hover { background-color: #FFF!important; border-width: 1px; border-style: solid; border-color: var(--shop-main-color)!important; color: var(--shop-main-color)!important; }
/* グリーン */
.bg-green { background-color: #27ae60!important; }
a.bg-green { background-color: #27ae60!important; border-width: 1px; border-style: solid; border-color: #27ae60!important; color: #FFF!important; }
a.bg-green:hover { background-color: #FFF!important; border-width: 1px; border-style: solid; border-color: #27ae60!important; color: #27ae60!important; }
/* オレンジ */
.bg-orange { background-color: var(--shop-orange)!important; }
a.bg-orange { background-color: var(--shop-orange)!important; border-width: 1px; border-style: solid; border-color: var(--shop-orange)!important; color: #FFF!important; }
a.bg-orange:hover { background-color: #FFF!important; border-width: 1px; border-style: solid; border-color: var(--shop-orange)!important; color: var(--shop-orange)!important; }
/* レッド-オレンジ グラデ */
.bg-red-orange { background: linear-gradient(to right, var(--shop-red) 0%, #FF7F00 100%)!important; border: 0; }
a.bg-red-orange { background: linear-gradient(to right, var(--shop-red) 0%, #FF7F00 100%)!important; color: #FFF!important; border: 0; }
a.bg-red-orange:hover { background: linear-gradient(to right, #FF7F00 0%, #FF7F00 100%)!important; color: #FFF!important; border: 0; }
/* ゴールド */
.bg-gold { background-color: var(--shop-gold)!important; }
a.bg-gold { background-color: var(--shop-gold)!important; border-width: 1px; border-style: solid; border-color: var(--shop-gold)!important; color: #FFF!important; }
a.bg-gold:hover { background-color: #FFF!important; border-width: 1px; border-style: solid; border-color: var(--shop-gold)!important; color: var(--shop-gold)!important; }
/* 淡いゴールド */
.bg-gold2 { background-color: #FAF7F3!important; }
a.bg-gold2 { background-color: #FAF7F3!important; border-width: 1px; border-style: solid; border-color: #FAF7F3!important; }
a.bg-gold2:hover { background-color: #FFF!important; border-width: 1px; border-style: solid; border-color: var(--shop-gold)!important; }
/* ブラウン */
.bg-blown { background-color: var(--shop-brown)!important; }
a.bg-blown { background-color: var(--shop-brown)!important; border-width: 1px; border-style: solid; border-color: var(--shop-brown)!important; color: #FFF!important; }
a.bg-blown:hover { background-color: #FFF!important; border-width: 1px; border-style: solid; border-color: var(--shop-brown)!important; color: var(--shop-brown)!important; }
/* 濃いグレー */
.bg-grey, .bg-gray { background-color: var(--shop-gray)!important; }
a.bg-grey, a.bg-gray { background-color: var(--shop-gray)!important; border-width: 1px; border-style: solid; border-color: var(--shop-gray)!important; color: #FFF!important; }
a.bg-grey:hover, a.bg-gray:hover { background-color: #FFF!important; border-width: 1px; border-style: solid; border-color: var(--shop-gray)!important; color: var(--shop-gray)!important; }
/* 淡いグレー */
.bg-grey2, .bg-gray2 { background-color: var(--shop-light-gray2)!important; }
a.bg-grey2, a.bg-gray2 { background-color: var(--shop-light-gray2)!important; border-width: 1px; border-style: solid; border-color: var(--shop-light-gray2)!important; }
a.bg-grey2:hover, a.bg-gray2:hover { background-color: #FFF!important; border-width: 1px; border-style: solid; border-color: var(--shop-light-gray2)!important; color: var(--shop-gray)!important; }
/* ブラック */
.bg-black { background-color: #000!important; }
a.bg-black { background-color: #000!important; border-width: 1px; border-style: solid; border-color: #000!important; color: #FFF!important; }
a.bg-black:hover { background-color: #FFF!important; border-width: 1px; border-style: solid; border-color: #000!important; color: #000!important; }

/* ------------ 白地＋色枠 border ------------ */
/* レッド */
.bd-red { border-width: 1px; border-style: solid; border-color: var(--shop-red)!important; }
a.bd-red { border-width: 1px; border-style: solid; border-color: var(--shop-red)!important; background-color: #FFF!important; color: var(--shop-red)!important; }
a.bd-red:hover { border-width: 1px; border-style: solid; border-color: var(--shop-red)!important; background-color: var(--shop-red)!important; color: #FFF!important; }
/* オレンジ */
.bd-orange { border-width: 1px; border-style: solid; border-color: var(--shop-orange)!important; }
a.bd-orange { border-width: 1px; border-style: solid; border-color: var(--shop-orange)!important; background-color: #FFF!important; color: var(--shop-orange)!important; }
a.bd-orange:hover { border-width: 1px; border-style: solid; border-color: var(--shop-orange)!important; background-color: var(--shop-orange)!important; color: #FFF!important; }
/* クリーム */
.bd-cream { border-width: 1px; border-style: solid; border-color: #ffecbc!important; }
/* ブルー */
.bd-blue { border-width: 1px; border-style: solid; border-color: var(--shop-blue)!important; }
a.bd-blue { border-width: 1px; border-style: solid; border-color: var(--shop-blue)!important; background-color: #FFF!important; color: var(--shop-blue)!important; }
a.bd-blue:hover { border-width: 1px; border-style: solid; border-color: var(--shop-blue)!important; background-color: #2980b9!important; color: #FFF!important; }
/* ダークブルー */
.bd-dark_blue { border-width: 1px; border-style: solid; border-color: var(--shop-main-color)!important; }
a.bd-dark_blue { border-width: 1px; border-style: solid; border-color: var(--shop-main-color)!important; background-color: #FFF!important; color: var(--shop-main-color)!important; }
a.bd-dark_blue:hover { border-width: 1px; border-style: solid; border-color: var(--shop-main-color)!important; background-color: var(--shop-main-color)!important; color: #FFF!important; }
/* 皇漢ブラウン */
.bd-blown { border-width: 1px; border-style: solid; border-color: var(--shop-brown)!important; }
a.bd-blown { border-width: 1px; border-style: solid; border-color: var(--shop-brown)!important; background-color: #FFF!important; color: var(--shop-brown)!important; }
a.bd-blown:hover { border-width: 1px; border-style: solid; border-color: var(--shop-brown)!important; background-color: var(--shop-brown)!important; color: #FFF!important; }
/* ゴールド（星）*/
.bd-gold { border-width: 1px; border-style: solid; border-color: var(--shop-gold)!important; }
a.bd-gold { border-width: 1px; border-style: solid; border-color: var(--shop-gold)!important; background-color: #FFF!important; color: var(--shop-gold)!important; }
a.bd-gold:hover { border-width: 1px; border-style: solid; border-color: var(--shop-gold)!important; background-color: var(--shop-gold)!important; color: #FFF!important; }
/* グレー */
.bd-glay, .bd-gray { border-width: 1px; border-style: solid; border-color: var(--shop-gray)!important; }
a.bd-glay, a.bd-gray { border-width: 1px; border-style: solid; border-color: var(--shop-gray)!important; background-color: #FFF!important; color: var(--shop-gray)!important; }
a.bd-glay:hover, a.bd-gray:hover { border-width: 1px; border-style: solid; border-color: var(--shop-gray)!important; background-color: var(--shop-gray)!important; color: #FFF!important; }
/* グレー2 淡い */
.bd-glay2, .bd-gray2 { border-width: 1px; border-style: solid; border-color: var(--shop-light-gray)!important; }
a.bd-glay2, a.bd-gray2 { border-width: 1px; border-style: solid; border-color: var(--shop-light-gray)!important; background-color: #FFF!important; color: #000!important; }
a.bd-glay2:hover, a.bd-gray2:hover { border-width: 1px; border-style: solid; border-color: var(--shop-light-gray)!important; background-color: var(--shop-light-gray)!important; color: #000!important; }

/* 角丸 border-radius*/
.bdr { border-radius: 15px !important; }
.bdr3, .r3, .br3 { border-radius: 3px !important; }
.bdr5, .r5, .br5 { border-radius: 5px !important; }
.bdr10, .r10, .br10 { border-radius: 10px !important; }
.bdr15, .r15, .br15 { border-radius: 10px !important; }
.bdr20, .r20, .br20 { border-radius: 20px !important; }
.bdr30, .r30, .br30 { border-radius: 30px !important; }

/* 線幅 border*/
.bd1 { border-width: 1px !important; }
.bd2 { border-width: 2px !important; }
.bd3 { border-width: 3px !important; }

/*----------------------------------------------------
 * font
----------------------------------------------------*/
/* 文字色	font-color */
.red, .fc-red { color: var(--shop-red)!important; }
.dark_red { color: darkred !important; }
.blue { color: var(--shop-blue) !important; }
.dark_blue { color: var(--shop-main-color) !important; }
.green { color: var(--shop-green) !important; }
.orange, .fc-orange { color: var(--shop-orange) !important; } /* #ff4800 */
.yellow { color: var(--shop-yellow) !important; }
.cream, .fc-cream { color: var(--shop-cream) !important; }
.pink { color: var(--shop-pink) !important; }
.gold { color: var(--shop-gold) !important; }
.brown, .fc-brown { color: var(--shop-brown) !important; }
.gray { color: var(--shop-dark-gray) !important; }
.black { color: #000 !important; }
.white, .fc-w, a.fc-w:hover { color: #FFF !important; }

/* 文字の太さ	font-weight */
.normal { font-weight: normal !important; font-weight: 500 !important; }
b, .bold { font-weight: bolder !important; font-weight: 600 !important; }

/* 文字配置 text-align */
.center { text-align: center !important; }
.right { text-align: right !important; }
.left { text-align: left !important; }

/* 上下中央 */
.center-place { place-content: center; place-items: center; }

/* 文字 アンダーライン */
.under_yellow { background: linear-gradient(transparent 50%, var(--shop-yellow) 50%) }
.under_blue { background: linear-gradient(transparent 50%, var(--shop-blue) 50%) }

/* ------------ 改行 ------------ */
.lh1 { line-height: 1 !important; }
.lh15 { line-height: 1.5 !important; }
.lh18 { line-height: 1.8 !important; }

/* ------------ 文字サイズ	font-size ------------ */
.fs80, .text80 { font-size: 80% !important; line-height: 1.6 !important; }
.fs85, .text85 { font-size: 85% !important; line-height: 1.6 !important; }
.fs90, .text90 { font-size: 90% !important; }
.fs100, .text100 { font-size: 100% !important; }
.fs110, .text110 { font-size: 110% !important; }
.fs120, .text120 { font-size: 120% !important; }
.fs130, .text130 { font-size: 130% !important; }
.fs140, .text140 { font-size: 140% !important; }
.fs150, .text150 { font-size: 150% !important; }
.fs160, .text160 { font-size: 160% !important; }
.fs170, .text170 { font-size: 170% !important; }
.fs180, .text180 { font-size: 180% !important; }
.fs190, .text190 { font-size: 190% !important; }
.fs200, .text200 { font-size: 200% !important; }

/* 文字サイズ	ピクセル固定 */
.f12 { font-size: 12px !important; }
.f13 { font-size: 13px !important; }
.f14 { font-size: 14px !important; }
.f15 { font-size: 15px !important; }
.f16 { font-size: 16px !important; }
.f17 { font-size: 17px !important; }
.f18 { font-size: 18px !important; }
.f19 { font-size: 19px !important; }
.f20 { font-size: 20px !important; }
.f26 { font-size: 26px !important; }
.f28 { font-size: 28px !important; }

/* Pad */
@media screen and (max-width: 980px) {  /* iPadPro 980px含む以下 */
	.mb-text100 { font-size: 100% !important; }
	.mb-text120 { font-size: 120% !important; }
	.mb-text150 { font-size: 150% !important; }
}

/*----------------------------------------------------
 * width + center
 * ----------------------------------------------------*/
.w100 { display: block; width: 100px; max-width: 100%; }
.w200 { display: block; width: 200px; max-width: 100%; }
.w300 { display: block; width: 300px; max-width: 100%; }
.w400 { display: block; width: 400px; max-width: 100%; }
.w500 { display: block; width: 500px; max-width: 100%; }
.w600 { display: block; width: 600px; max-width: 100%; }
.w700 { display: block; width: 700px; max-width: 100%; }
.w800 { display: block; width: 800px; max-width: 100%; }
.w900 { display: block; width: 900px; max-width: 100%; }

/*----------------------------------------------------
 * margin
----------------------------------------------------*/
/* margin */
.m0 { margin: 0px !important; }
.m5 { margin: 5px !important; }
.m10 { margin: 10px !important; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px !important; }
.m30 { margin: 30px !important; }
/* margin 上下 */
.mtb5 { margin-top: 5px !important; margin-bottom: 5px !important; }
.mtb10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.mtb15 { margin-top: 15px !important; margin-bottom: 15px !important; }
.mtb20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.mtb30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.mtb40 { margin-top: 40px !important; margin-bottom: 40px !important; }
/* margin-top */
.mt1em { margin-top: 1em !important; }
.mt2em { margin-top: 2em !important; }
.mt3em { margin-top: 3em !important; }
.mt0 { margin-top: 0px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
/* margin-bottom */
.mb1em { margin-bottom: 1em !important; }
.mb2em { margin-bottom: 2em !important; }
.mb0 { margin-bottom: 0!important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
/* margin-right */
.mr0 { margin-right: 0px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
/* margin-left */
.ml0 { margin-left: 0px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }

/*----------------------------------------------------
 * padding
----------------------------------------------------*/
/* padding */
.p0, .pd0 { padding: 0px !important; }
.p5, .pd5 { padding: 5px !important; }
.p10, .pd10 { padding: 10px !important; }
.p15, .pd15 { padding: 15px !important; }
.p20, .pd20 { padding: 20px !important; }
.p25, .pd25 { padding: 25px !important; }
.p30, .pd30 { padding: 30px !important; }
.p40, .pd40 { padding: 40px !important; }
.p50, .pd50 { padding: 50px !important; }
/* padding 上下 */
.ptb5 { padding-top: 5px !important; padding-bottom: 5px !important; }
.ptb10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.ptb15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.ptb20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.ptb30 { padding-top: 30px !important; padding-bottom: 30px !important; }
.ptb40 { padding-top: 40px !important; padding-bottom: 40px !important; }
/* padding-top */
.pt0 { padding-top: 0px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt10 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
/* padding-bottom */
.pb0 { padding-bottom: 0px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
/* padding-right */
.pr0 { padding-right: 0px !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr30 { padding-right: 30px !important; }
.pr40 { padding-right: 40px !important; }
.pr50 { padding-right: 50px !important; }
/* padding-left */ 
.pl0 { padding-left: 0px !important; }
.p5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl30 { padding-left: 30px !important; }
.pl40 { padding-left: 40px !important; }
.pl50 { padding-left: 50px !important; }
/* padding 他 */ 
.pd5-15 { padding: 5px 15px !important; }
.pd5-20 { padding: 5px 20px !important; }
.pd10-15 { padding: 10px 15px !important; }
.pd10-20 { padding: 10px 20px !important; }

/*----------------------------------------------------
 * 改行・改行無効
 * ----------------------------------------------------*/
/* PCのみ 改行しない */
.br-sp { display: none !important }
/* iPadPro以下 改行する */
@media screen and (max-width: 480px) { /* Smartphone 480px含む以下 */
.br-sp { display: inline !important }
}
/* ----------------------------------------------------------------------
 alignment
---------------------------------------------------------------------- */
.alignright, img.alignright,
.alignright-important, img.alignright-important,
.p-entry__body .alignright { float: right; }
img.alignright, blockquote.alignright, .wp-caption.alignright,
.p-entry__body img.alignright, .p-entry__body blockquote.alignright, .p-entry__body .wp-caption.alignright  { margin: 0.5em 0 1em 1em; }

.alignleft,, img.alignleft,
.alignleft-important, img.alignleft-important,
.p-entry__body .alignleft { float: left; }
img.alignleft, blockquote.alignleft, .wp-caption.alignleft,
.p-entry__body img.alignleft, .p-entry__body blockquote.alignleft, .p-entry__body .wp-caption.alignleft { margin: 0.5em 1em 1em 0; }

.aligncenter, img.aligncenter,
.p-entry__body .aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:1em; }
img.aligncenter, blockquote.aligncenter, .wp-caption.aligncenter,
.p-entry__body img.aligncenter, .p-entry__body blockquote.aligncenter, .p-entry__body .wp-caption.aligncenter{ margin-top: 0.5em; margin-bottom: 1em; }

.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright { display: table; }

@media screen and (max-width: 980px) {  /* iPadPro 980px含む以下 */
	/* センタリング */
	.alignleft, img.alignleft,
	.alignright, img.alignright {
		float: none!important;
		display: block!important;
		margin-left: auto!important;
		margin-right: auto!important;
	}
	/* 左右固定 XXX-important */
	.alignleft-important, img.alignleft-important {
		float: none!important;
		display: block!important;
		margin-left: 0!important;
		margin-right: auto!important;
		padding-right:1em!important;
	}
	.alignright-important, img.alignright-important {
		float: none!important;
		display: block!important;
		margin-right: 0!important;
		margin-left: auto!important;
		padding-left:1em!important;
	}
}

/*----------------------------------------------------
 * 表示・非表示　※aligncenter設定の下
 * ----------------------------------------------------*/
/* 全 非表示 */
.dpnone-all { display: none }
/* PCのみ非表示=スマホ・ipad・ipadProのみ表示 */
@media screen and (min-width: 1281px) { /* PC以上 1281px含む以上 */
  .on_sp_ipad_ipadPro,
  .pcnone { display: none!important; }
}
/* ipadPro・PCのみ非表示=スマホ・ipadのみ表示 */
@media screen and (min-width: 981px) { /* ipadPro以上 981px含む以上 */
  .on_sp_ipad,
  .pcnone { display:none!important; }
}
/* ipad・iPadPro・PCのみ非表示=スマホのみ表示 */
@media screen and (min-width: 481px) { /* Smartphone以上 481px含む以上 */
  .on_sp,
  .pcnone { display:none!important; }
}
/*  ipad pro・ipad・Smartphoneのみ非表示=PCのみ表示 */
@media screen and (max-width: 1280px) { /* PC 1280px含む以下 */
  .on_pc,
  .dpnone, .mbnone { display:none!important; }
}
/*  ipad・Smartphoneのみ非表示（ipadPro・PCのみ表示） */
@media screen and (max-width: 980px) {  /* iPadPro 980px含む以下 */
  .on_ipadPro_pc,
  .dpnone, .mbnone { display:none!important; }
}
/*  Smartphoneのみ非表示（ipad・iPadPro・PCのみ表示） */
@media screen and (max-width: 480px) { /* Smartphone 480px含む以下 */
  .on_ipad_ipadPro_pc,
  .dpnone, .mbnone { display:none!important; }
}