@charset "utf-8";
.ozHtmlEdit.wfhpw00033 .btnColumnWrap .btnColumn{
	margin: 0;
	padding-top: 10px;
	padding-left: 18px;
	padding-bottom: 10px;
	height: auto;
}

.ozHtmlEdit.wfhpw00033 .tcd451 .btnColumnWrap .btnColumn{
	margin: 0;
	padding-top: 10px;
	padding-left: 18px;
	padding-bottom: 10px;
	height: auto;
}

.ozHtmlEdit.wfhpw00033 .btnColumn .btn{
	float: left;
	margin: 0 10px 10px 0;
}

.ozHtmlEdit.wfhpw00033 .lineupBtn .btnColumnWrap .btnColumn .col5 a{
	width: 164px;
	height: 50px;
	display: table-cell;
	vertical-align: middle;
}

.ozHtmlEdit.wfhpw00033 .btnColumnWrap .btnColumn .btn a{
	color: #000;
	/*border: 2px solid #000;*/
	border:none;
	height: 50px;
	padding: 0;
	text-align: center;
	background: none;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0px 0px 3px 1px #b5b3b0;
}
.ozHtmlEdit.wfhpw00033 .btnColumnWrap .btnColumn .btn a .indent {
    display: inline-block;
	text-indent: 14px;
}
.ozHtmlEdit.wfhpw00033 .btnColumn .btn a:hover{
	color: #ff7700;
	/*border: 2px solid #ff7700;*/
	border:none;
	background: none;
}

.ozHtmlEdit.wfhpw00033 .youtube {
	position: relative;
}
.ozHtmlEdit.wfhpw00033 .youtube iframe {
  position: absolute;
  bottom: 23px;
  right: 24px;
  width: 227px;
  height: 171px;
}

.ozHtmlEdit.wfhpw00033 .youtube p{
  position: absolute;
  bottom: 24px;
  right: 284px;
  font-size: 12px;
  font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
  font-weight: bold;
}

.ozHtmlEdit.wfhpw00033 .youtube p a{
  color: #fff;
}


.ozHtmlEdit.wfhpw00033 .u-mb10{
  margin-bottom: 10px;
}
.ozHtmlEdit.wfhpw00033 .u-mb20{
  margin-bottom: 20px;
}
.ozHtmlEdit.wfhpw00033 .u-mb13{
  margin-bottom: 13px;
}

.ozHtmlEdit.wfhpw00033 .btm5{
	margin-bottom: 5px;
}

.ozHtmlEdit.wfhpw00033 .bnr2col,
.ozHtmlEdit.wfhpw00033 .bnr2col span{
	clear: both;
}

.ozHtmlEdit.wfhpw00033 .bnr2col .leftBlock,
.ozHtmlEdit.wfhpw00033 .bnr2col .rightBlock{
	/*width: 443px;
	overflow: hidden;*/
  width: 438px;
}

.ozHtmlEdit.wfhpw00033 .bnr2col .leftBlock{
	margin-right: 20px;
}

.ozHtmlEdit.wfhpw00033 .bnr2col .rightBlock .col4{
	float: left;
	width: 209px;
	margin-right: 20px;
}

.ozHtmlEdit.wfhpw00033 .bnr2col .rightBlock .col4_last{
	float: left;
	width: 209px;
	margin-right: 0;
}

.ozHtmlEdit.wfhpw00033 .bnr4col02{
	overflow: hidden;
	margin-right: -20px;
}
.ozHtmlEdit.wfhpw00033 .bnr4col02 .col4{
	float: left;
	width: 209px;
	margin-right: 20px;
}



/***
	告知部分記述
***/

