@charset "utf-8";

/*----------------------------------
  重要なお知らせ
------------------------------------*/

#important {
	margin-bottom:25px;
}

.important_area {
	max-width:600px;
	margin:0 auto;
}

.important_area > div {
	width:100%;
	border-radius: 10px;
	overflow: hidden;
}

.important_area h2 {
	color:#FFF;
	background:#F90000;
	height:30px;
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.important_area h2:before {
	content:"";
	display: block;
	width:21px;
	height:21px;
	background:url("../img/icon/svg/icon_exclamation.svg") no-repeat center;
	background-size:20px auto;
	margin-right:5px;
}

/* パターンA（記事タイトルリンク付） */
.important_area dl {
	padding:10px 30px 10px 20px;
	background-color:#FFF;
}

.important_area dl dt,
.important_area dl dd {
	color:#F90000;
}

.important_area dl dt {
}

.important_area dl dd {
	line-height: 1.6;
}

.important_area dl dd a {
}

/* パターンB（記事本文） */
.important_area h2 + div {
	padding:15px 20px 10px;
	background-color:#FFF;
}

.important_area h2 + div h3 {
	border-left:#F90000 8px solid;
	padding-left:10px;
}

.important_area h2 + div h3 + div {
	margin-top:10px;
	line-height: 1.6;
}

.important_area h2 + div img {
	margin:10px 0;
	border-radius: 10px;
}

.important_area h2 + div hr {
	border-color:#CCC;
}

/*年末年始営業時間
------------------------------------*/

h2.pattern_title{
	font-size: 1.4em;
	padding: 8px 0;
	border-bottom: 1px solid #ccc;
	line-height: 1.3;
	margin-top: 2em;
}

.important_area .info_newyear dl dt, .important_area .info_newyear dl dd{
	color: #000;
}

.contents .info_newyear > dl > dt{
	font-weight: bold;
	margin-bottom: 0.5em;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 0.3em;
}

.contents .info_newyear > dl > dt::before{
	content: "●";
	color: #F90000;
}

.contents .info_newyear > dl > dd{
}

.info_newyear .holiday{
	padding: 0;
}

.info_newyear .holiday dt{
	font-weight: bold;
}

.info_newyear .holiday dd{
	margin-bottom: 0.3em;
}

.info_newyear .holiday dd:last-child{
	margin-bottom: 0;
}

/*年末年始営業時間　END
------------------------------------*/

/*----------------------------------
  カードデザイン
------------------------------------*/

.card-style ul {
}

.card-style ul li {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    background: #FFF;
}

.card-style ul li + li{
	margin-top:15px;
}

.card-style ul li a {
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    text-decoration: none;
}

.card-style ul li a span {
    display: block;
    width: 140px;
    height: auto;
}

.card-style ul li a p {
    width: calc(100% - 140px);
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: bold;
    padding: 0 15px;
    line-height: 1.6;
}



/*----------------------------------
  お得・キャンペーン、便利サービス　一覧
------------------------------------*/

/* ナビゲーション */
.item-navi {
	margin-top:25px;
}

.item-navi .tab-nav {
	width:100%;
	display: flex;
	justify-content:flex-start;
	flex-wrap: wrap;
}

.item-navi .tab-nav li {
	border-radius: 10px;
    overflow: hidden;
	width:calc((100% - 20px) / 3);
}

.item-navi .tab-nav li:first-of-type {
	width:100%;
	display: flex;
	justify-content: space-between;
	margin-bottom:20px;
}

.item-navi .tab-nav li:nth-child(n+3) {
	margin-left:10px;
}

.item-navi .tab-nav li span {	
	background:#FFF;
	height:50px;
	display:flex;
	justify-content: center;
	align-items: center;
}

.item-navi .tab-nav li:first-of-type span {
	width:70px;
}

.item-navi .tab-nav li span img {
	width:30px;
	height:30px;
}

.item-navi .tab-nav li:first-of-type span img {
	width:24px;
	height:24px;
}

.item-navi .tab-nav li div {
    font-weight: bold;
    background: #F5F5F5;
    font-size: 1.2rem;
    padding:7px 10px;
    text-align: center;
}

.item-navi .tab-nav li.is-active div {
    background:#DAFCD7;
}

.item-navi .tab-nav li:first-of-type div {
	width:calc(100% - 70px);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
}

.item-navi .tab-nav li div:after {
	margin:2px auto 0;
}

.item-navi .tab-nav li.is-active div:after {
    background: url(../img/icon/svg/arrow/ar_red.svg) no-repeat center;
    background-size: 14px auto;
}

.item-navi .tab-nav li:first-of-type div:after {
    margin: 0;
    margin-left: 10px;
}


/* リスト */
.item-list {
	margin-top:88px;
	position: relative;
}

.item-list + .item-list {
	margin-top:75px;
}

.item-list a.anchor-close {
    width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
    height: 18px;
    display: inline-flex;
    justify-content: center;
    align-items: baseline;
    font-size: 1.2rem;
    text-decoration: underline;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: -48px auto auto;
}

.item-list a.anchor-close:after {
	margin-left:3px;
}

.item-list h3 {
	margin-bottom:20px;
}

.item-list ul {
}

.item-list ul li {
}

.item-list ul li a {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
	padding-bottom:22px;
	border-bottom:1px solid #CCC;
}

.item-list ul li + li a {
	padding-top:22px;
}

.item-list ul li a > span {
	width:140px;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	display: block;
}

#close_campaign.item-list ul li a > span:after,
#close_campaign2.item-list ul li a > span:after {
	content:"キャンペーンの応募受付は終了しました。";
	display:flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width:calc(100% - 10px);
	height:calc(100% - 40px);
	font-size:1rem;
	font-weight:bold;
    line-height: 1.6;
	color:#FFF;
	background:rgba(0,0,0,0.7);
	border-radius: 10px;
	position: absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	padding:15px 10px;
	margin:20px 5px;
}

.item-list ul li a > div {
    width: calc(100% - 140px - 10px);
}

.item-list ul li a > div {
}

.item-list ul li a > div span {
	display: inline-block;
	font-size:1rem;
	line-height: 1;
	color:#FFF;
	padding: 6px 10px;
	border-radius: 25px;
	margin-bottom:4px;
}

/*** カテゴリ切替 ***/
/* キャンペーン */
.item-list ul li a > div span.campaign {
	background:#00C49C;
}
/* カタログ */
.item-list ul li a > div span.catalog {
	background:#FF7700;
}
/* お得情報 */
.item-list ul li a > div span.otoku {
	background:#038CE8;
}
/* お支払い */
.item-list ul li a > div span.payment {
	background:#3CB371;
}
/* 暮らし */
.item-list ul li a > div span.lifestyle {
	background:#FF6347;
}
/* 施設サービス */
.item-list ul li a > div span.facility {
	background:#4169E1;
}


.item-list ul li a > div h4 {
	color:#333;
	font-weight: bold;
	line-height: 1.7;
}

.item-list ul li a > div p {
	color:#707070;
	font-size:1.2rem;
	margin-top:6px;
}

