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

body{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
a,
a:link,
a:hover{
	transition: all 0.5s linear;
}
img{
	height: auto; /*画像のアスペクト比を維持*/
	vertical-align: bottom;
}

/*==============================
    header
==============================*/
.fs-l-header{
	position: relative;
	min-height: 136px;
	padding-top: 0;
}
.header_shipping_notice{
	width: 100%;
	text-align: center;
	background: #006800;
	overflow: hidden;
	font-family: sans-serif;
}
.header_shipping_notice p{
   margin: .6rem 0;
}
.header_shipping_notice a{
	font-size: 1.2rem;
	font-weight: 700;
	color: #fff;
}
.header_shipping_notice a:hover{
	text-decoration: underline;
}
.fs-p-logo a:hover{
	text-decoration: none;
}
.fs-l-header__logo{
	width: calc(100% - 96px);
	position: absolute;
	top: 36px;
	left: 48px;
}
/*.fs-p-logo__lead{
	font-family: 'Hina Mincho', serif;
	letter-spacing: .5em;
	text-align: right;
}*/
.fs-l-header__logo .fs-p-logo__image{
	width: auto;
	/*max-height: 64px;*/
   max-height: 53px;
}
.header_inside{
	display: none;
}
.fs-p-headerNavBar{
	background: none;
	border-bottom: none;
	/*margin-top: 8px;*/
	font-family: "sans-serif";
}
.fs-p-headerNavigation{
	border-top: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
}
.fs-p-headerNavigation__link:link,
.fs-p-headerNavigation__link:active,
.fs-p-headerNavigation__link:visited{
	color: #000;
}
.fs-p-headerNavigation__link:hover{
	background: none;
	color: #888;
}
.header-phoneOrder{
	font-family: sans-serif;
	color: #000;
	margin: 16px auto;
	width: 192px;
}
.header-phoneOrder a{
	text-decoration: none;
	display: flex;
	align-items: center;
}
.icon_freedial{
	margin-top: 8px;
}
.phoneOrder,
.icon_freedial img{
	width: auto;
	height: 24px;
}
.phoneOrder__addition{
	font-size: .65em;
}
.phoneOrder__phoneNum{
	font-weight: 700;
	font-size: 1.2em;
}
.phoneOrder__addition,
.phoneOrder__phoneNum{
	display: block;
	text-align: center;
	margin-left: 8px;
	line-height: 1.2em;
}
.header__logout.my-false,
.header__login.my-true,
.header__regist.my-true{
	display: none;	
}

@media screen and (min-width: 768px) {
	.header_shipping_notice a{
		font-size: 1.5rem;
	}
   
	.fs-l-header__logo{
		width: calc(100% - 640px);
	}
	.fs-l-header__logo{
		/*left: 16px;
      top: 54px;*/
      left: 40px;
      top: 45px;
	}
	.fs-l-header__logo .fs-p-logo{
		align-items: flex-start;
		padding-left: 0;
	}
	.header_inside{
		display: flex;
		position: absolute;
		/*top: 72px;*/
      top: 62px;
		right: 56px;
		font-family: sans-serif;
	}
	.header_inside div{
		text-align: center;
	}
	.header_inside a:hover{
		text-decoration: none;
	}
	.header_inside .icon-label{
		display: block;
		font-size: .65em;
		letter-spacing: -.8px;
		line-height: .8;
	}
	.header_inside i{
		margin: 8px 16px;
		font-size: 2.4rem;
	}
	.header_inside .header-phoneOrder{
		margin: -4px 16px 0;
	}
	.fs-p-headerNavigation__search{
		margin: 0 16px;
		width: 160px;
	}
	.fs-p-headerNavBar{
		font-family: serif;
	}
	.fs-p-headerNavigation{
		border-bottom: none;
	}
	.fs-p-headerNavigation__list{
		width: 100%;
		display: flex;
		justify-content: center;
		flex-wrap: nowrap;
	}
	.fs-p-headerNavigation__link{
		display: block;
		text-align: center;
		font-size: 1.5rem;
		font-weight: 700;
		padding: 16px 8px;
	}
}

@media screen and (min-width: 768px) {
	/* メガメニュー */
	.fs-p-headerNavigation{
		position: relative;
	}
	.menu__mega .menu__second-level{
		position: absolute;
		top: 40px;
		left: 0;
		width: 100%;
		padding: 0 4% 24px;
		background: #fff;
		border-top: #ccc 1px solid;
		box-shadow: 0 1px 3px -2px #b2b2b2;
		transition: all 0.2s linear;
		visibility: hidden;
		opacity: 0;
		z-index: 2;
	}
	.menu__mega:hover .menu__second-level{
		top: 48px;
		visibility: visible;
		opacity: 1;
	}
	.menu__mega .menu__second-level .fs-pt-menu__item{
		float: left;
		width: 32.3%;
		border: none;
	}
	.menu__mega .menu__second-level .fs-pt-menu__item:nth-child(3n + 2){
		margin: 0 1%;
	}
	.menu__mega .fs-pt-menu a{
		margin: 0;
		color: #000;
		padding: 16px 0 16px 48px;
		border-bottom: #ccc 1px solid;
		background-repeat: no-repeat;
		background-position: 8px 12px;
		position: relative;
	}
	.menu__mega .fs-pt-menu a::after{
		font-family: "fs-icon" !important;
		content: "\e90c";
		position: absolute;
		right: 8px;
	}
	.menu__mega a[href="/c/japanese"]{
		background-image: url("../images/common/menu_item-japanese.png");
	}
	.menu__mega a[href="/c/health"]{
		background-image: url("../images/common/menu_item-health.png");
	}
	.menu__mega a[href="/c/black"]{
		background-image: url("../images/common/menu_item-black.png");
	}
	.menu__mega a[href="/c/herb"]{
		background-image: url("../images/common/menu_item-herb.png");
	}
	.menu__mega a[href="/c/noncaffeinehealth"]{
		background-image: url("../images/common/menu_item-noncaffeinehealth.png");
	}
	.menu__mega a[href="/c/mugicha"]{
		background-image: url("../images/common/menu_item-mugicha.png");
	}
	.menu__mega a[href="/c/chinese"]{
		background-image: url("../images/common/menu_item-chinese.png");
	}
	.menu__mega a[href="/c/flavored"]{
		background-image: url("../images/common/menu_item-flavored.png");
	}
}

@media screen and (min-width: 960px) {
	/* テーマのレイアウト上書き */
	.fs-p-drawer {
		position: fixed;
		transform: translateX(-101%);
	}
	.fs-p-headerNavigation__search{
		width: 240px;
	}
}

@media screen and (min-width: 1200px) {
	.fs-l-header{
		width: 100%;
	}
   .header_shipping_notice p{
      margin: 1rem 0;
   }
	.header_shipping_notice a{
		font-size: 1.75rem;
	}
	.fs-l-header__logo{
		top: 55px;
		/*left: 32px;*/
      left: 70px;
	}
	.fs-l-header__logo .fs-p-logo__image{
		max-height: 80px;
	}
	/*.fs-p-logo__lead{
		font-size: 1.2rem;
	}*/
	.header_inside{
		width: 720px;
		top: 78px;
		left: calc(100vw - 828px);
	}
	.header_inside .header-phoneOrder{
		width: 224px;
	}
	.header_inside .icon_freedial{
		padding-top: 8px;
	}
	.header_inside .phoneOrder__addition{
		font-size: .85em;
	}
	.header_inside .phoneOrder__phoneNum{
		font-size: 1.5em;
	}
	.fs-p-headerNavigation__search{
		margin: 8px 24px 8px 16px;
	}
	.header_inside i{
		font-size: 3.2rem;
	}
	.header_inside .icon-label{
		font-size: 1.3rem;
	}
	.fs-p-headerNavBar{
		background: #f5f5f5;
		/*margin: 24px 0;*/
      margin: 0 0 24px;
	}
	.fs-p-headerNavigation{
		max-width: inherit;
		border-top: none;
	}
	.fs-p-headerNavigation__list{
		max-width: 1216px;
		margin: 0 auto;
	}
	.fs-p-headerNavigation__listItem:link,
	.fs-p-headerNavigation__listItem:hover,
	.fs-p-headerNavigation__listItem:active{
		background: #fff;
	}
	.fs-p-headerNavigation__link{
		font-size: 1.75rem;
	}
	
	/* メガメニュー */
	.menu__mega .menu__second-level{
		top: 64px;
		border-top: none;
		padding: 16px 16% 48px;
	}
	.menu__mega:hover .menu__second-level{
		top: 72px;
	}
}

/*ドロワーメニュー*/
.fs-l-header__drawerOpener{
	text-align: right;
	/*padding-right: 8px;
	margin: 24px 0;*/
   padding: 14px 8px 14px 0;
   /* 桜 */
   /* background: url(https://zen3928.itembox.design/item/images/common/header-bg-2025haru.png?d=20250228173819) no-repeat left top; */
   /* 茶葉 */
   background: url(https://zen3928.itembox.design/item/images/common/header-bg-haru2.png?d=20250423184736) no-repeat left top;
   /*花火*/
   /* background: url(https://zen3928.itembox.design/item/images/common/header-bg-natsu.png?d=20240809100548) no-repeat left top; */
   /*紅葉*/
   /* background: url(https://zen3928.itembox.design/item/images/common/header-bg-aki.png?d=20240920155200) no-repeat left top; */
	/*雪*/
   /* background: url(https://zen3928.itembox.design/item/images/common/header-bg-fuyu.png?d=20241211115200) no-repeat left top; */
   background-size: auto 100%;
}
.fs-l-header__leftContainer{
	-ms-grid-column: 3;
	grid-column: 3;
}
.fs-p-drawer{
	right: 0;
	left: auto;
	transform: translateX(101%);
	padding: 0;
	z-index: 101;
}
.fs-p-drawerButton{
	padding: 8px 8px 0;
	text-align: center;
}
.fs-p-drawerButton__icon{
	font-size: 2.4rem;
}
.fs-p-drawerButton__label{
	display: block;
	font-size: .65em;
	letter-spacing: -.8px;
	line-height: .8;
	font-family: "sans-serif";
	text-align: center;
}
.fs-p-drawerButton__icon.fs-icon--close{
	font-size: 3.2rem;
}
.fs-l-sideArea{
	max-width: 300px;
}

@media screen and (min-width: 768px){
   .fs-l-header__drawerOpener{
      padding: 16px 8px 20px 0;
      /* 桜 */
      /* background: url(https://zen3928.itembox.design/item/images/common/header-bg-2025haru-pc.png?d=20250228173840) no-repeat left top; */
      /* 茶葉 */
      background: url(https://zen3928.itembox.design/item/images/common/header-bg-haru2-pc.png?d=20240516134909) no-repeat left top;
      /* 花火 */
      /* background: url(https://zen3928.itembox.design/item/images/common/header-bg-natsu-pc.png?d=20240809095831) no-repeat left top; */
       /* 紅葉 */
       /* background: url(https://zen3928.itembox.design/item/images/common/header-bg-aki-pc.png?d=20240920155200) no-repeat left top; */
		/* 雪 */
       /* background: url(https://zen3928.itembox.design/item/images/common/header-bg-fuyu-pc.png?d=20241211115200) no-repeat left top; */
      background-size: auto 100%;
	}
}

@media screen and (min-width: 960px){
	/*ドロワーメニュー*/
	.fs-p-drawerButton.fs-p-drawerButton--close{
		padding: 16px 16px 0;
	}
	.fs-l-sideArea {
		max-width: 600px;
	}
}

@media screen and (min-width: 1200px){
	/*ドロワーメニュー*/
	.fs-p-drawer{
		box-shadow: 1px 1px 5px #b2b2b2;
	}
	.fs-l-header__drawerOpener{
		/*padding-right: 32px;
		margin: 24px 0 32px;*/
      padding: 24px 23px 30px 0;
      margin: 0;
      /* 桜 */
      /* background: url(https://zen3928.itembox.design/item/images/common/header-bg-2025haru-pc.png?d=20250228173840) no-repeat left top; */
      /* 茶葉 */
      background: url(https://zen3928.itembox.design/item/images/common/header-bg-haru2-pc.png?d=20240516134909) no-repeat left top;
      /*花火*/
      /* background: url(https://zen3928.itembox.design/item/images/common/header-bg-natsu-pc.png?d=20240809095831) no-repeat left top;
			 */
			/*紅葉*/
      /* background: url(https://zen3928.itembox.design/item/images/common/header-bg-aki-pc.png?d=20240920155200) no-repeat left top; */
			/*雪*/
      /* background: url(https://zen3928.itembox.design/item/images/common/header-bg-fuyu-pc.png?d=20241211115200) no-repeat left top; */
      background-size: auto 100%;
	}
	.fs-p-drawerButton{
		display: inline-block;
	}
	.fs-p-drawerButton__icon{
		font-size: 3.2rem;
	}
	.fs-p-drawerButton__label{
		font-size: 1.3rem;
		line-height: 1;
	}
}

/*ドロワー内ウエルカムメッセージ*/
.fs-p-drawer__welcomeMsg{
	margin: 8px 16px;
}
.fs-p-memberInfo{
	margin-top: 24px;
}
.fs-p-memberInfo__myPageTop{
	margin-right: 8px;
	border-right: #ccc 1px solid;
}
.fs-p-memberInfo__myPageTop a{
	padding-right: 8px;
	transition: 0.5s ease-in;
}
.fs-p-memberInfo__myPageTop a:hover{
	text-decoration: none;
	color: #888;
}
.fs-p-memberInfo__points{
	color: #C98696;
}

/*ドロワー内検索フォーム*/
.fs-p-drawer .fs-p-searchForm{
	margin: 24px 16px 0;
	padding: 16px 0;
	border-top: #ccc 1px solid;
}
.drawerNavigation{
	font-family: "sans-serif";
}
.drawerNavigation__list{
	border-top: 1px solid #ccc;
	border-bottom: #ccc 1px solid;
	box-sizing: border-box;
	list-style: none;
	margin: 0 16px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.drawerNavigation__link{
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: .65em;
	padding: 8px;
}
.drawerNavigation__link:hover{
	text-decoration: none;
	color: #888;
}
.drawerNavigation__logout.is-loggedIn--false,
.drawerNavigation__login.is-loggedIn--true{
  display: none;
}
.drawerNavigation__link > i {
	font-size: 2.4rem;
}
.drawer__bannerContainer{
	margin: 16px;
}
.drawer__bannerContainer .drawer__banner{
	margin-bottom: 16px;
}
.drawer__bannerContainer .drawer__banner:last-child{
	margin-bottom: 0;
}
.fs-p-drawer__heading{
	text-align: left;
    line-height: 56px;
	border-top: none;
	border-bottom: 1px solid #ccc;
    font-size: 1.25em;
    height: 56px;
    margin: 0 16px;
}

/*ドロワー内商品カテゴリー*/
.fs-p-drawer .fs-pt-menu{
	overflow: hidden;
}
.fs-p-drawer .fs-pt-menu li{
    padding: 0 24px;
	margin: 16px 0;
    position: relative;
}
.fs-p-drawer .fs-pt-menu li::after{
	font-family: 'fs-icon';
	content: "\e90c";
    position: absolute;
    right: 24px;
    top: 32%;
    transform: translateY(-50%);
}
.fs-p-drawer .fs-pt-menu li a{
	font-size: 1.5rem;
	border-bottom: 1px solid #ccc;
	padding-bottom: 16px;
}
.fs-p-drawer .fs-pt_menu__item--japanese a,
.fs-p-drawer .fs-pt_menu__item--black a,
.fs-p-drawer .fs-pt_menu__item--health a,
.fs-p-drawer .fs-pt_menu__item--herb a,
.fs-p-drawer .fs-pt_menu__item--noncaffeinehealth a,
.fs-p-drawer .fs-pt_menu__item--mugicha a,
.fs-p-drawer .fs-pt_menu__item--chinese a,
.fs-p-drawer .fs-pt_menu__item--flavored a{
	background-repeat: no-repeat;
	background-position: 0 4px;
	background-size: 32px auto;
	padding-left: 48px;
}
.fs-p-drawer .fs-pt_menu__item--flavored a{
	border-bottom: #ccc 3px double!important;
}

/*メニューのアイコン共通*/
.fs-l-main a[href="/c/japanese"]{
	background-image: url("../images/common/menu_item-japanese.png");
}
.fs-l-main a[href="/c/health"]{
	background-image: url("../images/common/menu_item-health.png");
}
.fs-l-main a[href="/c/black"]{
	background-image: url("../images/common/menu_item-black.png");
}
.fs-l-main a[href="/c/herb"]{
	background-image: url("../images/common/menu_item-herb.png");
}
.fs-l-main a[href="/c/noncaffeinehealth"]{
	background-image: url("../images/common/menu_item-noncaffeinehealth.png");
}
.fs-l-main a[href="/c/mugicha"]{
	background-image: url("../images/common/menu_item-mugicha.png");
}
.fs-l-main a[href="/c/chinese"]{
	background-image: url("../images/common/menu_item-chinese.png");
}
.fs-l-main a[href="/c/flavored"]{
	background-image: url("../images/common/menu_item-flavored.png");
}

/*メニューのロールオーバー共通*/
.fs-pt-menu li a:hover{
	color: #888;
}

/*ドロワー下部エリア*/
.drawer_lower_part{
	margin-bottom: 24px;
}
.drawer_lower_part a:hover{
	text-decoration: none;
	color: #888;
}
.drawer_lower_part ul{
	list-style: none;
	padding: 0;
	margin: 0 16px;
}
.drawer_lower_part ul li{
	padding: 8px;
	border-bottom: #ccc 1px solid;
}
.drawer_lower_part .drawerNavigation__list,
.drawer_lower_part .drawerNavigation__list li{
	border: none;
}
.drawer_lower_part .drawerNavigation__link{
	padding: 0 24px;
}
.drawer_lower_part .drawerNavigation__link i{
	font-size: 3.2rem;
}
.two-rows-menu{
	clear: both;
	overflow: hidden;
}
.two-rows-menu li{
	float: left;
	border-right: #ccc 1px solid;
	width: 50%;
}
.two-rows-menu li:nth-child(even){
	border-right: none;
}
.drawerMenuTop{
	font-family: "sans-serif";
	text-align: center;
	margin: 24px 16px;
}
.drawerMenuTop__link{
	font-size: .8em;
}
.drawerMenuTop i{
	font-size: 3.2rem;
	display: block;
}

@media screen and (min-width: 960px){
	/*ドロワー内ウエルカムメッセージ*/
	.fs-p-drawer__welcomeMsg{
		margin: 8px 48px;
	}
	/*ドロワー内検索フォーム*/
	.fs-p-drawer .fs-p-searchForm{
		margin: 24px 48px 0;
		padding: 24px 0;
	}
	.fs-p-drawer .fs-p-searchForm__input{
		padding: 8px;
	}
	.fs-p-drawer .fs-p-searchForm__button::before{
		padding-top: 4px;
	}
	.drawerNavigation__list{
		margin: 0 48px;
	}
	.drawerNavigation__link{
		padding: 16px 32px;
	}
	.drawerNavigation__link > i{
		font-size: 3.2rem;
	}
	.drawer__bannerContainer{
		margin: 24px 48px;
	}
	.drawer__banner{
		margin-bottom: 24px;
	}
	.fs-p-drawer__heading{
		line-height: 72px;
		height: 72px;
		margin: 0 48px;
	}
	.fs-p-drawer .fs-pt-menu li{
		padding: 0 48px;
	}
	.fs-p-drawer .fs-pt-menu li:after{
		right: 48px;
	}
	.drawer_lower_part .drawerNavigation__link i{
		font-size: 4.8rem;
	}
	/*ドロワー下部エリア*/
	.drawer_lower_part ul{
		margin: 0 48px;
	}
	.drawer_lower_part ul li{
		padding: 16px;
	}
}

@media screen and (min-width: 1200px){
	/*ドロワー内ウエルカムメッセージ*/
	.fs-p-drawer__welcomeMsg{
		display: inline-block;
	}
}

/*==============================
    main
==============================*/
.fs-l-pageMain{
	font-size: 1.5rem;
	line-height: 1.6;
}
.fs-l-pageMain .inside{
	width: 100%;
	max-width: 1216px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 8px;
	padding-right: 8px;
}

/*パンくず*/
.fs-c-breadcrumb{
	margin: 8px;
}

@media screen and (min-width: 768px) {
	.fs-l-pageMain .inside div:has( > img ){
		text-align: center;
	}
}

@media screen and (min-width: 1200px) {
	/*テーマCSS打ち消し*/
	.fs-l-sideArea + .fs-l-pageMain,
	.fs-l-pageMain + .fs-l-sideArea{
		max-width: 1216px;
	}
	
	/*パンくず*/
	.fs-c-breadcrumb{
		max-width: calc( 100% - 32px );
		margin: 24px auto;
	}
}

/*フル画面レイアウト*/
.fs-l-main.full,
.fs-l-pageMain.full{
	max-width: 100%;
	padding: 0;
	margin: 0;
}

/*==============================
    footer
==============================*/
.fs-l-footer{
	border-top: none;
	color: inherit;
	background: none;
	margin-top: 0;
}

/*フッター内アコーディオン*/
.footerMenuHead {
    line-height: 64px;
    border: none;
    cursor: pointer;
    font-size: 1.25em;
    transition: 0.5s ease-in;
    position: relative;
    height: 64px;
    background: #fff;
	padding: 0 16px;
	margin-top: 0;
    margin-bottom: 8px;
}
.footerMenuHead.active {
    margin-bottom: 0;
}
.footerUtilityMenu .fs-pt-menu{
  max-height: 0;
  background-color: #f5f5f5;
  overflow: hidden;
  transition: 0.3s ease-out;
}
.footerMenuHead::after {
	font-family: "Font Awesome 5 Free";
    content: "\f107";
	font-weight: 700;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
}
.footerMenuHead.active::after {
    content: "\f106";
	font-weight: 700;
}
.footerUtilityMenu .fs-pt-menu li{
    padding: 0 24px;
    position: relative;
}
.footerUtilityMenu .fs-pt-menu li:first-child{
    margin-top: 24px;
}
.footerUtilityMenu .fs-pt-menu li:last-child{
    margin-bottom: 24px;
}
.footerUtilityMenu .fs-pt-menu li a{
	display: block;
	padding: 24px 0 16px;
	font-size: 1.1em;
	border-bottom: 1px solid #ccc;
}

/*フッター上部エリア*/
.footerUpperpart{
	margin-top: 48px;
}
.footerGuide{
	display: none;
}

/*フッター中部エリア*/
.footerMiddlepart{
	background: #f5f5f5;
	overflow: hidden;
	padding-top: 40px;
}
.footerLink{
	padding: 0 8px;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}
.footerLink > div{
	width: 100%;
	padding: 16px;
	text-align: center;
	margin: 0 0 16px;
	display: flex;
}
.footerLink > div span{
	display: block;
	font-weight: 700;
	font-size: 1.25em;
}
.footerLink a,
.footerLink a:hover{
	display: inline-block;
	width: 92%;
	color: #fff;
	text-decoration: none;
	height: 50px;
}
.footerLink > div::after{
	color: #fff;
	font-family: "Font Awesome 5 Free";
	content: "\f061";
	font-weight: 700;
	line-height: 50px;
	font-size: 2em;
	margin-left: .5em;
}
.footerLink .footerLink__corporation{
	background: #006800;
}
.footerLink .footerLink__furusato{
	background: #B20000;
}
.fs-l-footer__utility{
	flex-direction: column;
	font-family: sans-serif;
	margin: 0 auto;
}

/*フッター下部エリア*/
.footerLowerpart{
	background: url("../images/common/footer-bg.jpg") no-repeat top center/cover;
	padding: 32px 0;
	overflow: hidden;
	color: #fff;
}
.footerLowerpart_inside{
	max-width: 1216px;
	margin: 0 auto;
	padding: 8px;
}
.footerLowerpart_inside a:hover{
	text-decoration: none;
}
.footerLowerpart .fs-p-logo__image{
	max-width: 86px;
	margin: 0 auto;
}
.footerLowerpartMenu{
	margin: 32px 0;
}
.footerLowerpart .fs-pt-menu__link{
	display: block;
	text-align: center;
	padding: 16px 0;
}
.fs-p-footerSnsLink__item__icon{
	width: 55px;
	padding: 8px;
}
.footerTelFax{
	margin: 32px 0;
	text-align: center;
}
.footerTelFax .TelFax.row{
	display: block;
}
.footerTelFax p{
	padding: 0 16px;
}
.fs-p-footerCopyright{
	background: none;
}

/*ページトップボタン*/
.fs-p-footerPageTop{
	position: fixed;
	bottom: 0;
	max-width: 100%;
	padding: 0;
	margin: 0;
}
.fs-p-footerPageTop__link{
	background-color: #ddd; 
}
.fs-p-footerPageTop__link::before{
	color: #000;
}

/*フッター追従バナー　オン／オフ*/
.footer-floatingBanner{
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 2;
}
.footer-floatingBanner img{
	width: 100%;
	height: auto;
}
/*フッター追従バナーの領域*/
.footerLowerpart{
	padding-bottom: calc(100vw * .16);
}
.fs-p-scrollingCartButton{
	bottom: calc(100vw * .24);
}
/*フッター追従バナー非表示　トップページとカートページ*/
#fs_Top .footer-floatingBanner,
#fs_ShoppingCart .footer-floatingBanner{
	display: none;
}

@media screen and (min-width: 768px){
	/*フッター下部エリア*/
	.footerLowerpart{
		padding: 56px 0 32px;
	}
	.footerLowerpartMenu{
		margin: 80px 0;
	}
	.p-footerlowerpart_list{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.p-footerlowerpart_list li{
		padding: 8px 24px;
	}
	.footerTelFax .TelFax.row{
		display: flex;
	}
}

@media screen and (min-width: 960px){
	/*フッター内アコーディオン*/
	.footerMenuHead{
		line-height: inherit;
		cursor: inherit;
		position: static;
		height: inherit;
		background: none;
		text-align: left;
		padding: 0;
		font-size: 1em;
		font-weight: 700;
	}
	.footerUtilityMenu .fs-pt-menu{
		max-height: inherit;
		background-color: inherit;
	}
	.footerUtilityMenu .fs-pt-menu li{
		padding: 0;
		position: static;
	}
	.footerMenuHead:after,
	.footerMenuHead.active:after{
		display: none;
	}
	.footerUtilityMenu .fs-pt-menu li a{
		padding: 8px;
		font-size: 1em;
		border-bottom: none;
	}
	
	/*フッター上部エリア*/
	.footerGuide{
		display: block;
		max-width: 900px;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
		font-family: "sans-serif"
	}
	.footerGuide .fs-pt-menu{
		display: flex;
		align-items: stretch;
		margin: 0 -8px;
		overflow: hidden;
	}
	.footerGuide .fs-pt-menu li{
		background: #f5f5f5;
		overflow: hidden;
		width: 33.3%;
		margin: 24px 8px 48px;
		padding: 32px 32px 24px;
	}
	.footerGuide .fs-pt-menu li a{
		font-size: 1.1em;
		font-weight: 700;
		text-align: center;
		margin-bottom: 8px;
		text-decoration: underline;
	}
	.footerGuide .fs-pt-menu li span{
		display: block;
		font-size: .85em;
	}
	
	/*フッター中部エリア*/
	.footerLink{
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		padding: 0;
		overflow: hidden;
	}
	.footerLink > div{
		margin: 16px 16px 16px 0;
	}
	.footerLink > div:last-child{
		margin: 16px 0 16px 16px;
	}
	.fs-l-footer__utility{
		max-width: 900px;
		flex-direction: row;
		align-items: initial;
		margin: 48px auto 0;
	}
	.fs-l-footer__utility .footerUtilityMenu .fs-pt-menu li:first-child{
		margin-top: 0;
	}
	.footerUtilityMenu .fs-pt-menu li:last-child{
		margin-bottom: 48px;
	}
	.fs-l-footer__utility a{
			text-decoration: underline;
	}
}

@media screen and (min-width: 1200px){
	.footerUpperpart .footerGuide,
	.fs-l-footer__utility{
		max-width: 1216px;
	}
	.footerGuide .fs-pt-menu li span{
		font-size: 1em;
	}
}

/*==============================
   common
==============================*/
/*デバイスごとの切替
タブレット・スマートフォン=sm
ノートPC・デスクトップPC=md
*/
.md{
	display: none;
}

@media screen and (min-width: 768px) {
	.sm{
		display: none;
	}
	.md{
		display: inline-block;
	}
}

/*見出し*/
h1, h2, h3, h4, h5, h6{
	margin-top: 1.5em;
	margin-bottom: 1em;
	line-height: 1.8;
}
h1{
	font-size: 3.2rem;
}
h2{
	font-size: 2.4rem;
}
h3{
	font-size: 1.5rem;
}
h4, h5, h6{
	font-size: 1.25rem;
}
.main__heading{
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	text-align: center;
	font-family: 'Hina Mincho', serif;
}
.heading{
	margin-top: 0;
	line-height: 1.8;
	font-size: 2rem;
	font-weight: 700;
}
.heading:not(:first-of-type){
	margin-top: 2em;
}
.heading.icon_leaf::before,
.fs-p-heading--lv2::before,
.fs-c-featuredProduct__title::before{
	content: url(../images/common/icon_leaf.png);
	display: inline-block;
	vertical-align: middle;
	margin: -48px -24px -48px -32px;
	transform: scale( .4 );
}
.fs-c-heading--page{
	line-height: 1.8;
	border-bottom: none;
	margin-bottom: 0;
}

@media screen and (min-width: 768px) {
	h1, h2, h3, h4, h5, h6{
		margin-bottom: 1.5em;
	}
	h1{
		margin-top: 2em;
	}
	h2{
		margin-top: 2em;
		margin-bottom: 1.5em;
	}
	.heading{
		font-size: 2.4rem;
	}
}

/*テーマの各タイトル*/
.fs-c-subSection__title,
.fs-c-wishlistProduct__title,
.fs-c-featuredProduct__title,
.fs-c-linkedServiceLogin__title,
.fs-c-linkedServiceLogin__title{
	margin-bottom: 32px;
	padding-bottom: 16px;
	border-bottom: #ccc 1px solid;
}
.fs-c-documentColumn__heading{
	border-color: #ccc;
	padding-left: 0;
	border-width: 0 0 1px 0;
	margin-bottom: 16px;
}
.fs-c-documentArticle__heading{
	background: #000;
	font-size: 1.5rem;
}
.fs-c-documentColumn__content__heading {
  font-size: 1.1em;
  margin: 0;
  border-left: 2px solid #333;
  padding: .6em 0 .6em 1em;
  line-height: 1.3;
}

/*おすすめ商品タイトル*/
.fs-c-featuredProduct__title{
	text-align: center;
	border-bottom: none;
	font-size: 1.5em;
	line-height: 1.8;
	margin-top: 2em;
	margin-bottom: 1em;
	font-weight: 700;
}

/*チェックアウト画面タイトル*/
.fs-c-checkout-preview__title{
	font-size: 1.5rem;
	margin: 0 0 24px;
	padding: 8px 0;
}

/*テキスト*/
b,
.red{
	color: #b20000;
}
strong,
.text-bold{
	font-size: 1.1em;
	font-weight: 700;
}
.marker1 {
  background: linear-gradient(transparent 70%, #ffff00 60%);
}
.marker2{
	background: linear-gradient(transparent 0%, #ffff00 0%);
	font-size: 1.25em;
}
.text-center {
	text-align: center;
}
.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}
.text-large{
	font-size: 1.5em;
}
.tb-rl{
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	letter-spacing: .5em;
	line-height: 1.8;
}

/*テーブル・リスト*/
table{
	border-collapse: collapse;
	width: 100%;
}
ol,ul{
	padding-left: 1.5em;
}

/*余白*/
.mb1{
	margin-bottom: 1em;
}
.mb2{
	margin-bottom: 2em;
}

@media screen and (min-width: 768px) {
	/*余白*/
	.mb1{
		margin-bottom: 16px;
	}
	.mb2{
		margin-bottom: 32px;
	}
}

/*ボタン・リンク*/
a.text-link{
	color: #3366cc;
	text-decoration: underline;
}
a.text-link:hover{
	text-decoration: none;
}
a.text-link:visited{
	color: #4007a2;
}
/*a.square-btn::after{
    font-family: "fs-icon" !important;
    content: "\e933";
}*/
a.square-btn{
	display: inline-block;
	background: #006800;
	color: #fff;
	padding: 8px 48px;
	margin: 8px 0;
}
a.square-btn--sub{
	display: inline-block;
	background: #fff;
	border: 1px solid #000;
	padding: 8px 48px;
	margin: 8px 0;
}
a.square-btn.bg-light{
	background: rgba(0,104,0,.8);
}
a.square-btn--sub.bg-light{
	background: rgba(255,255,255,.8);
	border: none;
}
a.square-btn.bg-dark{
	background: rgba(255,255,255,.8);
	color: #000;
}
a.square-btn--sub.bg-dark{
	background: rgba(255,255,255,.25);
	border: 1px solid #fff;
	color: #fff;
}
a.square-btn:hover{
	text-decoration: none;
	background: #338633;
}
a.square-btn.bg-dark:hover,
a.square-btn--sub.bg-light:hover{
	text-decoration: none;
	background: #fff;
}
a.square-btn--sub:hover{
	text-decoration: none;
	background: #ddd;
}
a.square-btn--sub.bg-dark:hover{
	background: rgba(255,255,255,.5);
}
.square-btn-wrap{
	text-align: center;
	margin: 48px 0;
}

a.round-btn{
	display: inline-block;
	font-family: sans-serif;
	border: 1px solid #000;
	border-radius: 16px;
	padding: 4px 24px;
	margin: 8px 0;
}
a.round-btn:hover{
	text-decoration: none;
	background: #ddd;
	border: 1px solid #ddd;
}
a.round-btn::after{
    font-family: "fs-icon" !important;
    content: "\e933";
}

/*テーマの各ボタン*/
.fs-c-button--primary,
.fs-c-button--secondary{
	padding: 16px 32px;
	margin: 8px;
}
.fs-c-button--primary{
	font-size: 1.5rem!important;
}
.fs-c-button--back--moderate{
	background: #ddd;
	padding: 8px 24px;
	margin: 8px;
}

/*マイページトップへのボタン*/
.fs-c-button--myPageTop::before{
	font-family: 'fs-icon';
	content: "\e936";
}

/*カートに入れるボタン*/
form[action="https://www.mikuniyazengoro.com/p/cart/add"]{
	text-align: center;
}
form[action="https://www.mikuniyazengoro.com/p/cart/add"] button[type="submit"] {
  border: none;
  display: block;
  width: 100%;
  height: 48px;
  margin: 16px auto;
  background: #006800;
  color: #fff;
}
form[action="https://www.mikuniyazengoro.com/p/cart/add"] button[type="submit"]::before {
  font-family: "fs-icon" !important;
  content: "\e91e";
  padding-right: 8px;
}
form[action="https://www.mikuniyazengoro.com/p/cart/add"] input,
.form-wrap form .quantity input {
	width: 4em;
}

@media (min-width:768px) {
	a.square-btn{
		padding: 16px 48px;
		margin: 24px 0;
	}
	/*テーマの各ボタン*/
	.fs-c-button--primary,
	.fs-c-button--standard{
		margin: 24px 0;
	}
	form[action="https://www.mikuniyazengoro.com/p/cart/add"] button[type="submit"] {
		max-width: 300px;
	}
}

/*フォーム*/
[type="hidden"], [type="text"], [type="search"], [type="tel"], [type="url"], [type="email"], [type="password"], [type="datetime"], [type="date"], [type="month"], [type="week"], [type="time"], [type="datetime-local"], [type="number"], select, textarea {
  background-color: #fff;
}

/*検索フォーム*/
.fs-p-inputGroup{
	border: none;
	background: none;
}
.fs-p-searchForm__button{
	width: 40px;
	height: auto;
}
.fs-p-searchForm__input{
	border: #ccc 1px solid;
}
.fs-p-searchForm__button::before{
	line-height: 1.4;
}

/*横並び*/
.row{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}

/*最大コンテンツ幅*/
.w750{
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
}
.w500{
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}
.w350{
	max-width: 350px;
	margin-left: auto;
	margin-right: auto;
}
.w200{
	max-width: 200px;
	margin-left: auto;
	margin-right: auto;
}
.w750 img,
.w500 img,
.w350 img,
.w200 img{
	width: 100%;
	height: auto;
}

/*囲み枠*/
.text-box,
.text-box-border{
	width: calc( 100% - 16px);
	padding: 24px 40px;
	box-sizing: border-box;
	margin: 48px 8px;
}
.text-box{
	background: #f5f5f5;
}
.text-box-border {
	border: #f5f5f5 10px solid;
}
.text-box.row,
.text-box-border.row{
	display: block;
}
.text-box h2:first-child,
.text-box h3:first-child,
.text-box-border h2:first-child,
.text-box-border h3:first-child{
	margin-top: 0;
}
.text-box p:last-child,
.text-box-border p:last-child{
	margin-bottom: 0;
}
.bg-gray{
	background: #f5f5f5;
	padding-top: 24px;
	padding-bottom: 24px;
}

@media screen and (min-width: 768px) {
	.text-box,
	.text-box-border {
		max-width: 900px;
		padding: 24px 40px;
		margin: 48px auto;
	}
	.text-box.row,
	.text-box-border.row{
		display: flex;
	}
	.text-box.row > div:last-child,
	.text-box-border.row > div:last-child{
		margin-left: 8px;
	}
	.bg-gray{
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

/*スマートフォン縦並び・PC横並び*/
.column.row{
	display: block;
}

/*画像 ＋ テキスト縦並び*/
.column .column__description {
	margin: 0 8px 2em;
}
.column .column__image {
	margin: 0 0 2em;
}

/*画像 ＋ テキスト横並び*/
.column__heading{
	display: block;
	font-size: 1.5em;
	margin-top: 1em;
	margin-bottom: 1em;
	font-family: serif;
	font-weight: 700;
}
.fs-pt-column__description{
   font-size: .85em;
   margin-top: .5em;
}
.fs-pt-column--1{
	padding: 0 8px;
}
.fs-pt-column--1 .column__description{
	margin: 0 8px 2em;
}
.fs-pt-column--1 .row{
	display: block;
}
.fs-pt-column--1 .column__item{
	overflow: hidden;
}
.fs-pt-column--1 a.square-btn{
	float: right;
	margin-bottom: 2.5em;
}

/*画像 ＋ テキスト２カラム*/
.fs-pt-column--2 .column__item{
	max-width: 200px;
	margin: 0 auto 16px;
	padding: 0  8px;
}
.fs-pt-column--2 .column__item a:hover{
	text-decoration: none;
}
.fs-pt-column--2 .column__heading{
	display: block;
	font-size: 1.25em;
	font-weight: 700;
	margin: 0;
}
.fs-pt-column--2 .column__description{
	font-size: .85em;
	font-family: sans-serif;
	margin: 0 8px 0 16px;
}

/*画像 ＋ テキスト3カラム*/
.fs-pt-column--3 .fs-pt-column__description{
	font-size: .85em;
	font-family: sans-serif;
}
.fs-pt-column__heading{
	display: block;
	margin: 8px 0;
}
.fs-pt-column--3 a:hover{
	text-decoration: none;
}

/*画像 ＋ テキスト最大4カラム
画像 ＋ テキスト最大５カラム*/
.fs-pt-column--4,
.fs-pt-column--5 {
	grid-template-columns: 1fr 1fr;
}
.fs-pt-column--4 .column__item,
.fs-pt-column--5 .column__item{
	max-width: 200px;
	margin: 0 auto 16px;
	padding: 0 8px;
}
.fs-pt-column--4 .column__item a:hover,
.fs-pt-column--5 .column__item a:hover{
	text-decoration: none;
}
.fs-pt-column--4 .column__heading,
.fs-pt-column--5 .column__heading{
	display: block;
	font-size: 1.25em;
	font-weight: 700;
	margin-bottom: 0;
}
.fs-pt-column--4 .column__description,
.fs-pt-column--5 .column__description{
	display: block;
	font-size: .85em;
	font-family: sans-serif;
	margin: 8px 0;
}

.column,
.fs-pt-column--1,
.fs-pt-column--2,
.fs-pt-column--3,
.fs-pt-column--4,
.fs-pt-column--5{
	margin-top: 24px;
	margin-bottom: 24px;
}

/*LP用レイアウト*/
.lp-column{
	display: flex;
	flex-wrap: wrap;
}
.lp-column > div{
	padding: 0 8px;
}
.lp-column .column__heading_left .tb-rl{
	font-family: 'Hina Mincho', serif;
}
.lp-column .column__heading_left,
.lp-column .column__heading_right{
	width: 30%;
}
.lp-column .column__heading_right .tb-rl{
	width: 2.5em;
	margin-left: auto;
}
.lp-column.column .column__description{
	width: 70%;
	margin: 0;
}
.lp-column .column__description p{
	margin: 0 0 1rem;
}
.lp-column .column__description .column__image{
	margin: 1.5em 0;
}

@media screen and (min-width: 768px){
	/*スマートフォン縦並び・PC2列横並び*/
	.column.row{
		display: flex;
	}
	
	/*画像 ＋ テキスト縦並び*/
	.column .column__description {
		margin: 0 8px 48px;
	}
   .fs-pt-column__description{
      font-size: .9em;
   }

	/*画像 ＋ テキスト横並び*/
	.column__heading{
		margin-top: 0;
	}
	.fs-pt-column--1 .column__image,
	.fs-pt-column--1 .column__description{
		width: 50%;
	}
	.fs-pt-column--1 .column__image{
		margin: 0 48px 48px 0;
	}
	.fs-pt-column--1 .row{
		display: flex;
		justify-content: flex-start;
	}
	/*画像 ＋ テキスト横並び　イメージ小*/
	.fs-pt-column--1.small-image .column__image{
		width: 300px;
		min-width: 300px;
	}
	.fs-pt-column--1.small-image .column__description{
		width: auto;
	}
	
	/*画像 ＋ テキスト２カラム*/
	.fs-pt-column--2 .column__item{
		max-width: 300px;
	}
	.fs-pt-column--2 .column__image{
		display: block;
		text-align: center;
	}
	
	/*画像 ＋ テキスト最大4カラム*/
	.fs-pt-column--4 {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	
	/*画像 ＋ テキスト最大５カラム*/
	.fs-pt-column--5 {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

	.column,
	.fs-pt-column--1,
	.fs-pt-column--2,
	.fs-pt-column--3,
	.fs-pt-column--4,
	.fs-pt-column--5{
		margin-top: 48px;
		margin-bottom: 48px;
	}
	
	/*LP用レイアウト*/
	.lp-column{
		margin-left: -8px;
		margin-right: -8px;
	}
	.lp-column .column__description .column__image{
		margin: 48px 0;
	}
}

@media screen and (min-width: 960px){
	/*画像 ＋ テキスト最大５カラム*/
	.fs-pt-column--5 {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	}
	.column{
		margin-top: 80px;
		margin-bottom: 80px;
	}
}

/*注釈*/
.notes{
	padding: 1em;
	font-size: .75em;
}

/*引用*/
blockquote{
	position: relative;
	max-width: 900px;
	width: calc( 100% - 16px);
	min-height: 120px;
	background: #f5f5f5;
	padding: 80px 24px 24px 32px;
	margin: 48px auto;
}
blockquote:before{
	position: absolute;
	top: -24px;
	left: 16px;
	font-size: 120px;
	opacity: .16;
	content: '“';
}
blockquote cite{
	display: block;
	text-align: right;
}

/*ブログカード*/
.blog-card{
	position: relative;
	max-width: 900px;
	width: calc( 100% - 16px);
	border: 2px solid #000;
	border-radius: 20px;
	padding: 16px;
	word-wrap: break-word;
	box-sizing: border-box;
	margin: 48px auto;
}
.blog-card:hover{
  cursor: pointer;
}
.blog-card-thumbnail{
	display: table-cell;
	width: 30%;
	padding-right: 16px;
	vertical-align: middle;
	box-sizing: border-box;
}
.blog-card-thumbnail img{
	width: 100%;
	max-height: 120px;
	object-fit: cover;
}
.blog-card-content{
	display: table-cell;
	width: 70%;
	vertical-align: middle;
	height: 120px;
	padding-left: 16px;
	border-left: 2px solid #000;
	overflow: hidden;
}
.blog-card-title{
	font-weight: 700;
}
.blog-card-excerpt{
	display: none;
}
.w500 .blog-card-thumbnail img{
	max-height: 80px;
}
.w500 .blog-card-content{
	height: 80px;
}

@media screen and (min-width: 768px){	
	/*引用*/
	blockquote{
		margin: 48px auto;
	}
	
	/*ブログカード*/
	.blog-card{
		padding: 24px;
		margin: 48px auto;
	}
	.blog-card-thumbnail{
		padding-right: 24px;
	}
	.blog-card-thumbnail img{
		max-height: 160px;
	}
	.blog-card-content{
		height: 160px;
		padding-left: 24px;
	}
	.blog-card-title{
		font-size: 1.25em;
	}
	.blog-card-excerpt{
		display: block;
	}
	.w500 .blog-card-thumbnail img{
		max-height: 120px;
	}
	.w500 .blog-card-content{
		height: 120px;
	}
}

@media screen and (min-width: 960px){
	/*引用*/
	blockquote{
		padding: 96px 48px 48px 56px;
	}
	blockquote:before{
		font-size: 160px;
	}
}

/*==============================
   category
==============================*/
/*商品グループ見出し*/
.category{
	position: relative;
}
.category:has( > .category-mainvisual ){
	padding-top: 140px;
}
.category-pageHeading .main__heading{
	text-align: center;
	padding: 16px 0;
	margin: 0;
	background: rgba( 255,255,255, .8 );
}
/*商品グループメインビジュアル*/
.category-mainvisual{
	height: 120px;
}
.category-image-wrap{
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
.category-image-wrap img{
	display: block;
	width: 100%;
	max-width: 350px;
	margin: 0 auto;
}
.category-comment{
	width: 100%;
	max-width: 900px;
	margin: 2em auto;
	padding-left: 8px;
	padding-right: 8px;
}
.category-comment .w350{
	margin: 1em auto;
	text-align: justify;
}
.category-comment .view_dtl{
	display: block;
	text-align: right;
	font-size: .75em;
}
.category-comment .view_dtl::after{
	font-family: "fs-icon" !important;
	font-weight: normal;
    content: "\e933";
}
/*商品グループキーワード検索*/
.search_keyword{
	margin-top: 24px;
	margin-bottom: 24px;
}
.search_keyword form{
	margin-left: 8px;
	margin-right: 8px;
}
.search_keyword input {
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 0;
	padding: 8px;
}
.search_keyword .fs-p-searchForm__button::before {
	font-size: 1.8em;
	line-height: 1.6;
}

/*商品グループ表示（システムパーツ）
   商品一覧（システムパーツグループ）*/
.fs-c-productList{
	font-size: 1.5rem;
	line-height: 1.5;
}
.fs-c-subgroupList__link{
	background: none;
	border: 1px solid #ccc;
	border-left: none;
	border-right: none;
	padding: 16px;
}
.fs-c-sortItems{
	border: none;
	font-size: 1.1rem;
}
.fs-c-sortItems__label{
	font-weight: 700;
}
.fs-c-sortItems__list li{
	border-left: 1px solid #ccc;
}
.fs-c-sortItems__list__item.is-active{
	background: #006800;
}
.fs-c-productListItem__control{
	justify-content: end;
}
.fs-c-productListItem__control > :last-child{
	margin-left: 8px;
}
.fs-c-productMark > li{
	margin-bottom: 4px;
}
.fs-c-price__value{
	font-size: 1.2em;
}
.fs-c-salesPeriod__date{
	border: none;
	background: #f5f5f5;
}
.fs-c-button--plain{
	color: #000;
}
.fs-c-button--plain.fs-c-button--viewMoreImage{
	font-size: 4.8rem;
}
/*購入不可状態の「詳細を見る」非表示*/
.fs-c-button--plain.fs-c-button--viewProductDetail{
	display: none;
}
.fs-c-button--plain.fs-c-button--addToCart--list{
	font-size: 3.2rem;
}
.fs-c-button--plain:hover{
	opacity: 1;
	text-decoration: none;
}
.fs-c-productListItem__productName,
.fs-c-productMark,
.fs-c-productListItem__prices{
	font-family: sans-serif;
}
/*通常価格・販売価格・カートに入れる*/
.fs-c-productPrice__main__label,
.fs-c-button--addToCart--list .fs-c-button__label{
	display: none;
}
/*「現在登録されている商品はありません」非表示*/
.fs-c-noResultMessage{
	display: none;
}
/*商品カルーセル*/
.fs-c-productListCarousel__list__item,
.fs-c-productListCarousel__list__item .fs-c-productName__name{
	font-size: .65em;
}
/*AIレコメンド*/
.flywheel-recommend__frame{
	width: 100%;
	max-width: 1216px;
	margin-top: 48px;
	margin-bottom: 48px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.flywheel-recommend__frame.md{
	display: none;
}
.flywheel-recommend__frame .fs-p-heading--lv2{
	text-align: center;
	border-bottom: none;
	margin-top: 0;
	margin-bottom: 1em;
	line-height: 1.8;
	font-size: 2rem;
	font-weight: 700;
}
.fr3-item__image{
	width: 80% !important;
}
.fr3-item__productName{
	padding: 0 8px;	
}
.fr3-item__productPrice{
	justify-content: flex-end;
	padding: 0 16px;
}
/*AIレコメンド ランキング*/
.flywheel-recommend__frame .fr3-item__rank{
	width: 32px;
	height: 32px;
	font-size: 1.5rem;
	color: #fff;
	font-family: "sans-serif";
	font-weight: 700;
	z-index: 2;
}
.fr3-item__rank[data-item-rank="1"]{
	background-color: #b20000;
}
.fr3-item__rank[data-item-rank="2"],
.fr3-item__rank[data-item-rank="3"],
.fr3-item__rank[data-item-rank="4"]{
	background-color: #f7931e;
}
.fr3-item__imageContainer{
   justify-content: center;
}

@media screen and (min-width: 768px){
	.category-comment{
		margin: 48px auto;
	}
	.category-comment .view_dtl{
		font-size: 1em;
	}
	/*商品グループキーワード検索*/
	.search_keyword{
		margin-top: 48px;
		margin-bottom: 48px;
	}
	/*商品グループ表示（システムパーツ）*/
	.fs-c-productList{
		margin: 48px 0;
	}
	.fs-c-subgroupList__item{
		flex-basis: calc(50% + 1px);
	}
	.fs-c-subgroupList__item:nth-child(even) > a{
		margin-left: 24px;
	}
	.fs-c-sortItems{
		font-size: 1.2rem;
	}
	.fs-c-sortItems__label{
		border: none;
		font-weight: 700;
	}
	/*商品カルーセル*/
	.fs-c-productListCarousel__list__item,
	.fs-c-productListCarousel__list__item .fs-c-productName__name{
		font-size: initial;
	}
	/*AIレコメンド*/
	.flywheel-recommend__frame .fs-p-heading--lv2{
		font-size: 2.4rem;
		margin-bottom: 1.5em;
	}
	.fr3-item__image{
		width: 72% !important;
	}
	.fr3-item__productName,
	.fr3-item__productPrice{
		padding: 0 24px;
	}
	/*AIレコメンド ランキング*/
	.flywheel-recommend__frame .fr3-item__rank{
		width: 40px;
		height: 40px;
	}
}

@media screen and (min-width: 960px){
	.mainProducts{
		margin-top: 80px;
		margin-bottom: 80px;
	}
	/*商品グループキーワード検索*/
	.search_keyword{
		margin-top: 80px;
		margin-bottom: 80px;
	}
	/*商品グループ表示（システムパーツ）*/
	/*.fs-c-subgroupList__item{
		flex-basis: calc(33% + 1px);
	}*/
	.fs-c-productList{
		margin: 80px 0;
	}
	/*AIレコメンド*/
	.flywheel-recommend__frame{
		margin-top: 80px;
		margin-bottom: 80px;
	}
	.flywheel-recommend__frame.sm{
		display: none;
	}
	.flywheel-recommend__frame.md{
		display: block;
		width: 100%;
	}
}

@media screen and (min-width: 1200px){
	/*フル画面 並び替え・ページャーパーツ（システムパーツ）*/
	/*フル画面 商品グループ表示（システムパーツ）*/
	.full .fs-c-productList__controller,
	.full .fs-c-productList__list{
		max-width: 1216px;
		margin-left: auto;
		margin-right: auto;
	}
}

/*==============================
   product
==============================*/
/* 商品詳細エリア（システムパーツグループ） */
.fs-l-productLayout__item--2{
	font-size: 1.5rem;
	line-height: 1.5;
	font-family: sans-serif;
}
/* 商品詳細 上横2列・下横1列レイアウト */
.two-columns .fs-l-productLayout > * > * {
  margin-bottom: 8px;
}
.fs-c-productNameHeading.fs-c-heading{
	font-size: 2.4rem;
	font-weight: 400;
	font-family: 'Hina Mincho', serif;
}
.fs-c-button--plain.fs-c-button--viewExtendedImage::before{
	font-size: 4.8rem;
}
.fs-c-productNumber{
	border: none;
	font-family: sans-serif;
}
.fs-c-productPointDisplay{
	display: block;
	font-size: 1.5rem;
	text-align: center;
	padding: 8px;
	border: 1px solid #000;
	color: #000;
	background: none;
	margin: 24px 0;
}
.fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price{
	font-weight: 700;
}
.fs-c-button--particular.fs-c-button--addToWishList--detail{
	background: #ddd;
	border: 1px solid #ddd;
	padding: 8px;
}
.fs-c-productSalesPeriod{
	border: 1px solid #ccc;
	border-width: 1px 0;
}
/* 定期購入のテーブル */
.fs-c-subscriptionPriceTable__label,
.fs-c-subscriptionPriceTable__price{
	border: 1px solid #ddd;
	padding: 8px;
}
.fs-c-mark--subscription{
	background: #b20000;
}

/* カートボタン */
.fs-c-button--addToSubscriptionCart--detail,
.fs-c-button--addToCart--detail{
	width: 100%;
	font-size: 1.5rem;
	padding: 24px;
	margin: 8px 0;
}
.fs-c-button--addToSubscriptionCart--detail::before,
.fs-c-button--addToCart--detail::before{
	font-family: "fs-icon" !important;
	content: "\e91e";
}
.fs-l-productLayout__item .fs-c-returnedSpecialContract,
.fs-l-productLayout__item .fs-c-inquiryAboutProduct{
	display: inline-block;
	padding: 0 1%;
}
.fs-l-productLayout__item .fs-c-returnedSpecialContract{
	border-right: 1px solid #ccc;
	text-align: center;
	width: 40%;
}
.fs-c-inquiryAboutProduct{
	text-align:center;
}
/*お渡し用袋ボタン*/
.bag-purchase{
	text-align: center;
	margin-bottom: 8px;
}
/*メール便個数制限バナー*/
.mail-banner{
	margin: 16px 0;
}
/*オプション価格・項目選択肢*/
.fs-c-productOption__name,
.fs-c-productSelection__name{
	background: #ddd;
}
.fs-c-productOption__field > .fs-c-dropdown,
.fs-c-productSelection__field > .fs-c-dropdown{
	border: 1px solid #ccc;
}
.fs-c-productOption__comment .image_link_label{
	display: block;
	text-align: center;
}
.fs-c-productOption__comment .image_link_label::after,
.fs-c-productOption__comment .link_label::after {
	font-family: "fs-icon" !important;
	content: "\e933";
}
/* レビューパーツ */
.fs-c-productReview{
	margin-top: 2em;
	margin-bottom: 2em;
}
.fs-c-aggregateRating{
	padding-bottom: 8px;
}
.fs-c-reviewerStatus{
	background-color: #006800;
}
.fs-c-reviewStars::before,
.fs-c-rating__value{
	font-size: 1.5rem;
}
.fs-c-reviewBody{
	background: #f5f5f5;
	border: none;
}
.fs-c-reviewList__item{
	border: none;
}
/* 食品表示と美味しい淹れ方 */
.gift_table{
	margin-top: 2em;
	margin-bottom: 1em;
}
.tea_guide{
	margin-bottom: 2em;	
}
.gift_table th{
	text-align: left;
	width: 5em;
	padding-right: 8px;
}
.gift_table th,
.gift_table td,
.tea_guide th,
.tea_guide td{
	padding: 16px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.tea_guide tr:first-child th,
.tea_guide tr:first-child td{
	border-top: none;
}
.tea_guide caption{
	background: #ddd;
	padding: 8px 0;
}
.fs-p-snsArea{
	justify-content: center;
}
.fs-c-featuredProduct__header{
	margin-bottom: 24px;
}
.fs-c-featuredProduct .fs-c-productListItem__salesPeriod,
.fs-c-featuredProduct .fs-c-button--viewProductDetail::before{
	display: none;
}
.slick-slide .fs-c-button__label{
	display: none;
}
.fs-p-productDescription{
	margin-top: 48px;
}

@media screen and (min-width: 768px){
	.fs-c-productCarouselMainImage .fs-c-slick .slick-slide{
		min-width: 750px;
	}
	.fs-c-productCarouselMainImage__image > img{
		max-width: 500px;
		max-height: 500px;
		margin: 0 auto;
	}
	.fs-l-productLayout__item .fs-c-returnedSpecialContract,
	.fs-l-productLayout__item .fs-c-inquiryAboutProduct{
		width: 48%;
	}
}

@media screen and (min-width: 960px){
	/* 商品詳細 上横2列・下横1列レイアウト */
	.two-columns .fs-l-productLayout {
		display: grid;
		grid-template-columns: calc(60% - 16px / 2) calc(40% - 16px / 2);
		grid-gap: 16px;
		align-items: start;
	}
	.two-columns .fs-l-productLayout__item--3 {
		grid-column: 1/3;
	}
  	.two-columns .fs-c-button--primary,
	.two-columns .fs-c-button--secondary {
		min-width: 100%;
	}
}

/*==============================
   my page
==============================*/
/*マイページ*/
.fs-p-accountInfo{
	padding: 16px;
}
.fs-p-accountInfo__accountName{
	padding: 8px 0 16px;
}
.fs-c-accountService{
	padding-left: 24px;
	padding-right: 24px;
}
.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink {
	background: #fff;
}
.fs-c-pointSummary__label--availablePoint,
.fs-c-pointSummary [class$="--limitedPoint"]{
	background: #fff;
}


@media screen and (min-width: 768px){
	/*マイページ*/
	.fs-c-accountService{
		padding-left: 0;
		padding-right: 0;
	}
}

/*==============================
   cart page
==============================*/
.fs-c-cartTable__message{
	font-size: 1.3rem;
	padding: 2px 4px;
}
/*削除ボタン*/
.fs-c-button--cancel--cart .fs-c-button__label{
	background: #ddd;
	padding: 8px 16px;
}
/*ショッピングを続けるボタン*/
.fs-c-continueShopping{
	margin-bottom: 24px;
}
.fs-c-button--continueShopping{
	padding: 16px 32px;
}
@media screen and (min-width: 600px){
	/*削除ボタン*/
	.fs-c-button--cancel--cart .fs-c-button__label{
		background: none;
		padding: 0;
	}
	/*ショッピングを続けるボタン*/
	.fs-c-continueShopping{
		margin-bottom: 48px;
	}
}

/*==============================
   top page
==============================*/
/*トップページキャンペーンカルーセル（SP）*/
.carousel_campaign_sm .fs-pt-carousel img{
	max-width: 80vw;
}
/*トップページキャンペーンカルーセル（PC）*/
.carousel_campaign_md{
	display: none;
}
/*トップページ季節商品カルーセル*/
.carousel_season_group{
	overflow: hidden;
	text-align: center;	
	padding-bottom: 24px;
	margin: 48px 0;
}
.carousel_season_group .fs-pt-carousel__slide img{
	max-width: 240px;
	margin: 0 8px;
}
.carousel_season_group .fs-pt-carousel__slide a:hover{
	text-decoration: none;
}
.carousel_season_group .fs-pt-carousel__slide__caption{
	background: none;
	position: static;
}
/*トップページの選ばれる理由*/
.home-reason{
	background: url("../images/common/home-reason-bg.jpg") no-repeat top center/cover;
	overflow: hidden;
	color: #fff;
	text-align: center;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 24px;
	margin: 48px 0;
}
h1.home-reason__heading{
	font-family: 'Hina Mincho', serif;
}
/*トップページお知らせ・メディアグループ*/
.news-media_group{
	margin: 48px 0;
}
/*お知らせ・メディアのタブ*/
.news-media_group .tab_item{
    width: 40%;
    height: 48px;
	margin: 0 2% 0 8%;
    line-height: 48px;
    border: 1px solid #ccc;
	border-bottom: none;
    background: #f5f5f5;
    display: block;
    float: left;
    text-align: center;
    font-weight: 700;
	transition: all 0.5s linear;
}
.news-media_group .tab_item:nth-of-type(2){
	margin: 0 8% 0 2%;	
}
.news-media_group .tab_item:hover{
    background: #f5f5f5;
}
.news-media_group input[name="tab_item"]{
    display: none;/*ラジオボタンを非表示*/
}
/*お知らせ・メディアの内容*/
.news-media_group .tab_content{
    display: none;
    border-top: #ccc 1px solid;
    padding: 48px 48px 0;
    clear: both;
    overflow: hidden;
}
.news-media_group .dateList{
	max-height: 480px;
	overflow-y: scroll;
}
#list_news:checked ~ #list_news_content,
#list_media:checked ~ #list_media_content{
    display: block;
}
.news-media_group input:checked + .tab_item{
    background: #fff;
	position: relative;
	top: 1px;
}
/*トップページのメディア掲載・お知らせ*/
.fs-pt-list__item{
	line-height: 1.8;
	margin-bottom: 16px;
}
.fs-pt-list__item a time{
	display: block;
	font-size: 1.1em;
	font-weight: 700;
}
.fs-pt-list__item a span{
	text-decoration: underline;
}
.fs-pt-list__item a:hover,
.fs-pt-list__item a span:hover{
	text-decoration: none;
}
.bannerBtn_media{
	margin-top: 48px;
}
/*トップページのカテゴリーから選ぶ*/
.products_type{
	margin-top: 48px;
	margin-bottom: 48px;
}
.products_type .fs-pt-column--3{
	grid-template-columns: 1fr 1fr;
}
.products_type__category .column__item a{
	background-position: 48px 48px; /*背景のアイコンを隠す*/
}
.products_type .column__item a{
	display: block;
	padding: 8px;
	position: relative;
}
.products_type .column__image{
	display: block;
	background: #000;
}
.products_type .column__image img{
	opacity: .5;
	width: 100%;
	height: 80px;
	object-fit: cover;
}
.products_type .column__description{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	color: #fff;
	text-align: center;
	line-height: 0;
	font-size: 1.25em;
}
.products_type .fs-pt-column--3{
	margin-bottom: 0;
}

/*トップページのスライド下バナー*/
.banner_group{
   margin-bottom: 0;
}
.banner_group+.banner_group{
   margin-top: 0;
}

@media screen and (min-width: 768px){
	/*トップページ各セクションのマージン*/
	.carousel_season_group,
	.products_type,
	.news-media_group{
		margin: 80px 0;
	}
	/*トップページのカテゴリから選ぶ*/
	.products_type .fs-pt-column--3{
		grid-template-columns: 1fr 1fr 1fr;
	}
	.products_type .column__description{
		letter-spacing: .08em;
	}
	.products_type__category .column__item a{
		display: block;
		margin: 0 8px;
		height: 80px;
		line-height: 80px;
		border-top: 1px solid #ccc;
		background-repeat: no-repeat;
		background-position: 8px 24px;
		background-size: 32px auto;
	}
	.products_type__category .column__item a::after{
		font-family: "fs-icon" !important;
		content: "\e90c";
		position: absolute;
		top: 0;
		right: 8px;
		font-size: 2.2rem;
	}
	.products_type__category .column__item a[href="/c/mugicha"],
	.products_type__category .column__item a[href="/c/chinese"],
	.products_type__category .column__item a[href="/c/flavored"]{
		border-bottom: 1px solid #ccc;
	}
	.products_type__category .column__image{
		display: none;
	}
	.products_type__category .column__description{
		margin-left: 48px;
		text-align: left;
		color: #000;
	}
	/*トップページキャンペーンカルーセル*/
	.carousel_campaign_sm{
		display: none;
	}
	.carousel_campaign_md{
		display: block;
		width: 100%;
	}
	/*トップページの選ばれる理由*/
	.home-reason{
		padding: 48px 0;
		margin: 80px 0;
	}
}

@media screen and (min-width: 960px){
	/*トップページのカテゴリから選ぶ*/
	.products_type__category .column__description{
		margin-left: 64px;
	}
	/*お知らせ・メディアのタブ*/
	.news-media_group .tab_item{
		width: 30%;
		margin: 0 2% 0 18%;
	}
	.news-media_group .tab_item:nth-of-type(2){
		margin: 0 18% 0 2%;	
	}
	/*お知らせ・メディアの内容*/
	.news-media_group .tab_content{
		padding: 64px 48px 0;;
	}
}

@media screen and (min-width: 1200px){
	/*お知らせ・メディアのタブ*/
	.news-media_group .tab_item{
		width: 20%;
		margin: 0 .5% 0 29.5%;
	}
	.news-media_group .tab_item:nth-of-type(2){
		margin: 0 29.5% 0 .5%;	
	}
}

/*==============================
   reason
==============================*/
.reason-contents .area1{
	margin-top: 48px;
	text-align: center;
}
.reason-contents .area2{
	background: url("../images/reason/reason-area2-bg.jpg") no-repeat top center/cover;
	overflow: hidden;
	margin: 48px 0;
	padding: 48px 8px 8px;
}
.company-seal{
	max-width: 72px;
	margin: 0 auto;
}
.reason-contents .area2-1{
	background: rgba(255, 255, 255, .9);
	overflow: hidden;
	margin: 48px 0 24px;
	padding: 16px;
}
.reason-contents .area3{
	background: url("../images/reason/reason-area3-bg.jpg") no-repeat top center/cover;
	overflow: hidden;
	color: #fff;
	margin-top: 48px;
	margin-bottom: 48px;
	padding: 48px 16px 24px;
}
.reason-contents .area3-1{
	margin-bottom: 50vh;
}
.reason-contents .area3 .main__heading{
	font-size: 7.5vw;
}
.reason-contents .area4 > div{
	margin-bottom: 48px;
}
.reason-area5-1{
	position: relative;
	text-align: center;
	margin-top: 48px;
	margin-bottom: 48px;
}
.reason-area5-1 h3{
	position: absolute;
	top: calc( 100vw * .18 );
	color: #fff;
	width: 100%;
	text-align: center;
	font-size: 5vw;
	line-height: 1.8;
}
.reason-contents .area4,
.reason-contents .area5{
	margin-top: 48px;
	margin-bottom: 48px;
}

@media screen and (min-width: 768px){
	.reason-contents .area2{
		max-width: 1216px;
		margin: 64px auto;
		padding: 56px 0 24px;
	}
	.reason-contents .area2-1{
		margin: 32px 0;
		padding: 24px 40px 48px;
	}
	.reason-contents .area3{
		margin-top: 48px;
		margin-bottom: 80px;
		padding: 24px 64px 48px;
	}
	.reason-contents .area3-1{
		margin-bottom: 80vh;
	}
	.reason-contents .area3 .main__heading{
		font-size: 2em;
		margin-bottom: 40px;
	}
	.reason-contents .area4{
		max-width: 1216px;
		margin-left: auto;
		margin-right: auto;
	}
	.reason-contents .area4 > div{
		margin-bottom: 40px;
	}
	.reason-area5-1 h3{
		top: 80px;
		font-size: 1.5em;
	}
	.reason-contents .area4,
	.reason-contents .area5{
		margin-bottom: 80px;
	}
}

/*==============================
form [ ssl.form-mailer.jp ]
==============================*/
/*お問い合わせ*/
.contact .input-heading{
	font-weight: 700;
	font-size: 1.1em;
	margin-top: 2em;
}
.contact label{
	display: block;
	font-weight: 700;
	margin: 1rem 0;
}
.contact-message{
	margin-top: 2em;
	margin-bottom: 2em;
}
.field-zip{
	display: flex;
}
.field-zip input{
	width: 6em;
}
.field-zip input:first-child{
	margin-right: 8px;
}
.field-zip input:last-child{
	margin-left: 8px;
}
.field-checkbox{
	margin-top: 2em;
	margin-bottom: 2em;
}
select,
textarea{
	border: 1px solid #ccc;
}

@media (min-width:768px) {
	/*お問い合わせ*/
	.contact .input-heading{
		margin-top: 24px;
	}
	.contact-message{
		margin-top: 24px;
		margin-bottom: 24px;
	}
	.field-name{
		display: flex;
	}
	.field-name > div{
		width: 50%;
	}
	.field-name > div:first-child  input{
		width: 98%;
	}
	.field-checkbox{
		margin-top: 24px;
		margin-bottom: 24px;
	}
}

/*==============================
   shikibu
==============================*/
.mainvideo video{
	width: 100%;
	height: auto;
}
/*式部の香り商品グループ*/
.category-mainvisual_full.shikibu{
	background: url("../images/shikibu/shikibu-bg.jpg") repeat-x bottom;
	overflow: hidden;
	text-align: center;
	padding-bottom: 1.5em;
}
.category-mainvisual_full.shikibu .inside{
	position: relative;
}
.category-mainvisual_full.shikibu .heading{
	position: absolute;
	top: calc(100vw * .04);
	color: #fff;
	width: 100%;
	text-align: center;
	font-size: 5vw;
	font-weight: 400;
}
/*.shikibu-contents .main__heading{
	font-size: 7.5vw;
}*/
.shikibu .main__heading{
	font-size: 7.5vw;
}
/*式部の香り三冠*/
.crown.row{
	flex-wrap: wrap;
	justify-content: center;
}
.crown.row > div{
	width: 48%;
	margin: 16px 1%;
}
.products_type_shikibu .fs-pt-column--2{
	grid-template-columns: 1fr 1fr;
}
a.square-btn.shikibu{
	padding: 8px 24px;
	background: #9d568a;
	border: 2px solid #9d568a;
	color: #fff;
}
a.square-btn.shikibu:hover{
	opacity: .5;
}
a.square-btn.shikibu::after{
    font-family: "fs-icon" !important;
    content: "\e933";
}

/*式部の香りLP*/
.shikibu-contents .area2{
	background: url("../images/shikibu/shikibu-lp-area2-bg.jpg") no-repeat top center/cover;
	overflow: hidden;
	color: #fff;
	padding: 0 8px;
	line-height: 2.5em;
	box-sizing: border-box;
}
.shikibu-contents .area2 > div{
	margin-bottom: 2.5em;
}
.shikibu-contents .area3-1 > div,
.shikibu-contents .area3-2 > div:first-child{
	padding: 24px 16px;
	box-sizing: border-box;
}
.shikibu-contents .area5 h2,
.shikibu-contents .area5 p{
	padding: 0 16px;
}
/*プレミアム・雪室貯蔵*/
.category-mainvisual_full{
	overflow: hidden;
	text-align: center;
	margin-bottom: 2.5em;
}
.category-mainvisual_full.premium{
	padding: 1.5em 0;
	background: url("../images/shikibu/shikibu-bg.jpg") repeat-x bottom;
}
.category-mainvisual_full.premium .w350{
	position: relative;
}
.category-mainvisual_full.premium .heading{
	position: absolute;
	top: 80px;
	color: #fff;
	width: 100%;
	text-align: center;
	font-size: 1.5em;
	line-height: 1.6;
}
.category-mainvisual_full.yukimuro{
	padding: 1.5em 0;
	background: url("../images/shikibu/yukimuro/yukimuro-bg.jpg") no-repeat center top/cover;
}
.yukimuro .main__heading{
	font-size: 7vw;
}

@media screen and (min-width: 768px){
	/*トップページの式部の香り*/
	.category-mainvisual_full.shikibu .heading{
		top: 80px;
		font-size: 1.75em;
	}
	a.square-btn.shikibu{
		padding: 16px 24px;
	}
	/*
	.shikibu-contents .main__heading{
		font-size: 2em;
	}*/
	.shikibu .main__heading{
		font-size: 2em;
	}
	/*式部の香り三冠*/
	.crown.row{
		flex-wrap: nowrap;
		margin-left: -16px;
		margin-right: -16px;
	}
	/*式部の香りランキング*/
	.ranking_shikibu.fs-c-slick .slick-slide{
			padding-left: 4vw;
			padding-right: 4vw;
	}
	/*.ranking_shikibu .fs-c-productListCarousel__ctrl{
		opacity: 0;
	}*/
	.ranking_shikibu .slick-slide .fs-c-productImage::after{
		width: 64px;
		height: 64px;
	}
	/*式部の香りLP*/
	.shikibu-contents .area2 > div{
		text-align: center;
		margin-top: 24px;
		margin-bottom: 48px;
	}
	.shikibu-contents .area3-1{
		background: url("../images/shikibu/shikibu-lp-area3-bg.jpg") no-repeat top center/cover;
		overflow: hidden;
	}
	.shikibu-contents .area3-1 > div{
		background:rgba(255, 255, 255, .9);
		width: 50%;
	}
	.shikibu-contents .area3-2{
		display: flex;
	}
	.shikibu-contents .area3-2 > div:first-child{
		width: 50%;
	}
	/*プレミアム・雪室貯蔵*/
	.category-mainvisual_full.yukimuro{
		margin-bottom: 64px;
	}
	.yukimuro .main__heading{
		font-size: 2em;
	}
}

@media screen and (min-width: 960px){
	/*式部の香りLP*/
	.shikibu-contents .area2 > div{
		margin-top: 80px;
		margin-bottom: 80px;
	}
	.shikibu-contents .area3-1 > div,
	.shikibu-contents .area3-2 > div:first-child{
		padding: 64px 48px;
	}
	.shikibu-contents .area5 h2{
		text-align: center;
	}
}

@media screen and (min-width: 1200px){
	/*式部の香りランキング*/
	.ranking_shikibu.fs-c-slick{
		max-width: 1216px;
		margin-left: auto;
		margin-right: auto;
	}
	/*式部の香りLP*/
	.shikibu-contents .area2,
	.shikibu-contents .area3{
		max-width: 1216px;
		margin-left: auto;
		margin-right: auto;		
		
	}
	/*プレミアム・雪室貯蔵*/
	.category-mainvisual_full.yukimuro{
		padding: 64px 0;
	}
}

/*==============================
   shincha
==============================*/
/*新茶*/
.shincha.inside {
	max-width: 900px;
}
.shincha h4 {
	font-weight: 400;
	font-size: 1.5em;
	border-bottom: #222 1px solid;
	padding-bottom: 8px;
	margin-top: 1.5em;
	margin-bottom: 1em;
}
.shincha h4 em {
	color: #e5833e;
}
.shincha h5{
	font-size: 1.1em;
	font-weight: 700;
	font-family: sans-serif;
}
.shincha .area {
	margin-bottom: 48px;
	box-sizing: border-box;
}
.shincha .border img {
	border: 1px solid #006432;
	opacity: .5;
}
.shincha .notes {
	margin-bottom: 24px;
}
.balloon {
	width: 100%;
	overflow: hidden;
}
.balloon .face {
	float: left;
	margin-right: -64px;
	width: 60px;
}
.balloon .chatting {
	width: 100%;
	margin-bottom: 48px;
}
.balloon .talk-q, .balloon .talk-a {
	position: relative;
	margin: 8px 0 0 80px;
	padding: 8px 16px;
	border-radius: 8px;
}
.balloon .talk-q:after,
.balloon .talk-a:after {
  content: "";
  display: inline-block;
  visibility: visible;
  position: absolute;
  top: 18px;
  left: -24px;
  border: 12px solid transparent;
}
.balloon .talk-q {
  background: #ffe4d9;
}
.balloon .talk-a {
  background: #edf4d9;
}
.balloon .talk-q:after {
  border-right: 12px solid #ffe4d9;
}
.balloon .talk-a:after {
  border-right: 12px solid #edf4d9;
}
.marker {
  background: linear-gradient(transparent 70%, #ff0 60%);
}
.shincha .flexbox {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 24px auto;
  box-sizing: border-box;
}
.shincha .flexbox > div {
  width: 48%;
  margin: 1%;
}
.shincha .flexbox span {
  text-align: center;
  font-size: .65em;
  height: 56px;
}
.shincha .flexbox span,
.shincha .flexbox img,
.shincha form {
  display: block;
  text-align: center;
  width: 100%;
  max-width: 300px;
  margin: 8px auto;
}
.shincha form input {
  text-align: center;
  width: 3em;
}
.shincha form[action="https://www.mikuniyazengoro.com/p/cart/add"] button[type="submit"] {
  border: none;
  display: block;
  width: 100%;
  height: 40px;
  margin: 8px auto;
  background: url(../images/common/incartbtn.png) no-repeat top center;
  background-size: cover;
  text-indent: -9999px;
}
.shincha form button[type="submit"].rsv {
  background: url(../images/common/incartbtn-rsv.png) no-repeat top center;
}

@media (min-width:768px) {
	.shincha .area {
		font-size: 1.1em;
		padding: 0 48px;
	}
	.balloon .face {
		margin-right: -110px;
		width: 100px;
	}
	.balloon .chatting {
		margin-bottom: 24px;
	}
	.balloon .talk-q,
	.balloon .talk-a {
		margin: 5px 0 0 115px;
		padding: 8px 24px;
	}
	.chart img {
		display: block;
		max-width: 500px;
		margin: 0 auto;
	}
	.shincha .flexbox {
		margin: 48px auto;
	}
	.shincha .flexbox span {
		font-size: .75em;
		height: 80px;
	}
	.shincha form[action="https://www.mikuniyazengoro.com/p/cart/add"] button[type="submit"] {
		max-width: 240px;
		height: 56px;
	}
}

/*==============================
   fruit mugicha
==============================*/
/*フルーツ麦茶*/
.fruit_mugicha.inside{
	max-width: 900px;
	font-family: sans-serif;
	margin-bottom: 2em;
}
.yellow-box {
  background: #fae46a;
  overflow: hidden;
  padding: 16px;
}
.green-box {
  background: #a5decb;
  overflow: hidden;
  padding: 16px;
}
.fruit_mugicha .item_ttl {
  color: #FE3D1C;
  text-shadow: 2px 2px 0 #fff;
  font-weight: 700;
  font-size: 1.2em;
  padding: 16px 8px;
  text-align: center;
}
.fruit_mugicha .flexbox {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0 auto 24px;
}
.fruit_mugicha .flexbox > div {
  width: 40%;
  background: #fff;
  border-radius: 8px;
  margin: 8px;
  padding: 8px 24px;
  box-sizing: border-box;
}
.fruit_mugicha .flexbox span {
  display: block;
  text-align: center;
  font-size: .8em;
  height: 64px;
  overflow: hidden;
}
.fruit_mugicha .more-btn a {
  display: block;
  width: 80%;
  max-width: 240px;
  margin: 0 auto;
  background: #FE3D1C;
  color: #FFF;
  text-decoration: none;
  text-align: center;
  font-weight: 700;
  padding: 8px 24px;
  border-radius: 24px;
  box-shadow: 4px 4px 0 #fff;
  margin-bottom: 24px;
}
.form-wrap{
	margin-bottom: 48px;
}
.form-wrap form .quantity{
	font-size: 1em;
}
.form-wrap form[method="post"] button[type="submit"] {
	max-width: 500px;
	height: 64px;
}

@media (min-width:768px) {
	.fruit_mugicha{
		margin-bottom: 48px;
	}
	.fruit_mugicha .more-btn a {
	  margin-top: 48px;
	  margin-bottom: 48px;
	}
	.fruit_mugicha .item_ttl {
	  font-size: 1.5em;
	  padding: 24px 8px 8px;
	}
	.fruit_mugicha .flexbox > div {
	  width: 24%;
	  margin: 8px;
	}
	.form-wrap{
		margin-bottom: 80px;
	}
}

/*==============================
   sweets_houjicha
==============================*/
/* スイーツほうじ茶 */
.sweets_houjicha .item {
  background: url(../images/season/sweets_houjicha/sweets_houjicha_sec2-bg.jpg) repeat;
  padding: 15px;
}
.sweets_houjicha .flexbox {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px 15px;
  box-sizing: border-box;
  background: #fff;
}
.sweets_houjicha .flexbox > div {
  width: 100%;
  margin: 0;
}
.sweets_houjicha .sec4 > div {
  background: #fffaf4 url(../images/season/sweets_houjicha/sweets_houjicha_sec4-bg.jpg) no-repeat top center;
  background-size: 100% auto;
  overflow: hidden;
  color: #693a06;
  padding: 0 5% 20px 32%;
  box-sizing: border-box;
}
.sweets_houjicha .sec4 p {
  font-size: .8em;
  line-height: 1.8;
}
.sweets_houjicha .area {
  margin: 70px 0;
}

@media (min-width:768px) {
  .sweets_houjicha .sec4 > div {
    padding: 0 10% 30px 32%;
  }
  .sweets_houjicha .sec4 p {
    font-size: 1em;
  }
  .sweets_houjicha .flexbox {
    padding: 0 30px 20px;
  }
  .sweets_houjicha .flexbox > div {
    width: 48%;
  }
  .sweets_houjicha .item {
    padding: 30px;
  }
}

/*==============================
   happybox
==============================*/
.category-comment .happybox{
	width: 100%;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	/*padding: 0 16px 48px;干支あり*/
	padding: 0 16px 16px;
}
.happybox .postage{
	max-width: 580px;
	margin: 0 auto;
}
.happybox .flexbox > div{
	width: 50%;
	margin: 0;
	padding: 0;
}
/* 商品詳細内のリスト */
.happybox .itemlist{
	margin-bottom: 48px;
}
.happybox .itemlist{
	width: 100%;
	font-size: 1.25em;
	list-style: none;
}
.happybox .itemlist span{
	margin-right: 8px;
	font-size: .8em;
}
.box--border{
	border: #ccc 1px solid;
	padding: 8px 16px;
	margin-bottom: 8px;
}
.box--fill{
	background: #000;
	color: #fff;
	padding: 4px 8px;
}
.chashi{
	font-size: 1.1em;
	font-weight: 700;
}
/* 福袋・福箱の注意書き */
.happybagReservation-notes{
	margin-top: 48px;
	margin-bottom: 48px;
}
.ttl--border{
	border-top: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	font-size: 1.25em;
	margin: 0 0 24px;
	padding: 16px 0;
	text-align: center;
}

@media (min-width:768px){
	.category-comment .happybox{
		max-width: 750px;
		/*padding: 0 16px 120px;干支あり*/
	}
	/* 商品詳細内のリスト */
	.happybox .itemlist{
		display: flex;
		flex-wrap: wrap;
	}
	.happybox .itemlist.column--2 li {
		width: 48%;
	}
	.happybox .itemlist.column--2 li:nth-child(2n+1) {
		margin-right: 2%;
	}
	.box--border{
		margin-bottom: 16px;
	}
	/* 福袋・福箱の注意書き */
	.happybagReservation-notes{
		margin-top: 80px;
		margin-bottom: 80px;
	}
	.happybagReservation-notes p{
		text-align: left;
	}
	.ttl--border{
		font-size: 1.75em;
	}
}

/*==============================
   campaign page / etc
==============================*/
/*特典一覧*/
.plan-list {
	width: 100%;
	padding: 0 0 16px;
	margin: 0 auto 48px;
	overflow: hidden;
}
.plan-list > div{
	margin: 0 8px 16px;
}
.plan-list .flexbox{
	display: flex;
	flex-flow:wrap;
	align-items: center;
	margin: 0 16px;
}
.plan-list .flexbox > div {
	width: 50%;
	padding: 0 8px;
	margin: 0 0 16px;
}
/*商品一覧*/
.ttl-plan{
	margin-bottom: 2em;
}
.flexbox {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.flexbox > div {
	width: 48%;
	margin: 8px 0;
	padding: 0 1%;
	box-sizing: border-box;
}
.flexbox span{
	display: block;
	font-feature-settings: "palt";
	font-size: .8em;
	min-height: 64px;
	padding: 8px 0;
	text-align: center;
	font-family: sans-serif;
}
.flexbox .productName{
	font-size: 1.25em;
	height: 48px;
	text-align: center;
}
.flexbox span b{
	font-size: 1.25em;
	font-weight: 700;
	color: inherit;
}
/*ページ内タイトル*/
.list-ttl,
.item_ttl {
  font-weight: 700;
  font-size: 1.25em;
  text-align: center;
}
.item_ttl img{
	margin-bottom: 20px;
}

.area {
	margin-bottom: 48px;
}

@media (min-width:768px) {
	/*特典一覧*/
	.plan-list > div{
		margin: 0 16px 16px 8px;
	}
	.plan-list .flexbox{
		margin: 0 32px 8px;
	}
	.plan-list .flexbox > div{
		width: 33.3%;
	}
	/*商品一覧*/
	.ttl-plan{
		margin-bottom: 32px;
	}
	.flexbox > div {
		width: 33.3%;
		margin: 16px 0;
	}
	.flexbox.two-columns > div{
		width: 50%;
		margin-bottom: 48px;
	}
	.flexbox.two-columns .productName,
	.flexbox.three-columns .productName{
		height: 24px;
	}
	/*ページ内タイトル*/
	.list-ttl,
	.item_ttl {
		font-size: 1.5em;
	}
	.item_ttl img{
		 max-width: 500px;
		 margin: 0 auto 20px;
	}
	.area {
		margin-bottom: 80px;
	}
}

@media (min-width:960px) {
	.flexbox > div {
		width: 25%;
	}
	.flexbox.three-columns > div{
		width: 33.3%;
	}
}

/*ポイントアップキャンペーン*/
.pointup{
	max-width: 900px;
	margin: 0 auto;
	background: #ffe900;
	overflow: hidden;
	padding-bottom: 24px;
}
.pointup p{
	font-family: "sans-serif";
	text-align: left;
	padding-left: 40px;
	padding-right: 40px;
}