.ozHtmlEdit.wfhpw00033 table#Info {
	width: 890px;
	margin: 0 0 20px;
	font-size: 13px;
}
.ozHtmlEdit.wfhpw00033 table#Info th {
	width: 60px;
	padding: 4px 8px 4px 24px;
    background-image: url(../images/blt_att_wh.png);
    background-repeat: no-repeat;
    background-position: 5px center;
	background-color: #E6211A;
	vertical-align: middle;
	border: 1px solid #E6211A;
	font-weight: bold;
	color: #FFFFFF;
}
.ozHtmlEdit.wfhpw00033 table#Info td {
	width: 940px;
	padding: 4px 8px;
	background-color: #FFFFFF;
	border: 1px solid #E6211A;
	vertical-align: middle;
	font-weight: bold;
}
.ozHtmlEdit.wfhpw00033 table#Info td ul li {
	-ms-word-break: break-all;
	word-break: break-all;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
.ozHtmlEdit.wfhpw00033 table#Info td ul li span{
    color: #e6211a;
}


.ozHtmlEdit.wfhpw00033 table#Info td ul li a {
	text-decoration: none;
	text-decoration: underline;
	color: #e6211a;
}
.ozHtmlEdit.wfhpw00033 table#Info td ul li a:hover {
	text-decoration: none;
}
/* =========================================================
	2020年10月2回〜Topデザイン変更に伴うCSC
	●ドロップシャドウ
	●角丸
	●その他細かい調整(margin-bottomの調整など)
========================================================= */

/* sdw（20_10-2〜デザイン変更） */
.ozHtmlEdit.wfhpw00033 .sdw img {
  box-shadow: 0px 0px 4px 1px #b5b3b0;
}
.ozHtmlEdit.wfhpw00033 .kdm img {
	border-radius: 6px;
}
.ozHtmlEdit.wfhpw00033 .bnr2col{
	overflow: visible;
}

/***
	アニメーション1（ゆれる）
***/
/*
.ozHtmlEdit.wfhpw00033 .moveBg1 {
	position: relative;
}
.ozHtmlEdit.wfhpw00033 .moveBg1 .moveItem {
	display: inline-block;
}

.ozHtmlEdit.wfhpw00033 .moveBg1 .moveItem.item1 {
	position: absolute;
	top: 15px;
	left: 310px;
}
.ozHtmlEdit.wfhpw00033 .moveBg1 .moveItem.item2 {
	position: absolute;
	top: 15px;
	left: 430px;
}
.ozHtmlEdit.wfhpw00033 .moveBg1 .moveItem.item3 {
	position: absolute;
	top: 15px;
	left: 534px;
}

.ozHtmlEdit.wfhpw00033 .moveBg1 .moveItem:nth-child(odd) {
	-webkit-animation: horizontal1 1s ease-in-out infinite alternate;
	animation: horizontal1 1s ease-in-out infinite alternate;
}
.ozHtmlEdit.wfhpw00033 .moveBg1 .moveItem:nth-child(even) {
	-webkit-animation: horizontal2 1s ease-in-out infinite alternate;
	animation: horizontal2 2.5s ease-in-out infinite alternate;
}

.ozHtmlEdit.wfhpw00033 .moveBg1 .moveItem img {
	-webkit-animation: vertical 1s ease-in-out infinite alternate;
	animation: vertical 1s ease-in-out infinite alternate;
}

.ozHtmlEdit.wfhpw00033 .moveBg1 .moveItem.item1 img {
	-webkit-animation-duration: 1.1s;
	animation-duration: 1.1s;
}
.ozHtmlEdit.wfhpw00033 .moveBg1 .moveItem.item2 img {
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
}
.ozHtmlEdit.wfhpw00033 .moveBg1 .moveItem.item3 img {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
}

@-webkit-keyframes horizontal1 {
	0% { -webkit-transform: translateX(-3px); }
	100% { -webkit-transform: translateX(0px); }
}
@keyframes horizontal1 {
	0% { transform: translateX(-3px); }
	100% { transform: translateX(0px); }
}

@-webkit-keyframes horizontal2 {
	0% { -webkit-transform: translateX(3px); }
	100% { -webkit-transform: translateX(0px); }
}
@keyframes horizontal2 {
	0% { transform: translateX(3px); }
	100% { transform: translateX(0px); }
}

@-webkit-keyframes vertical {
	0% { -webkit-transform: translateY(-10px); }
	100% { -webkit-transform: translateY(0px); }
}
@keyframes vertical {
	0% { transform: translateY(-10px); }
	100% { transform: translateY(0px); }
}
*/