.item-list ul li a > div p span {
	font-size:1.2rem;
	line-height: 1;
	padding:3px 6px;
	color:#707070;
	background:#FFF;
	border:1px solid #707070;
	border-radius: 5px;
	margin-right:6px;
}



/*----------------------------------
  店舗リスト
------------------------------------*/

.shop-list {
	
}

.shop-list h3.border-bt_twotone {
	margin-bottom:25px;
}

.shop-list h3.border-bt_twotone span {
}

/* 地区単位 */
.shop-list .inner-box {
}

.shop-list .inner-box + .inner-box {
	margin-top:60px;
}

.shop-list .inner-box h4.border-l {
	font-size:1.6rem;
	line-height: 2 !important;
	margin-bottom:10px;
}

/* 地域単位 */
.shop-list .inner-box > div + div {
	margin-top:55px;
}

/* 店舗単位 */
.shop-list .inner-box .item {	
}

.shop-list .inner-box .item + .item {	
	margin-top:30px;
}

.shop-list .inner-box .item a {
	display: block;
	background:#FFF;
	border:1px solid #CCC;
	border-radius: 10px;
	overflow: hidden;
}

.shop-list .inner-box .item a > div {
    border-bottom: #F5F5F5 1px solid;
    padding: 20px 25px 15px;
}

.shop-list .inner-box .item h5 {
    font-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}

.shop-list .inner-box .item h5:before {
    content: "";
    display: block;
    width: 0;
    height: 40px;
    margin: 0;
    background-size: 40px auto;
    margin-right: 8px;
    padding-left: 40px;
}

.shop-list .inner-box .item h5.cat-grand:before {
    background-size: 30px auto;
}

.shop-list .inner-box .item h5 + span {
    max-width: 180px;
    height: 40px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    text-decoration: none;
    background-position: right 15px center;
    background-color: #DAFCD7;
    border-radius: 50px;
}

.shop-list .inner-box .item h5 + span:after {
    margin-left: 8px;
}

.shop-list .inner-box .item a ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 20px 25px 25px;
}

.shop-list .inner-box .item a ul li {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.shop-list .inner-box .item a ul li + li {
	margin-top:10px;
}

.shop-list .inner-box .item a ul li h6 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 26px;
    font-weight: bold;
    border: 1px solid #CCC;
    border-radius: 20px;
    padding: 0px 20px;
    line-height: 1;
    margin-right: 10px;
    margin-bottom: 4px;
}

.shop-list .inner-box .item a ul li p span {
	display: none;
}





/*----------------------------------
  テナントリスト
------------------------------------*/

.tenant-list {
	
}

.tenant-list .inner-box {
}

.tenant-list .inner-box h3.border-l {
	font-size:1.6rem;
	line-height: 2 !important;
	margin-bottom:10px;
}

/*テナント入店無し*/
.tenant-list .inner-box > div > p.none-tenant {
	min-height:100px;
}

/* カテゴリー別 */
.tenant-list .inner-box > div + div {
	margin-top:55px;
}

.tenant-list .inner-box h4 {
    margin-bottom: 30px;
}

/* テナント単位 */
.tenant-list .inner-box .item {	
}

.tenant-list .inner-box .item + .item {	
	margin-top:30px;
}

.tenant-list .inner-box .item > div {
	display: block;
	background:#FFF;
	border:1px solid #F5F5F5;
	border-radius: 10px;
	overflow: hidden;
}

.tenant-list .inner-box .item div h5 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}

.tenant-list .inner-box .item div h5:before {
	content: "";
    display: block;
    width: 0;
    height: 16px;
    padding-left: 16px;
    margin: 0;
    background: #AEF4B1;
    margin-right: 12px;
}

.tenant-list .inner-box .item > div > div {
    border-bottom: #F5F5F5 1px solid;
    padding: 20px 25px 15px;
}

.tenant-list .inner-box .item > div > div > ul {
	display: flex;
    justify-content:flex-start;
    align-items: center;
}

.tenant-list .inner-box .item > div > div > ul li {
	width:30px;
	min-height:30px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.tenant-list .inner-box .item > div > div > ul li + li {
	margin-left:5px;
}

.tenant-list .inner-box .item > div > div > ul li.point img ,
.tenant-list .inner-box .item > div > div > ul li.money img {
	width:92%;
}

.tenant-list .inner-box .item > div > ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 20px 25px 25px;
}

.tenant-list .inner-box .item > div > ul li {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.tenant-list .inner-box .item > div > ul li + li {
	margin-top:12px;
}

.tenant-list .inner-box .item > div > ul li h6 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 26px;
    font-weight: bold;
    border: 1px solid #CCC;
    border-radius: 20px;
    padding: 0px 20px;
    line-height: 1;
    margin-right: 10px;
    margin-bottom: 4px;
}

.tenant-list .inner-box .item > div > ul li p {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

.tenant-list .inner-box .item > div > ul li p span {
	display: none;
}



/*----------------------------------
  ネットde買物、レシピバックナンバー、イベント実施報告
------------------------------------*/

.col2-list {	
}

.col2-list .inner-box ul {
}

.col2-list .inner-box ul li {
    border-bottom: 1px solid #CCC;
    padding-bottom: 30px;
}

.col2-list .inner-box ul li + li {
	margin-top:30px;
}

.col2-list .inner-box ul li span {
    display: block;
    width: 100%;
    max-width: 400px;
    background: #FFF;
    border-radius: 10px;
    overflow: hidden;
}

.col2-list .inner-box ul li div {
    margin-top: 15px;
}

.col2-list .inner-box ul li div h3 {
    font-size: 1.8rem;
    display: inline-block;
    color: #008B11;
    font-weight: bold;
    border-bottom: 8px solid #008B11;
    padding-bottom: 7px;
}

.col2-list .inner-box ul li div p {
	margin-top:15px;
}

.col2-list .inner-box ul li div a {
    max-width: 240px;
    margin-top: 15px;
    height: 50px;
}

.col2-list .inner-box ul li div a:after{
	margin-left:7px;
}



/*----------------------------------
  パンくずリスト
------------------------------------*/

.breadcrumb {
	padding: 0 0 15px;
}

.breadcrumb.btm {
    width: 100%;
    padding: 15px 0 5px;
    background: #FFF;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    position: absolute;
    bottom: 0;
    left: 0;
}

.breadcrumb ul {
    padding: 0;
    display: flex;
    align-items: center;
    line-height: 1;
    overflow-x: auto;
    padding-bottom: 10px;
}

.breadcrumb ul li {
    color: #2AAA3A;
    font-size: 1rem;
    white-space: nowrap;
    display: flex;
	justify-content: flex-start;
    align-items:center;
}

.breadcrumb ul li.home:before {
    content: "";
    display: inline-block;
    margin-right: .4em;
    width: 12px;
    height: 12px;
    background: url("../img/icon/svg/icon_home.svg") no-repeat bottom center;
    background-size: 10px auto;
    margin-top: -2px;
}

.breadcrumb ul li:after {
    content: "";
    display: inline-block;
    margin: 0 0.6em 0 0.3em;
    width: 10px;
    height: 10px;
    background: url("../img/icon/svg/arrow/ar_green2.svg") no-repeat left center;
    background-size: 10px auto;
}

.breadcrumb ul li:last-child {
}

.breadcrumb ul li:last-child:after {
    content: "";
	display: none;
    margin: 0 !important;
}

.breadcrumb ul li a {
    color: #333;
    font-size: 1rem;
    text-decoration: underline;
}



/*----------------------------------
  コンテンツタイトル（下層ページ）
------------------------------------*/

.contents-title {
}

.contents-title .lim_size > div {
	width:100%;
	padding:25px 20px 20px;
	border-radius: 10px;
    box-shadow: 0 3px 8px rgb(0 0 0 / 15%);
	background:#FFF;
}

.contents-title .lim_size > div:before  {
	content:"";
	display: block;
	margin:0 auto;
    width: 40px;
    height: 40px;
    background-repeat:no-repeat;
	background-position:center;
    background-size: 40px auto;	
}

.contents-title h2 {
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    margin-top: 5px;
}


/***アイコン切替***/

/* 店舗・チラシ情報 */
.contents-title .lim_size > div.cat-store:before {
    background-image: url("../img/icon/svg/menu/icon_store.svg");
}
/* お得・キャンペーン */
.contents-title .lim_size > div.cat-campaign:before {
    background-size: 50px auto;
    background-image: url("../img/icon/svg/menu/icon_campaign.svg");
}
/* 便利サービス */
.contents-title .lim_size > div.cat-service:before {
    background-size: 50px auto;
    background-image: url("../img/icon/svg/menu/icon_service.svg");
}
/* フジの商品 */
.contents-title .lim_size > div.cat-products:before {
    background-size: 50px auto;
    background-image: url("../img/icon/svg/menu/icon_products.svg");
}
/* 情報発信 */
.contents-title .lim_size > div.cat-offer:before {
    background-size: 50px auto;
    background-image: url("../img/icon/svg/menu/icon_offer.svg");
}
/* ネットde買物 */
.contents-title .lim_size > div.cat-shopping:before {
    background-size: 45px auto;
    background-image: url("../img/icon/svg/menu/icon_shopping.svg");
}
/* レシピ */
.contents-title .lim_size > div.cat-recipe:before {
    width: 50px;
    height: 40px;
    background-size: 50px auto;
    background-image: url("../img/icon/svg/menu/icon_recipe.svg");
}
/* Honnori レシピ */
.contents-title .lim_size > div.cat-recipe_list:before {
    width: 50px;
    height: 40px;
    background-size: 50px auto;
    background-image: url("../img/icon/svg/icon_Honnori.svg");
}
/* イベント実施報告 */
.contents-title .lim_size > div.cat-event:before {
    background-size: 50px auto;
    background-image: url("../img/icon/svg/menu/icon_event.svg");
}
/* 家電製品の修理受付 */
.contents-title .lim_size > div.cat-e-support:before {
    background-size: 50px auto;
    background-image: url("../img/icon/svg/icon_e-support.svg");
}
/* 電動車両用充電スタンド情報 */
.contents-title .lim_size > div.cat-ev:before {
    background-size: 50px auto;
    background-image: url("../img/icon/svg/icon_ev.svg");
}
/* マルチコピー機導入！ */
.contents-title .lim_size > div.cat-multicopy:before {
    background-size: 45px auto;
    background-image: url("../img/icon/svg/icon_multicopy.svg");
}
/* フジ・TSUTAYA・エンターテイメント */
.contents-title .lim_size > div.cat-fujitsutaya:before {
    background-size: 45px auto;
    background-image: url("../img/icon/svg/logo_fujitsutaya.svg");
}
/* フジの特別栽培農産物 */
.contents-title .lim_size > div.cat-natural:before {
    width: 80px;
    height: 34px;
    background-size: 80px auto;
    background-image: url("../img/icon/svg/logo_natural.svg");
}
/* フジからのお知らせ */
.contents-title .lim_size > div.cat-news:before {
    width: 50px;
    height: 40px;
    background-size: 50px auto;
    background-image: url("../img/icon/svg/menu/icon_news.svg");
}
/* テレビCMギャラリー */
.contents-title .lim_size > div.cat-media:before {
    background-size: 50px auto;
    background-image: url("../img/icon/svg/menu/icon_media.svg");
}
/* シネマ情報 */
.contents-title .lim_size > div.cat-cinema:before {
    background-size: 50px auto;
    background-image: url("../img/icon/svg/icon_cinema.svg");
}
/* 汎用（ロゴ） */
.contents-title .lim_size > div.cat-general:before {
    background-image: url("../img/icon/svg/logo_sm.svg");
}
/* ラクア緑井 */
.contents-title .lim_size > div.cat-wraqua:before {
    background-image: url("../img/icon/svg/logo_wraqua.svg");
}



/*----------------------------------
  店舗業態ロゴ
------------------------------------*/

/* フジグラン */
.cat-grand:before {
	background:url("../img/icon/svg/logo_fujigrand.svg") no-repeat center;
}
/* フジSM */
.cat-sm:before {
	background:url("../img/icon/svg/logo_sm.svg") no-repeat center;
}
/* パルティ・フジ */
.cat-palty:before {
	background:url("../img/icon/svg/logo_palty.svg") no-repeat center;
}
/* エミフル */
.cat-emifull:before {
	background:url("../img/icon/svg/logo_emifull.svg") no-repeat center;
}
/* エフ・マルシェ01 */
.cat-fmarche:before {
	background:url("../img/icon/svg/logo_fmarche.svg") no-repeat center;
}
/* エフ・マルシェ02 */
.cat-fmarche02:before {
	background:url("../img/icon/svg/logo_fmarche02.svg") no-repeat center;
}
/* カジュアル */
.cat-casual:before {
	background:url("../img/icon/svg/logo_casual.svg") no-repeat center;
}
/* ラクア緑井 */
.cat-wraqua:before {
	background:url("../img/icon/svg/logo_wraqua.svg") no-repeat center;
}



/*----------------------------------
  ボタン
------------------------------------*/

/* 白背景 */
.btn01 {
    width: 90%;
    max-width: 300px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
    border: 1px solid #CCC;
    line-height: 1.4;
    padding: 14px 30px;
    text-align: center;
    border-radius: 30px;
    background-color: #FFF;
    text-decoration: none;
}

/* 背景透過 白枠 */
.btn02 {
	width:90%;
	max-width:300px;
	height:40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border:2px solid #FFF;
	color:#FFF;
	font-weight:bold;
	line-height: 1;
	text-decoration: none;
	border-radius: 30px;
}

/* 白背景(小) */
.btn03 {
    width: 100%;
    height: 32px;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    border: 1px solid #CCC;
    line-height: 1;
    padding: 0;
    text-align: center;
    border-radius: 30px;
    background-color: #FFF;
}



/*----------------------------------
  矢印
------------------------------------*/

/*赤背景 白矢印右（背景表示）*/
.bg_ar_red {
	background:#FFF url("../img/icon/svg/arrow/ar_red.svg") no-repeat right 10px center;
	background-size:16px auto;
}

/*白背景 緑矢印右（背景表示）*/
.bg_ar_green {
	background:url("../img/icon/svg/arrow/ar_green.svg") no-repeat right 10px center;
	background-size:16px auto;
}

/*透過 赤矢印右（背景表示）*/
.bg_ar_red2 {
	background:url("../img/icon/svg/arrow/ar_red3.svg") no-repeat right 12px center;
	background-size:14px auto;
}

/*透過 緑矢印右（背景表示）*/
.bg_ar_green2 {
	background:#FFF url("../img/icon/svg/arrow/ar_green2.svg") no-repeat right 12px center;
	background-size:14px auto;
}

/*透過 緑矢印下（背景表示）*/
.bg_ar_green2_btm {
	background:#FFF url("../img/icon/svg/arrow/ar_green2-btm.svg") no-repeat right 10px center;
	background-size:10px auto;
}

/*透過 白矢印右（背景表示）*/
.bg_ar_white {
	background:url("../img/icon/svg/arrow/ar_white.svg") no-repeat right 12px center;
	background-size:14px auto;
}

/*赤背景 白矢印右（疑似要素）*/
.ar_red:after{
	content:"";
	display: block;
	width:14px;
	height:14px;
	background:url("../img/icon/svg/arrow/ar_red.svg") no-repeat center;
	background-size:14px auto;
}

/*白背景 緑矢印右（疑似要素）*/
.ar_green:after{
	content:"";
	display: block;
	width:14px;
	height:14px;
	background:url("../img/icon/svg/arrow/ar_green.svg") no-repeat center;
	background-size:14px auto;
}

/*透過 緑矢印右（疑似要素）*/
.ar_green2:after {
	content:"";
	display: block;
	width:12px;
	height:12px;
	background:url("../img/icon/svg/arrow/ar_green2.svg") no-repeat center;
	background-size:12px auto;
}

/*透過 緑矢印下（疑似要素）*/
.ar_green2_btm:after {
	content:"";
	display: block;
	width:12px;
	height:12px;
	background:url("../img/icon/svg/arrow/ar_green2-btm.svg") no-repeat center;
	background-size:12px auto;
}


/*----------------------------------
  陰影
------------------------------------*/

/* 黒 */
.d-shadow {
	display: inline-block;
	box-shadow:0 3px 8px rgb(0 0 0 / 15%);
}

/* 緑 */
.d-shadow-green {
	display: inline-block;
	box-shadow:4px 4px 4px rgb(174 244 177 / 100%);
}


/*----------------------------------
  見出し
------------------------------------*/

/* アイコン付テキスト */
h2.deco {
    font-size: 1.8rem;
    text-align: center;
    color: #008B11;
	line-height: 1.5;
	margin-bottom:30px;
}
h2.deco:before {
	content:"";
	display: block;
	width:80px;
	height:80px;
	background:no-repeat center;
	background-size:80px auto;
	margin:0 auto;
}

/* 左側　緑縦ボーダー */
.border-l {
    font-size: 1.8rem;
	font-weight:bold;
	line-height: 1.6;
	border-left:8px solid #2AAA3A;
	padding-left:10px;
	margin-bottom:15px;
}

/* 下線 2色ボーダー（緑・グレー） */
.border-bt_twotone span {
	font-size:1.6rem;
	color:#2AAA3A;
	display: block;
    position: relative;
	font-weight:bold;
	border-bottom: 8px solid #F5F5F5;
	padding-bottom:4px;
}
.border-bt_twotone span::after {
    position: absolute;
    bottom: -8px;
    left: 0;
    z-index: 2;
    content: '';
    width: 35%;
    height: 8px;
    background-color: #2AAA3A;
}



/*----------------------------------
  アンカーリンク（緑枠線 緑字）
------------------------------------*/

.anchor-link {
	display: flex;
	justify-content:flex-start;
	flex-wrap: wrap;
}

.anchor-link li {
	width:calc((100% - 10px) / 2);
}

.anchor-link li:nth-child(even){
	margin-left:10px;
}

.anchor-link li:nth-child(n+3){
	margin-top:15px;
}

.anchor-link a {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #2AAA3A;
    border-radius: 40px;
}

.anchor-link a:hover {
	text-decoration: none;
}

.anchor-link a span {
	color:#2AAA3A;
}


/*----------------------------------
  スライダー（slick）
------------------------------------*/

.slick-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: calc(100% - 10px);
    background: #FFF;
    z-index: 1;
    border: #CCC solid 1px;
    border-radius: 20px;
}