/***
	アニメーション2（上へ消えてく）
***/
#moveBg2 .moveItem div {
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: Drop;
	animation-timing-function: ease-in;
	opacity: 0;
	transform-origin: 0px 0px;
	height: 100%;
}
#moveBg2 {
	background: #fff;
	overflow: hidden;
	width: 100%;
	height: 50px;
	margin: 0 auto;
}
#moveBg2 .moveItem {
	height: 100%;
	width: 100%;
	position: relative;
}
#moveBg2 .moveItem div {
	background: transparent url("../images/wfhpw00033_anime1_01.png") no-repeat;
	background-size: contain;
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	outline: 1px solid transparent;
}

#moveBg2 .moveItem div.item23,
#moveBg2 .moveItem div.item24,
#moveBg2 .moveItem div.item25,
#moveBg2 .moveItem div.item26,
#moveBg2 .moveItem div.item1,
#moveBg2 .moveItem div.item4,
#moveBg2 .moveItem div.item6,
#moveBg2 .moveItem div.item12,
#moveBg2 .moveItem div.item10 {
	background-size: 10px 10px;
}
#moveBg2 .moveItem div.item19,
#moveBg2 .moveItem div.item20,
#moveBg2 .moveItem div.item21,
#moveBg2 .moveItem div.item22,
#moveBg2 .moveItem div.item27,
#moveBg2 .moveItem div.item28,
#moveBg2 .moveItem div.item29,
#moveBg2 .moveItem div.item30,
#moveBg2 .moveItem div.item3,
#moveBg2 .moveItem div.item5,
#moveBg2 .moveItem div.item9 {
	background-size: 16px 16px;
}
#moveBg2 .moveItem div.item11,
#moveBg2 .moveItem div.item13,
#moveBg2 .moveItem div.item14,
#moveBg2 .moveItem div.item15,
#moveBg2 .moveItem div.item16,
#moveBg2 .moveItem div.item17,
#moveBg2 .moveItem div.item18 {
	background-size: 7px 7px;
}