.slick-arrow:before {
	display:none;
}

.slick-arrow:after {
    width: 10px;
    height: 10px;
    background-size: 10px auto;
}

.slick-prev,
.slick-next {
    top: calc(50% - 5px);
}

.slick-prev {
    left: 20px;
    padding-left: 2px;
}

.slick-prev:after{
	transform: rotate(180deg);
}

.slick-next {
	right: 18px;
    padding-right: 2px;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color:inherit;
    outline:initial;
    background:#FFF;
}

.slick-dots {
}

.slick-dots li {
    width: 8px;
    height: 8px;
    margin: 0 4px;
}

.slick-dots li button {
    line-height: 0;
    width: 8px;
    height: 8px;
}

.slick-dots li button:before {
    line-height: 1;
    width: 8px;
    height: 8px;
    background: #CCC;
    border: none;
    border-radius: 50%;
}

.slick-dots li.slick-active button:before {
    background: #2AAA3A !important;
    border: none !important;
}

.slick-dotted.slick-slider {
    margin-bottom: 24px;
}



/*----------------------------------
  その他
------------------------------------*/
/* 注意書き（赤字、小文字） */
.notice {
    color: #FF0000;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.6;
    display: block;
}

/* ハテナアイコン付 */
.question {
	display: inline-flex;
	justify-content: flex-start;
	align-items: center;
}
 .question:before {
	content:"";
	display: block;
	width:24px;
	height:24px;
	background:url("../img/icon/svg/icon_question.svg") no-repeat center;
	background-size:22px auto;
	margin-right:5px;
}

/* img自動リサイズ */
img.obj-fit{
	object-fit: cover;
	font-family: 'object-fit: cover';
}

/* モーダルウィンドウ */
.modal-inner {
	display: none;
}

.modal-content {
    background: #FFF;
    padding: 20px 0;
}

/* タブ切替 */
.panel {
    display: none;
}
.panel.is-show {
    display: block;
}

/* SNSシェアボタン */
.sns_share_btn {
    border-top: #CCCCCC 1px solid;
    padding-top: 20px;
    margin-top: 27px;
}

.sns_share_btn * {
    font-size: initial !important;
}

.sns_share_btn h3 {
    font-size: 1.8rem !important;
    font-weight: bold !important;
    text-align: center;
}

.sns_share_btn ul {
    display: flex;
    justify-content: center;
}

.sns_share_btn li + li {
	margin-left:10px;
}

/* ページ送り */
.page_naviR{
	text-align:left;
	padding-top:30px;
	position:relative;
   	display: flex;
	justify-content: center;
}

.page_naviR a{
	color:#333333;
}

.page_naviR .k_page_before{
	border:#CCCCCC 1px solid;
	background:#FFF;
	padding: 3px 10px;
	font-size: 1.6rem;
	border-radius: 5px;
    margin-right: 10px !important;
}

.page_naviR .k_page_next{
	border:#CCCCCC 1px solid;
	background:#FFF;
	padding: 3px 10px;
	font-size: 1.6rem;
	border-radius: 5px;
    margin-left: 10px !important;
}

.page_naviR .link_page{
	border:#CCCCCC 1px solid;
	background:#FFF;
	padding: 3px 10px;
	font-size: 1.6rem;
	border-radius: 5px;
}

.page_naviR .current_page {
	background-color: #008B11;
 	border: #008B11 1px solid;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px 10px;
	font-size: 1.6rem;
	border-radius: 5px;
}

/* ページ送り */
.sort_menu {
	max-width:300px;
    margin: 0 auto;
}

.sort_menu h3 {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    line-height: 1;
}

.sort_menu h3:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    margin: 0;
    background: #AEF4B1;
    margin-right: 8px;
}

.select-box {
    background: #FFF;
    width: 100%;
	max-width: 300px;
    height: 40px;
    border: 1px solid #CCC;
    position: relative;
    z-index: 1;
}

.select-box select {
  /* 初期化 */
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: none;
  color: #333;
  width: 100%;
  height: 100%;
  padding: 0 20px;
}

.select-box::after {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  right: 15px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  border-bottom: 2px solid #008B11;
  border-right: 2px solid #008B11;
  z-index: -1;
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {

/*----------------------------------
  重要なお知らせ
------------------------------------*/

.important_area {
    max-width: none;
}

/* 重要なお知らせ(1カラム) */

.important_area h2 {
	min-height: 40px;
}

/* 重要なお知らせ(2カラム) */

.important_area.style2 > div {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-radius: 15px;
}

.important_area.style2 h2 {
    width: 23%;
    height: auto;
	min-height: 50px !important;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.important_area.style2 h2:before {
    width: 25px;
    height: 25px;
    background-size: 25px auto;
    margin-right: 8px;
}

.important_area.style2 dl {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 77%;
    min-height: 50px;
}

.important_area.style2 dl dt {
    line-height: 1.6;
}

.important_area.style2 dl dd {
    margin-left: 15px;
}

	.info_newyear .holiday dt{
		display: inline-block;
		margin-right: 1.5em;
		float: left;
		clear: left;
	}
	
	.info_newyear .holiday dd{
	}


/*----------------------------------
  カードデザイン
------------------------------------*/

.card-style ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.card-style ul li {
	width: calc((100% - 20px) / 2);
}

.card-style ul li:nth-child(even){
	margin-left:20px;
}

.card-style ul li + li {
    margin-top: 0;
}

.card-style ul li:nth-child(n+3) {
    margin-top: 20px !important;
}



/*----------------------------------
  お得・キャンペーン、便利サービス　一覧
------------------------------------*/

/* ナビゲーション */
.item-navi {
}

.item-navi .tab-nav {
	width:100%;
	display: flex;
	justify-content:flex-start;
	flex-wrap: wrap;
}

.item-navi .tab-nav li {
	width: calc((100% - 20px) / 2);
	display: flex;
	justify-content: space-between;
}

.item-navi .tab-nav li:nth-child(n+3) {
	margin-left:0;
}

.item-navi .tab-nav li:nth-child(even) {
	margin-left:20px;
}

.item-navi .tab-nav li:first-of-type {
	width: calc((100% - 20px) / 2);
	margin-bottom:0;
}

.item-navi .tab-nav li:nth-child(n+3) {
	margin-top:20px;
}

.item-navi .tab-nav li span {
	width:90px;
	height:70px;
}

.item-navi .tab-nav li:first-of-type span {
	width:90px;
	height:70px;
}

.item-navi .tab-nav li span img {
	width:45px;
	height:45px;
}

.item-navi .tab-nav li:first-of-type span img {
	width:45px;
	height:45px;
}

.item-navi .tab-nav li div {
    font-size: 1.6rem;
    padding:0;
	width:calc(100% - 90px);
    display: flex;
    justify-content: center;
    align-items: center;
}

.item-navi .tab-nav li:first-of-type div {
	width:calc(100% - 90px);
    font-size: 1.6rem;
}

.item-navi .tab-nav li div:after {
    margin: 0 0 0 20px;
    width: 18px;
    height: 18px;
    background-size: 18px auto;
}

.item-navi .tab-nav li.is-active div:after {
	width: 18px;
    height: 18px;
    background: url(../img/icon/svg/arrow/ar_red.svg) no-repeat center;
    background-size: 18px auto;
}

.item-navi .tab-nav li:first-of-type div:after {
    margin-left: 20px;
}


/* リスト */
.item-list {
}

.item-list a.anchor-close:after {
	margin-left:10px;
}

.item-list ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.item-list ul li {
    width: calc((100% - 40px) / 3);
	margin-left:20px;
}

.item-list ul li:nth-child(3n+1) {
	margin-left:0;
}

.item-list ul li:nth-child(n+4) {
	margin-top:30px;
}

.item-list ul li a {
    display: block;
    border-bottom: none;
    padding-bottom: 0;
}

.item-list ul li + li a {
	padding-top:0;
}

.item-list ul li a > span {
    width: auto;
    border-radius: 10px;
}

#close_campaign.item-list ul li a > span:after,
#close_campaign2.item-list ul li a > span:after {
    width: calc(100% - 40px);
    height: 100px;
    font-size: 1.4rem;
    border-radius: 10px;
    padding: 20px 20px;
    margin: auto;
}

.item-list ul li a > div {
	display: flex;
    justify-content: space-between;
	align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 10px;
}

.item-list ul li a > div span {
	margin-bottom:8px;
	order: 1;
}

.item-list ul li a > div h4 {
	width: 100%;
    order: 3;
}

.item-list ul li a > div p {
	margin-top:0;
	width: auto;
    order: 2;
	padding-top: 2px;
}

.item-list ul li a > div p span {
}



/*----------------------------------
  店舗リスト
------------------------------------*/

.shop-list {
}

.shop-list .inner-box .item a > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.shop-list .inner-box .item h5 {
    justify-content: flex-start;
    margin-bottom: 0;
}

.shop-list .inner-box .item h5 + span {
    width: 180px;
    margin: 0;
}



/*----------------------------------
  テナントリスト
------------------------------------*/

.tenant-list {
}

.tenant-list .inner-box .item > div > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tenant-list .inner-box .item div h5 {
    justify-content: flex-start;
    margin-bottom: 0;
}

.tenant-list .inner-box .item > div > ul {
    display: flex;
    align-items: center;
}



/*----------------------------------
  ネットde買物、レシピバックナンバー、イベント実施報告
------------------------------------*/

.col2-list .inner-box ul li {
	display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.col2-list .inner-box ul li span {
    width: 300px;
}

.col2-list .inner-box ul li div {
    width: calc(100% - 300px - 25px);
    margin-top: 0;
    margin-left: 25px;
}



/*----------------------------------
  パンくずリスト
------------------------------------*/



/*----------------------------------
  コンテンツタイトル（下層ページ）
------------------------------------*/

.contents-title .lim_size > div {
	display: flex;
	justify-content:center;
	align-items: center;
}

.contents-title .lim_size > div:before {
    margin: 0;
	margin-right:15px;
}

.contents-title h2 {
    font-size: 1.8rem;
    margin-top: 0;
}

/***アイコン切替***/



/*----------------------------------
  ボタン
------------------------------------*/

/* 白背景 */
.btn01 {
    max-width: 460px;
}

/* 白背景(小) */
.btn03 {
/*    height: 40px !important;*/
}



/*----------------------------------
  アンカーリンク（緑枠線 緑字）
------------------------------------*/

.anchor-link {
	justify-content:flex-end;
}

.anchor-link li {
	width:calc((100% - 30px) / 4);
}

.anchor-link li:nth-child(even){
	margin-left:0;
}

.anchor-link li + li {
	margin-left:10px !important;
}
	
.anchor-link li:nth-child(n+3){
	margin-top:0;
}

/*----------------------------------
  その他
------------------------------------*/

/* SNSシェアボタン */
.sns_share_btn {
	padding-top: 40px !important;
	margin-top: 50px !important;
}

.sns_share_btn ul {
    margin-top: 5px;
}




}



/* PC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px){

/*----------------------------------
  重要なお知らせ
------------------------------------*/

#important {
	margin-bottom: 30px;
}

.important_area > div {
    border-radius: 20px;
}

/* 重要なお知らせ(1カラム) */

.important_area h2 {
    min-height: 40px;
	font-size: 1.6rem;
}

.important_area h2:before {
    width: 16px;
    height: 16px;
    background-size: 16px auto;
    margin-right: 8px;
}

.important_area h2 + div {
    padding: 20px 30px 20px;
}

.important_area h2 + div h3 {
	font-size:1.8rem;
}

.important_area h2 + div h3 + div {
    margin-top: 15px;
    line-height: 1.8;
}

/* 重要なお知らせ(2カラム) */

.important_area.style2 h2 {
    width: 200px;
    min-height: 80px;
}

.important_area.style2 dl {
	padding: 10px 60px 10px 30px;
    width: calc(100% - 200px);
    min-height: 80px;
	background-color: #FFF;
	background-position: right 30px center;
}

.important_area.style2 dl dt {
	font-size: 1.6rem;
}

.important_area.style2 dl dd {
    font-size: 1.6rem;
    margin-left: 20px;
}



/*----------------------------------
  カードデザイン
------------------------------------*/

.card-style ul li {
    width: calc((100% - 75px) / 4);
}

.card-style ul li:nth-child(even) {
    margin-left: 0;
}

.card-style ul li + li {
    margin-top: 0;
    margin-left: 25px !important;
}

.card-style ul li:nth-child(4n+1) {
    margin-left: 0 !important;
}

.card-style ul li:nth-child(n+3) {
    margin-top: 0 !important;
}

.card-style ul li:nth-child(n+5) {
    margin-top: 40px !important;
}


.card-style ul li a {
    display: block;
}

.card-style ul li a span {
    width: 100%;
    display: block;
    overflow: hidden;
}

.card-style ul li a p {
    width: 100%;
    padding: 20px 15px;
}



/*----------------------------------
  お得・キャンペーン、便利サービス　一覧
------------------------------------*/

.item-navi {
    margin-top: 65px;
}

.item-navi .tab-nav li:nth-child(even) {
    margin-left: 0;
}

.item-navi .tab-nav li {
    width: calc((100% - 60px) / 4);
    margin-left: 20px !important;
	border-radius: 20px;
	cursor: pointer;
}

.item-navi .tab-nav li div {
	transition: .2s all ease;
}

.item-navi .tab-nav li:hover div {
    background:#DAFCD7;
}

.item-navi .tab-nav li div:after {
	transition: .2s all ease;
}

.item-navi .tab-nav li:hover div:after {
    width: 18px;
    height: 18px;
    background: url("../img/icon/svg/arrow/ar_red.svg") no-repeat center;
    background-size: 18px auto;
}

.item-navi .tab-nav li:nth-child(4n+1) {
    margin-left: 0 !important;
}

.item-navi .tab-nav li:first-of-type {
    width: calc((100% - 60px) / 4);
    margin-bottom: 0;
}

.item-navi .tab-nav li:nth-child(n+3) {
    margin-top: 0;
}

.item-navi .tab-nav li:nth-child(n+5) {
    margin-top: 20px;
}


.item-list {
	margin-top: 105px;
}

.item-list + .item-list {
    margin-top: 100px;
}

.item-list a.anchor-close {
    height: 22px;
	font-size: 1.6rem;
	margin: -52.5px auto auto;
}

.item-list a.anchor-close:hover {
	text-decoration: none;
}

.item-list h3 {
	margin-bottom:50px;
}

.item-list ul li:nth-child(n+4) {
    margin-top: 50px;
}

.item-list ul li a:hover{
	text-decoration: none;
}

.item-list ul li a > div {
    margin-top: 12px;
}

.item-list ul li a > div span {
    font-size: 1.2rem;
	margin-bottom: 10px;
}

.item-list ul li a > div p {
    font-size: 1.4rem;
    padding-top: 0;
}

.item-list ul li a > div p span {
    font-size: 1.4rem;
    padding: 4px 10px;
    margin-right: 10px;
}

#close_campaign.item-list ul li a > span:after,
#close_campaign2.item-list ul li a > span:after {
    width: calc(100% - 60px);
    font-size: 1.6rem;
    padding: 20px 30px;
}