/*itemをどの辺りに表示するか*/
#moveBg2 .moveItem div.item1 {
	animation-delay: 0.4s;
	animation-duration: 1.3s;
	left: 61%;
}
#moveBg2 .moveItem div.item2 {
	animation-delay: 0.4s;
	animation-duration: 2.0s;
	left: 89%;
}
#moveBg2 .moveItem div.item3 {
	animation-delay: 1.9s;
	animation-duration: 2.5s;
	left: 66%;
}
#moveBg2 .moveItem div.item4 {
	animation-delay: 0.2s;
	animation-duration: 1.9s;
	left: 87%;
}
#moveBg2 .moveItem div.item5 {
	animation-delay: 1.7s;
	animation-duration: 1.9s;
	left: 68%;
}
#moveBg2 .moveItem div.item6 {
	animation-delay: 1.7s;
	animation-duration: 1.6s;
	left: 92%;
}
#moveBg2 .moveItem div.item7 {
	animation-delay: 1.4s;
	animation-duration: 2.1s;
	left: 75%;
}
#moveBg2 .moveItem div.item8 {
	animation-delay: 1.5s;
	animation-duration: 2.3s;
	left: 56%;
}
#moveBg2 .moveItem div.item9 {
	animation-delay: 0.4s;
	animation-duration: 2.0s;
	left: 11%;
}
#moveBg2 .moveItem div.item10 {
	animation-delay: 0.3s;
	animation-duration: 2.5s;
	left: 33%;
}
#moveBg2 .moveItem div.item11 {
	animation-duration: 1.4s;
	left: 5%;
}
#moveBg2 .moveItem div.item12 {
	animation-delay: 0.3s;
	animation-duration: 2.5s;
	left: 8%;
}
#moveBg2 .moveItem div.item13 {
	animation-delay: 0.9s;
	animation-duration: 1.9s;
	left: 88%;
}
#moveBg2 .moveItem div.item14 {
	animation-delay: 0.8s;
	animation-duration: 2.1s;
	left: 39%;
}
#moveBg2 .moveItem div.item15 {
	animation-delay: 0.2s;
	animation-duration: 2.0s;
	left: 12%;
}
#moveBg2 .moveItem div.item16 {
	animation-delay: 1.7s;
	animation-duration: 2.5s;
	left: 41%;
}
#moveBg2 .moveItem div.item17 {
	animation-delay: 1s;
	animation-duration: 2.0s;
	left: 34%;
}
#moveBg2 .moveItem div.item18 {
	animation-delay: 1.1s;
	animation-duration: 1.6s;
	left: 67%;
}
#moveBg2 .moveItem div.item19 {
	animation-delay: 1.1s;
	animation-duration: 1.9s;
	left: 41%;
}
#moveBg2 .moveItem div.item20 {
	animation-delay: 1.1s;
	animation-duration: 2.3s;
	left: 7%;
}
#moveBg2 .moveItem div.item21 {
	animation-delay: 0.8s;
	animation-duration: 1.4s;
	left: 20%;
}
#moveBg2 .moveItem div.item22 {
	animation-delay: 0.5s;
	animation-duration: 1.6s;
	left: 84%;
}
#moveBg2 .moveItem div.item23 {
	animation-delay: 1.6s;
	animation-duration: 2.5s;
	left: 36%;
}
#moveBg2 .moveItem div.item24 {
	animation-delay: 1.3s;
	animation-duration: 2.1s;
	left: 81%;
}
#moveBg2 .moveItem div.item25 {
	animation-delay: 1.8s;
	animation-duration: 1.9s;
	left: 54%;
}
#moveBg2 .moveItem div.item26 {
	animation-delay: 1.6s;
	animation-duration: 2.5s;
	left: 58%;
}
#moveBg2 .moveItem div.item27 {
	animation-delay: 1.6s;
	animation-duration: 2.0s;
	left: 45%;
}
#moveBg2 .moveItem div.item28 {
	animation-delay: 1.9s;
	animation-duration: 2.0s;
	left: 28%;
}
#moveBg2 .moveItem div.item29 {
	animation-delay: 0.1s;
	animation-duration: 2.3s;
	left: 49%;
}
#moveBg2 .moveItem div.item30 {
	animation-delay: 0.5s;
	animation-duration: 1.9s;
	left: 23%;
}

/*アニメーションの設定*/
@keyframes Drop {
	0% {
		opacity: 0;
		transform: translateY(30px) rotate(0.1deg);
	}
	23% {
		opacity: 1;
		transform: translateY(25px) rotate(0.1deg);
	}
	100% {
		opacity: 0.3;
		transform: translateY(-10px) rotate(0.1deg);
	}
}
/***
	お知らせ（コロナ）
***/

.ozHtmlEdit.wfhpw00033 .info {
	/* margin: 0 0 20px; */
	position: relative;
	/* border-top: 2px solid #c4c4c4;
	border-bottom: 2px solid #c4c4c4; */
	overflow: hidden;
}
.ozHtmlEdit.wfhpw00033 .info .list {
	margin: 0 10px;
	padding: 10px 0;
	width: auto;
	background: #fff url("../images/wfhpw00033_icon01.jpg") no-repeat left center;
	border-bottom: 1px solid #c4c4c4;
}
.ozHtmlEdit.wfhpw00033 .info .list strong {
	font-weight: bold;
}
.ozHtmlEdit.wfhpw00033 .info .list strong,
.ozHtmlEdit.wfhpw00033 .info .list a {
	color: #e51e18;
	font-weight: bold;
}
.ozHtmlEdit.wfhpw00033 .info .list:last-child {
	/* border-bottom: none; */
}
.ozHtmlEdit.wfhpw00033 .info p {
	margin-left: 40px;
	font-size: 15px;
}

/***
	お知らせ（ちばなし）
***/
.ozHtmlEdit.wfhpw00033 .info div:first-child {
	margin: 0;
	border-top: 2px solid #c4c4c4;
}
.ozHtmlEdit.wfhpw00033 .info div:last-child {
	margin: 0 0 20px;
	border-bottom: 2px solid #c4c4c4;
}



/***
	トップバナーリンク追加
***/

.ozHtmlEdit.wfhpw00033 .rel{
	position: relative;
}

.ozHtmlEdit.wfhpw00033 .top_bnr{
	margin-bottom: 20px;
}

.ozHtmlEdit.wfhpw00033 .rel .textlink01{
	position: absolute;
	bottom:10px;
	right:90px;
	font-weight: bold;
}

/* クリスマス仕様 20231110追記 */
/* .ozHtmlEdit.wfhpw00033 .rel .textlink01 a{
	color: #fff;
}

.lineupTtl img{
	margin-top: 20px;
} */


/* タイムセールおやすみ看板 20230911追記 */
.timesale_oyasumi img{
	margin-bottom: 25px;
}

/* =========================================================
	24年4月1回追加 バナーエリアflex化
========================================================= */
.flex_wrap_banner{
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}

/* ----- マージン ----- */
.flex_wrap_banner li{
    margin: 0 20px 20px 0;
}

/* ----- 2n（右側のバナー）は右側のマージンだけ0にする ----- */
.flex_wrap_banner li:nth-child(2n){
    margin: 0 0 20px 0;
}

/* ----- li > p 2n（右側に小バナーが2つ並んだパターン）は上にマージンを追加 ----- */
.flex_wrap_banner li p:nth-child(2n){
    margin-top: 20px;
}

/* =========================================================
	25年12月3回 年末年始のお届けスケジュール　テキストリンク
========================================================= */
.ozHtmlEdit.wfhpw00033 .zaikogentei_oyasumi.info p {
	font-size: 13px;
}
.ozHtmlEdit.wfhpw00033 .zaikogentei_oyasumi .textlink02 a {
	/* color: #E66400; */
	color: #E52017;
	font-size: 13px;
}

/* =========================================================
	25年9月4回 ハロウィン仕様
========================================================= */
/* .ozHtmlEdit.wfhpw00033 .halloween2025_top_bnr {
	margin-bottom: 30px;
}
.ozHtmlEdit.wfhpw00033 .btnColumnWrap.halloween2025 .btnColumn .btn a {
	color: #E66400;
}
.ozHtmlEdit.wfhpw00033 .halloween2025 .btnColumn .btn a:hover {
	color: #5F3AA8;
}
.ozHtmlEdit.wfhpw00033 .lineupBtn .btnColumnWrap.halloween2025 .btnColumn .col5 a{
	height: 50px;
} */
/* =========================================================
	25年12月2回 クリスマス仕様
========================================================= */
/* .ozHtmlEdit.wfhpw00033 .christmas2025_top_bnr .textlink01 {
	font-size: 14px;
}
.ozHtmlEdit.wfhpw00033 .christmas2025_top_bnr .textlink01 a {
	color: #fff;
}
.ozHtmlEdit.wfhpw00033 .btnColumnWrap.christmas2025 .btnColumn .btn a {
	color: #12853E;
}
.ozHtmlEdit.wfhpw00033 .christmas2025 .btnColumn .btn a:hover {
	color: #FF7700;
}
.ozHtmlEdit.wfhpw00033 .lineupBtn .btnColumnWrap.christmas2025 .btnColumn .col5 a{
	height: 50px;
} */