/*----------------------------------
  店舗リスト
------------------------------------*/

.shop-list {
}

.shop-list .inner-box + .inner-box {
    margin-top: 120px;
}

.shop-list h3 {
    margin-bottom: 50px;
}

.shop-list h3.border-bt_twotone span {
}

.shop-list .inner-box > div + div {
    margin-top: 110px;
}

.shop-list .inner-box h4.border-l {
    font-size: 2.4rem;
    margin-bottom: 40px !important;
	line-height: 1.6 !important;
}

.shop-list .inner-box .item + .item {
    margin-top: 60px;
}

.shop-list .inner-box .item a {
	transition: all 0.2s ease;
	border: 2px solid #F5F5F5;
}

.shop-list .inner-box .item a:hover{
   text-decoration: none;
	border: 2px solid #008B11;
}

.shop-list .inner-box .item a > div {
    padding: 24px 35px 20px;
}

.shop-list .inner-box .item h5 {
	font-size: 2.7rem;
}

.shop-list .inner-box .item h5:before {
    width: 0;
    height: 54px;
    background-size: 54px auto;
    margin-right: 12px;
	padding-left: 54px;
}

.shop-list .inner-box .item h5.cat-grand:before {
    background-size: 44px auto;
}

.shop-list .inner-box .item h5 + span {
	font-size: 1.4rem;
    max-width: none;
    transition: all 0.2s ease;
}

.shop-list .inner-box .item a:hover h5 + span {
    background-color: #FFF565;
}

.shop-list .inner-box .item h5 + span:after {
    margin-left: 10px;
}

.shop-list .inner-box .item a ul {
    padding: 5px 35px 30px;
}

.shop-list .inner-box .item a ul li {
	width: auto;
    margin-top: 20px !important;
	margin-right: 25px;
}

.shop-list .inner-box .item a ul li + li {
    margin-top: 0;
}

.shop-list .inner-box .item a ul li h6 {
    height: 35px;
    margin-bottom: 0;
    margin-right: 15px;
	border-radius: 30px;
    padding: 0px 28px;
}
    



/*----------------------------------
  テナントリスト
------------------------------------*/

.tenant-list {
}

.tenant-list .inner-box h3.border-l {
    font-size: 2.4rem;
    margin-bottom: 40px !important;
	line-height: 1.6 !important;
}

/*テナント入店無し*/
.tenant-list .inner-box > div > p.none-tenant {
	min-height:200px;
}

.tenant .inner-box > div + div {
    margin-top: 110px;
}

.tenant-list .inner-box h4 {
    margin-bottom: 40px;
}

.tenant-list .inner-box .item + .item {
    margin-top: 60px;
}

.tenant-list .inner-box .item > div {
	transition: all 0.2s ease;
	border: 2px solid #F5F5F5;
}

.tenant-list .inner-box .item > div > div {
    padding: 24px 35px 20px;
}

.tenant-list .inner-box .item div h5 {
	font-size: 1.8rem;
}

.tenant-list .inner-box .item div h5:before {
    width: 16px;
    height: 16px;
    background-size: 16px auto;
    margin-right: 12px;
}

.tenant-list .inner-box .item > div > div > ul li {
	width:40px;
	height:40px;
	display: flex;
	align-items: center;
}

.tenant-list .inner-box .item > div > div > ul li + li {
	margin-left:10px;
}

.tenant-list .inner-box .item > div > div > ul li.point img,
.tenant-list .inner-box .item > div > div > ul li.money img {
    width: 96%;
}

.tenant-list .inner-box .item > div > ul {
    padding: 5px 35px 30px;
}

.tenant-list .inner-box .item > div > ul li {
	width: auto;
    margin-top: 20px !important;
	margin-right: 40px;
}

.tenant-list .inner-box .item > div > ul li + li {
    margin-top: 0;
}

.tenant-list .inner-box .item > div > ul li h6 {
    height: 35px;
    margin-bottom: 6px;
    margin-right: 15px;
	border-radius: 30px;
    padding: 0px 28px;
}



/*----------------------------------
  ネットde買物、レシピバックナンバー、イベント実施報告
------------------------------------*/

.col2-list .inner-box ul li {
    border-bottom: 1px solid #CCC;
    padding-bottom: 45px;
}

.col2-list .inner-box ul li + li {
    margin-top: 40px;
}

.col2-list .inner-box ul li div {
    width: calc(100% - 300px - 50px);
    margin-left: 50px;
}

.col2-list .inner-box ul li div h3 {
    font-size: 2.4rem;
    padding-bottom: 12px;
}

.col2-list .inner-box ul li div p {
    margin-top: 22px;
}

.col2-list .inner-box ul li div a {
    margin-top: 35px;
}



/*----------------------------------
  パンくずリスト
------------------------------------*/

.breadcrumb {
    padding: 0 0 25px;
}

.breadcrumb.btm {
    padding: 26px 0 16px;
}

.breadcrumb ul {
}

.breadcrumb ul li {
    font-size: 1.6rem;
}

.breadcrumb ul li.home:before {
    margin-right: 10px;
    width: 20px;
    height: 20px;
    background-size: 18px auto;
}

.breadcrumb ul li:after {
    width: 14px;
    height: 14px;
    background-size: 14px auto;
}

.breadcrumb ul li a {
    font-size: 1.6rem;
}

.breadcrumb ul li a:hover{
    text-decoration: none;
}



/*----------------------------------
  コンテンツタイトル（下層ページ）
------------------------------------*/

.contents-title .lim_size > div {
    box-shadow: 0 3px 12px rgb(0 0 0 / 15%);
    padding: 46px 20px 42px;
}

.contents-title .lim_size > div:before {
    width: 50px;
    height: 50px;
    margin-right: 12px;
    background-size: 50px auto;
}

.contents-title h2 {
    font-size: 3.2rem;
}

/***アイコン切替***/

/* 店舗・チラシ情報 */
.contents-title .lim_size > div.cat-store:before {
    width: 50px;
    height: 50px;
    background-size: 60px auto;
	margin-right: 16px;
}
/* お得・キャンペーン */
.contents-title .lim_size > div.cat-campaign:before {
    width: 60px;
    height: 60px;
    background-size: 70px auto;
}
/* 便利サービス */
.contents-title .lim_size > div.cat-service:before {
    width: 60px;
    height: 60px;
    background-size: 70px auto;
}
/* フジの商品 */
.contents-title .lim_size > div.cat-products:before {
    width: 60px;
    height: 60px;
    background-size: 70px auto;
}
/* 情報発信 */
.contents-title .lim_size > div.cat-offer:before {
    width: 60px;
    height: 60px;
    background-size: 70px auto;
}
/* ネットde買物 */
.contents-title .lim_size > div.cat-shopping:before {
    width: 60px;
    height: 60px;
    background-size: 70px auto;
}
/* レシピ */
.contents-title .lim_size > div.cat-recipe:before {
    width: 60px;
    height: 60px;
    background-size: 70px auto;
}
/* イベント実施報告 */
.contents-title .lim_size > div.cat-event:before {
    width: 60px;
    height: 60px;
    background-size: 70px auto;
}
/* 家電製品の修理受付 */
.contents-title .lim_size > div.cat-e-support:before {
    width: 60px;
    height: 60px;
    background-size: 70px auto;
}
/*電動車両用充電スタンド情報 */
.contents-title .lim_size > div.cat-ev:before {
    width: 60px;
    height: 60px;
    background-size: 70px auto;
}
/* マルチコピー機導入！ */
.contents-title .lim_size > div.cat-multicopy:before {
    width: 60px;
    height: 60px;
    background-size: 65px auto;
}
/* フジ・TSUTAYA・エンターテイメント */
.contents-title .lim_size > div.cat-fujitsutaya:before {
    width: 60px;
    height: 60px;
    background-size: 65px auto;
}
/* フジの特別栽培農産物 */
.contents-title .lim_size > div.cat-natural:before {
    width: 110px;
    height: 50px;
    background-size: 110px auto;
}
/* フジからのお知らせ */
.contents-title .lim_size > div.cat-news:before {
    width: 60px;
    height: 60px;
    background-size: 60px auto;
	margin-right: 15px;
}
/* テレビCMギャラリー */
.contents-title .lim_size > div.cat-media:before {
    width: 60px;
    height: 60px;
    background-size: 70px auto;
}
/* シネマ情報 */
.contents-title .lim_size > div.cat-cinema:before {
    width: 60px;
    height: 60px;
    background-size: 70px auto;
}
/* 汎用（ロゴ） */
.contents-title .lim_size > div.cat-general:before {
}



/*----------------------------------
  ボタン
------------------------------------*/

/* 白背景 */
.btn01 {
    max-width: 560px;
    padding: 18px 30px;
    border-radius: 40px;
	transition: .2s all ease;
}
/* Hover */
.btn01:hover{
    background-color: #FFF565;
    background-size: 20px auto;
	border:#FFF565 1px solid;
	text-decoration: none;
}

/* 背景透過 白枠 */
.btn02 {
	border:3px solid #FFF;
	transition: .2s all ease;
}
/* Hover */
.btn02:hover{
    background-color: #008B11;
	border:3px solid #008B11;
	text-decoration: none;
}

/* 白背景（小） */
.btn03 {
	transition: .2s all ease;
}
/* Hover */
.btn03:hover{
    background-color: #FFF565;
	border:#FFF565 1px solid;
	text-decoration: none;
}

/* 要素透過 */
.bt_cl {
	opacity:1;
	transition: .2s all ease;
}
.bt_cl:hover{
	opacity:.7;
}


/*----------------------------------
  矢印
------------------------------------*/

/*赤背景 白矢印右（背景表示）*/
.bg_ar_red {
    background-position: right 15px center;
    background-size: 20px auto;
}

/*白背景 緑矢印右（背景表示）*/
.bg_ar_green {
	background-position: right 15px center;
	background-size:20px auto;
}

/*透過 緑矢印右（背景表示）*/
.bg_ar_green2 {
    background-position: right 15px center;
    background-size: 14px auto;
}

/*透過 緑矢印下（背景表示）*/
.bg_ar_green2_btm {
    background-position: right 15px center;
    background-size: 12px auto;
}

/*透過 白矢印右（背景表示）*/
.bg_ar_white {
	background-position: right 15px center;
	background-size:20px auto;
}

/*赤背景 白矢印右（疑似要素）*/
.ar_red:after{
	width:20px;
	height:20px;
	background-size:20px auto;
}

/*白背景 緑矢印右（疑似要素）*/
.ar_green:after{
	width:20px;
	height:20px;
	background-size:20px auto;
}

/*透過 緑矢印下（疑似要素）*/
.ar_green2_btm:after {
	width:14px;
	height:14px;
	background-size:14px auto;
}


/*----------------------------------
  陰影
------------------------------------*/

/* 黒 */
.d-shadow {
	display: inline-block;
	box-shadow:0 3px 12px rgb(0 0 0 / 15%);
}

/* 緑 */
.d-shadow-green {
	display: inline-block;
	box-shadow:16px 16px 2px rgb(174 244 177 / 100%);
	transition: .2s all ease;
}
.d-shadow-green:hover {
	box-shadow:16px 16px 2px rgb(255 245 101 / 100%);
}



/*----------------------------------
  見出し
------------------------------------*/

/* アイコン付テキスト */
h2.deco {
    font-size: 2.4rem;
	line-height: 1.5;
	margin-bottom:40px;
}
h2.deco:before {
    margin: 0 auto 10px;
}

/* 左側　緑縦ボーダー */
.border-l {
    font-size: 2.4rem;
    line-height: 1.2;
    padding-left: 16px;
    margin-bottom: 30px !important;
}

/* 下線 2色ボーダー（緑・グレー） */
.border-bt_twotone span {
    font-size: 2.4rem;
}



/*----------------------------------
  アンカーリンク（緑枠線 緑字）
------------------------------------*/

.anchor-link a {
	transition: .2s all ease;
}

.anchor-link a:hover {
	border: #008B11 1px solid;
	background:#008B11 url("../img/icon/svg/arrow/ar_white-btm.svg") no-repeat right 15px center;
    background-size: 12px auto;
}

.anchor-link a:hover span {
	transition: .2s all ease;
}

.anchor-link a:hover span {
	color:#FFF !important;
}



/*----------------------------------
  その他
------------------------------------*/

/* 注意書き（赤字、小文字） */
.notice {
    font-size: 1.4rem;
}

/* ハテナアイコン付 */
.question:hover {
	text-decoration: none !important;
}

/* モーダルウィンドウ */
.modal-content {
    padding: 30px 0 10px;
}

/* hover拡大 */
.zoom img {
	transform: scale(1);
 	transition:0.5s all ease;
}
.zoom:hover img {
	transform: scale(1.2);
}

/* SNSシェアボタン */

.sns_share_btn h3 {
	font-size:2.4rem !important;
}

.sns_share_btn ul {
    margin-top: 10px;
}

.sns_share_btn li + li {
    margin-left: 15px;
}

/* ページ送り */
.page_naviR {
    padding-top: 70px;
	align-items: flex-start;
}

.page_naviR a:hover{
	text-decoration: none;
}

.page_naviR > *:nth-child(n+2){
    margin-left: 5px;
}

.page_naviR .current_page {
    padding: 2px 12px;
    font-size: 1.8rem;
}

.page_naviR .link_page {
    padding: 9px 12.5px;
    line-height: 1;
    font-size: 1.8rem;
    display: block;
}

.page_naviR .k_page_before{
    padding: 2px 16px;
    font-size: 1.8rem;
}

.page_naviR .k_page_next {
    padding: 2px 16px;
    font-size: 1.8rem;
}



/*----------------------------------
  スライダー（slick）
------------------------------------*/

.slick-arrow {
    display:flex !important;
    width: 32px;
    height: calc(100% - 53px);
	transition: .2s all ease;
}
/* Hover処理 */
.slick-arrow:hover{
    background-color: #FFF565;
	border:#FFF565 1px solid;
}

.slick-arrow:after {
    width: 16px;
    height: 16px;
    background-size: 16px auto;
}

.slick-prev,
.slick-next {
    top: calc(50% - 26px);
}

.slick-prev {
    left: 8px !important;
    padding-left: 4px;
}

.slick-next {
    right: 8px;
    padding-right: 4px;
}

.slick-dots {
    bottom: 0;
    line-height: 0;
}

.slick-dots li {
    width: 12px;
    height: 12px;
    margin: 0 4px;
}

.slick-dots li button {
    width: 12px;
    height: 12px;
}

.slick-dots li button:before {
    width: 12px;
    height: 12px;
	transition: .2s all ease;
}

.slick-dots li button:hover:before {
	background: #2AAA3A !important;
}

}



/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){

/*----------------------------------
  お得・キャンペーン、便利サービス　一覧
------------------------------------*/

.item-list ul li {
    width: calc((100% - 60px) / 4);
	margin-left:20px;
}

.item-list ul li:nth-child(3n+1) {
	margin-left:20px;
}

.item-list ul li:nth-child(4n+1) {
	margin-left:0;
}

.item-list ul li:nth-child(n+4) {
	margin-top:0;
}

.item-list ul li:nth-child(n+5) {
	margin-top:50px;
}


}



/* PC用1600px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1600px){

/*----------------------------------
  お得・キャンペーン、便利サービス　一覧
------------------------------------*/

.item-navi .tab-nav li span {
	width:100px !important;
	height:100px !important;
}

.item-navi .tab-nav li span img {
	width:55px !important;
	height:55px !important;
}

.item-navi .tab-nav li div {
	width:calc(100% - 100px) !important;
	font-size: 1.8rem !important;
}


}