/* CSS Document */
/*----- last up date 20180228 -----*/

/*---==============================---*/
/*---======= ベース部分構成 =======---*/
/*---==============================---*/

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);


html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video
	{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: bottom;
	}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
	margin:0;
	}

button{
	background:none;
	border:none;
	cursor:pointer;
	padding:0;
	margin:0;
	}

body{
	text-align:center;
	overflow-x:hidden;
	margin:0;
	padding:0px;
	font-size:18px;
	line-height:1.5;
	color: #656d75;/*全体テキスト色#594646*/
	font-family:"游ゴシック","游ゴシック体",'小塚ゴシック Pro','Kozuka Gothic Pro','Noto Sans JP';
	font-weight:500;
	}
	
body .bgCurtain{display:none; width:100vw; height:100vh; position:fixed; top:0; left:0; background-color:rgba(00,00,00,0.7); z-index:98;}


p,ul,ol,li,dl,dd,dt,b,h1,h2,h3,h4,h5,address,form,input,small,section{
	margin:0px;
	padding:0px;
	font-style:normal;
	list-style-type:none;
	}

*{box-sizing:border-box;}
*:focus {outline: none;}
*:before,*:after{display:inline-block;}

a{
	color: #656d75;/*アコーディオンメニュー内　文字色*/
	text-decoration:none;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	}

a:hover{
	}

a:hover,a:hover img{
	opacity:0.8;
	}

img{
	border:0;
	margin:0;
	padding:0;
	vertical-align:bottom;
	}

.wrap{
	width:1000px;
	margin:20px auto 30px;
	}

.clearfix{
	zoom:1;
	}

.clearfix:after{
	content: "";
	clear:both;
	display:block;
	}

.clear{
	clear:both;
	}
	
.sP{
	text-indent:-9999px;
	background:no-repeat  center center;
	background-size:100%;
	}

*.fe.feLeft{justify-content:flex-start;}
*.fe.feRight{justify-content:flex-end;}
*.fe.fe02{flex-direction : row-reverse;}
*.fe{display:flex; justify-content:space-between; flex-wrap: wrap;}

*.fe4.feLeft{justify-content:flex-start;}
*.fe4.feRight{justify-content:flex-end;}
*.fe4.fe04{flex-direction : row-reverse;}
*.fe4{display:flex; justify-content:space-between; flex-wrap: wrap;}




*.iB{letter-spacing:-1em; word-spacing: -1em;}
:root *.iB{font-size: 1px; word-spacing: -1px;}
*.iB > *{display:inline-block; letter-spacing:normal; vertical-align:top; font-size:100%; word-spacing:normal; font-size:18px;}
*.sp{display:none;}
*.mB20{margin-bottom:20px;}
*.mB30{margin-bottom:30px;}
*.mB40{margin-bottom:40px;}
*.mB50{margin-bottom:50px;}
*.mB60{margin-bottom:60px;}
*.mB70{margin-bottom:70px;}
*.mB80{margin-bottom:80px;}
*.mB90{margin-bottom:90px;}
*.mB100{margin-bottom:100px;}
*.mB110{margin-bottom:110px;}
*.mB120{margin-bottom:120px;}
*.mB130{margin-bottom:130px;}
*.mB140{margin-bottom:140px;}
*.mB150{margin-bottom:150px;}
*.mT20{margin-top:20px;}
*.mT30{margin-top:30px;}
*.mT40{margin-top:40px;}
*.mT50{margin-top:50px;}
*.mT60{margin-top:60px;}
*.mT70{margin-top:70px;}
*.mT80{margin-top:80px;}
*.mT90{margin-top:90px;}
*.mT100{margin-top:100px;}
*.mT110{margin-top:110px;}
*.mT120{margin-top:120px;}
*.mT130{margin-top:130px;}
*.mT140{margin-top:140px;}
*.mT150{margin-top:150px;}
*.pT > *{position:relative;}
*.pT.pT20 > *{top:-20px;}
*.pT.pT30 > *{top:-30px;}
*.w100{width:100%;}

.sp{display:none;}
.pc{display:inline;}
.headbar,.headbar_tt{display:none;}

header{
	background:#e0c5c2;/*ヘッダーPC　ロゴ部分背景色　4a241a*/
	width:100%;
	height:70px;
	}

header #headerWrap{
	width:1000px;
	margin:0 auto;
	position:relative;
	}

header #headerWrap h1 {
	max-width: 365px;
	height: 50px;
	line-height: 60px;
	margin: 0 auto;
}

header #headerWrap h1 img{width:auto; height:100%;}

header #headerWrap div.menu,
nav div.menu{
	width:60px;
	height:78px;
	position:absolute;
	top: 0px;
	bottom: auto;
	right: 0;
	left: 0;
	right: -920px;
	margin:auto;
	}

header #headerWrap div.menu.fixed{
	background-color:rgba(255,255,255,0.5);
	}

#menuButton {
	overflow: hidden;
	display: block;
	position: relative;
	z-index: 0;
	width: 100%;
	height: 70px;
	cursor: pointer;
	}

#menuButton span,
#menuButton:before,
#menuButton:after,
#menuButton1 span,
#menuButton1:before,
#menuButton1:after{
	display: block;
	position: absolute;
	top:0;
	bottom:20px;
	left:0;
	right: 0;
	width: 100%;
	height: 4px;
	margin: auto;
	background: #fff;
	-webkit-transition: .1s ease-in-out;
	 transition: all 1s;
	}

#menuButton span,#menuButton1 span{
	z-index: 1;
	color: #fff;
	}
	
#menuButton span strong,#menuButton1 span strong {
	position: relative;
	top: 15px;
	font-size: 15px;
	letter-spacing: 3px;
}

#menuButton:before,#menuButton1:before{
	z-index: 2;
	transform:rotate(0deg);
	top:30px;
	content: "";
	}

#menuButton:after,#menuButton1:after{
	z-index: 2;
	transform:rotate(0deg);
	top:-30px;
	content: "";
	}

#menuButton span,#menuButton1 span{
	transform:rotate(0deg) translateX(0px);
	}

#menuButton:before,
#menuButton:after,
#menuButton1:before,
#menuButton1:after{
	transition: transform 500ms;
	}

.active #menuButton span,
.active #menuButton1 span{
	transform:translateX(-100px);
	top:0;
	}

.active #menuButton:before,
.active #menuButton1:before{
	transform:rotate(495deg);
	top:0;
	}

.active #menuButton:after,
.active #menuButton1:after{
	 transform:rotate(405deg);
	 top:0;
	}

nav.mainNav {
	background-color: #fff;
	padding: 0px;
	width: 410px;
	position: fixed;
	left: -200%;
	right: 0;
	top: 0;
	z-index: 99;
	overflow:auto;
}
	
nav.mainNav div.menu{
	position:absolute;
	top:0;
	right:calc(-100% + 70px);
	}
	
nav.mainNav.fixed{
	}

nav.mainNav ul.nav01{
	width:100%;
	margin:0 auto;
	border:2px #e0c5c2 solid;
	}/*PCナビ　ジャンル表題下線色*/

nav.mainNav ul.nav01 > li{
	width:100%;
	font-size:15px;/*PCナビリスト文字サイズ*/
	border-bottom:2px #e0c5c2 solid;/*PCナビ　ジャンル名下線色*/
	text-align:left;
	padding:6px 20px;
	}

nav.mainNav ul.nav01 > li:first-child,
nav.mainNav ul.nav02 > li:first-child{padding:0; border-bottom:none;}

nav.mainNav ul.nav01 > li h2,
nav.mainNav ul.nav02 > li h2{
	background-color:#e0c5c2;/*PCナビ内背景色*/
	text-align:center;
	padding:8px 0px;
	font-weight:700;
	color:#fff;
	font-size:20px;/*PCメニューナビタイトルサイズ*/
	}

nav.mainNav ul.nav01 > li:last-child{margin-bottom:0px;}

nav.mainNav ul.nav02{margin-top:0px;}

nav.mainNav ul.nav02 > li {
	width: 100%;
	border-bottom: #e0c5c2 2px dashed;/*PCナビ　インフォ名下線色*/
	text-align: left;
	padding: 5px 20px;
	font-size: 16px;/*PCメニューナビインフォメーション文字サイズ*/
}
	
nav.mainNav ul.nav02 > li:last-child {
	margin:0 auto 40px;
	}

nav.mainNav > a {
	background: #e0c5c2;/*PCナビ　TOPに戻る　背景色*/
	height: 60px;
	line-height: 60px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	display: block;
	text-align: left;
	padding-left: 20px;
}
nav.subNav {
	position: absolute;
	right: 0;
	top: 100px;
	width: 100px;
	background: #e0c5c2;/*PCライトナビ　TOPに戻る　背景色*/
	z-index: 99;
	padding: 0;
}

nav.subNav ul{border:2px solid #e0c5c2;}/*PCライトナビ　外周枠色*/
nav.subNav ul li {
	border-bottom: 2px solid #e0c5c2;/*PCライトナビ　リスト下線色*/
	background-color: #fff;
	width: 100%;
	padding: 4px;
	text-align: center;
	font-size: 14px;
	white-space: nowrap;
	letter-spacing: -1px;
}
nav.subNav ul li:last-child{border-bottom:none;}

nav.subNav ul li img{width:100%;}

nav.subNav > a {
	font-size: 14px;
	font-weight: 700;
	color: #2B2B2B;/*TOPに戻る　テキスト色PC*/
	line-height: 30px;
	display: block;
}




article,
main article{width:100%; text-align:center;}
main article ul{width:1000px; margin:0 auto;}

main article{
	position:relative;
	}

main article h2.title01{
	font-size:20px;
	font-weight:500;
	letter-spacing:5px;
	}


main article section.item ul > li img,
main article section.item dl > dt img,
main article section.item dl > dd img{
	margin:0 auto;
	transition: .1s;/*商品　画像部分？　元.8s*/
	opacity: 1;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
/*----------
	transform: translate(0,100px); 
	-webkit-transform: translate(0,100px); 
----------*/
	}

/*------------

main article section.item ul > li.mv img,
main article section.item dl > dt.mv img,
main article section.item dl > dd.mv img{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	}

main article section.item .text,
main article section.item .text > *{
	transition:.2s;
	opacity:0;
	}

main article section.item .text > *.mv,
main article section.item .text.mv{
	opacity:1.0;
	}
------------------*/

main article .bg{background:repeat top center; position:relative;}
main article .bgf{background-attachment:fixed; background-position:center top; background-repeat:no-repeat; position:relative;}
main article .bg.bgB{background-color:#2e0f09; padding-bottom:30px;}
main article .bg.bgBl{background-color:#ce3256;}/*花由ポイント　背景色*/

main article .bg.bgY{background-color:#656d75;}
main article .bg.bgP{background-color:#AB856E;}/*タイトル背景色*/
main article .bg.bgW{background-color:#fff;}



main article .bg.bgImg01{background-image:url(../img/kr-day20_bg_01c.jpg);}
main article .bg.bgImg01.itemWrap{padding-bottom:100px;}
main article .bg.bgImg01.itemWrap {
	padding-bottom: 100px;
	padding-top: 10px;
	margin-top: 60px;
}
main article .bg.bgImg02 {
	background-image: url("../img/top_img_kari.jpg"),url(../img/kr-day20_bg_01c.jpg);/*TOP画像*/
	height: 777px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-size: auto 100% ,100% 777px;
}
main article .bg.bgImg03 {
	background-image: url(../img/kr-day20_bg_02.jpg);/*商品TOP*/
	background-repeat: no-repeat;
	background-color: #fff;
	background-position-y: 10px;
}
main article .bg.bgImg04{background-image:url(../img/vtdy20_img_103.jpg); height:258px; margin-bottom:50px;}
main article .bg.bgImg05{background-image:url(../img/vtdy20_img_109.png); height:1016px; background-repeat:no-repeat;}




main article dl.bg.bgImg01 dd.mainText h3{
	color:#656d75;/*　入りの言葉　文字色　#594646*/
	font-size:26px;
	text-align:center;
	}

main article dl.bg.bgImg01 dd.mainText h3 strong{
	font-size:41px;
	display:block;
	margin:0px auto 10px;
	font-weight:700;
	padding-top:40px;
	}

main article dl.bg.bgImg01 dt.haya{
	font-size:24px;
	width:980px;
	margin:0 auto 10px;
	border:solid 0px #301e18;
	padding:7px 0;
	background-color:#fff;
	}

main article dl.bg.bgImg01 dt.haya strong{
	font-size:36px;
	font-weight:700;
	}


main article dl.bg.bgImg01 div.listlink,
main article dl.bg.bgImg01 div.rank{margin: 100px 0 0}/*アンカータグの空間*/


main article dl.bg.bgImg01 dd.linkList ul{
	width:950px;
	margin:20px auto;
	}

main article dl.bg.bgImg01 dd.linkList ul li{
	border-bottom:3px dashed #656d75;/*アンカータグ下破線色*/
	width:30%;
	margin:20px 0;
	}

main article dl.bg.bgImg01 dd.linkList ul li:nth-last-child(1),
main article dl.bg.bgImg01 dd.linkList ul li:nth-last-child(2){width:45%;}

main article dl.bg.bgImg01 dd.linkList ul li a{
	font-size:36px;
	color:#656d75;/*アンカータグ文字色#594646*/
	font-weight:700;
	}





main article dl.bg.bgImg01 dd.coupon{padding:20px 0;}

main article dl.bg.bgImg01 dd.coupon ul{
	background-color:#f4f7f7; /* ポイント情報部分　背景色元#fff */
	border-radius:10px;
	padding:20px 8px;
	width:950px;
}

main article dl.bg.bgImg01 dd.coupon ul li:first-child{
	width:100%;
	font-size:40px;
	text-align:center;
	font-weight:700;
	}

main article dl.bg.bgImg01 dd.coupon ul li:nth-child(n+2){
	margin:10px;
	}





/*キャンペーン部分*/
main article dl.bg.bgImg01 dd.coupon1{
	padding:20px 0 0;
	margin: 50px 0 0;

}

main article dl.bg.bgImg01 dd.coupon1 ul{
	background-color:#fff;
	border-radius:10px;
	padding:20px 8px 5px;
	width:950px;
}

main article dl.bg.bgImg01 dd.coupon1 ul li:first-child{
	width:100%;
	font-size:40px;
	text-align:center;
	font-weight:700;
	margin: auto;
	}

main article dl.bg.bgImg01 dd.coupon1 ul li{
	width: auto;
	margin:10px 0px 8px 130px;
	}




/*ボタンのデザイン*/
.btn-gradient-radius {
  font-size: 30px;
  display: inline-block;
  padding: 2vw 5vw;
  margin: 1vw;
  border-radius: 25px;
  text-decoration: none;
  color: #ce3256;
  background-image: linear-gradient(45deg, #ffffff 0%, #ffffff 100%);
  transition: .4s;
	 border: solid;
}

.btn-gradient-radius:hover {
  background-image: linear-gradient(45deg, #ffffff 0%, #ffffff 100%);
}	



/*ボタン２*/


.container {
  display: flex;
  flex-direction: column; /* 要素を縦に並べる */
  max-width: 800px; /* コンテナの最大幅（適宜調整） */
  margin: 20px auto; /* 中央寄せ */
  padding: 10px;
  gap: 10px; /* 要素間の余白 */
  color: #ce3256;
}

.top-row {
  display: flex;
  gap: 10px;
  margin-bottom: 2vw;
	}

.top-button {
  flex-grow: 1; /* 幅を均等に広げる */
  height: 50px; /* 高さの調整 */
  border-radius: 10px; /* 角丸 */
  border: 1px solid #e91e63; /* ボタンの枠線色（画像の色に合わせて調整） */
  background-color: transparent; /* 背景を透明にする */
  cursor: pointer;
  font-size: 25px;
}

.middle-row {
  display: flex;
  gap: 10px;
  margin-bottom: 4vw;
}

.left-button {
  width: 300px; /* 幅の調整 */
  height: 350px; /* 高さの調整 */
  border-radius: 10px;
  border: 1px solid #e91e63; /* ボタンの枠線色 */
  /*background-image: url(https://image.rakuten.co.jp/hanayoshi/cabinet/img_kari1.jpg);
  background-repeat: no-repeat;
  background-position :center;
  background-size: 300px;*/
  color: #D77474;
  cursor: pointer;
  margin-bottom: 2vw;
  font-size: 20px;
}

.middle-right {
  display: flex;
  flex-direction: column; /* 要素を縦に並べる */
  flex-grow: 1;
  gap: 10px;
  margin-bottom: 2vw;
  width: 350px;
  font-size: 60%;

}

	.button_r_img{
  width: 65%;
	}	

.middle-button {
  flex-grow: 1; /* 高さを均等に広げる */
  height: 60px; /* 高さの調整 */
  border-radius: 10px;
  border: 1.5px solid #e91e63; /* ボタンの枠線色 */
  background-color: #FFF; /* 背景を透明にするtransparent */
  color: #D77474;
  cursor: pointer;
  font-size: 2vw;	
	
}

.bottom-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4列のグリッド */
  gap: 10px;
}

.bottom-button {
  aspect-ratio: 1 / 1; /* 正方形を維持 */
  border-radius: 10px;
  border: 1px solid #e91e63; /* ボタンの枠線色 */
  background-color: transparent; /* 背景を透明にする */
  color: #D77474;
  cursor: pointer;
  margin-bottom: 2vw;
  font-size: 1.5vw;
  font-weight: 500;	
}








main article div.bg.bgW.chui h3,
main article div.bg.bgW.otodoke h3,
main article div.bg.bgW.rank h3,
main article div.bg.bgW.point h3,
main article div.bg.bgW.qa h3{
	color:#fff;
	font-size:36px;
	font-weight:700;
	width:100%;
	text-align:center;
	margin-bottom:30px;
	}
main article div.bg.bgW.qa h3{margin-bottom:0;}

main article div.bg.bgW.chui ul li,
main article div.bg.bgW.otodoke ul li{
	font-size:25px;
	color:#594646;
	}

main article div.bg.bgW.otodoke ul li > span{font-size:38px;}
main article div.bg.bgW.otodoke ul li > strong{color:#bb2422; font-size:60px; display:block; margin:20px 0;}
main article div.bg.bgW.otodoke ul li > strong > span{font-size:33px; display:block;}

main article div.bg.bgW.rank ul.fe {
	width: 1000px;
	margin: 0 auto;
	justify-content: space-around;
}

main article div.bg.bgW.rank ul.fe li{
	margin-bottom:40px;
	font-weight:700;
	color:#3a3636;
	text-align:left;
	}

main article div.bg.bgW.rank ul.fe li img{width:100%; height:auto;}

main article div.bg.bgW.rank ul.fe li:nth-of-type(1),
main article div.bg.bgW.rank ul.fe li:nth-of-type(2){width:47.3%; font-size:27px;}

main article div.bg.bgW.rank ul.fe li:nth-of-type(3),
main article div.bg.bgW.rank ul.fe li:nth-of-type(4),
main article div.bg.bgW.rank ul.fe li:nth-of-type(5){width:30.9%; font-size:25px;}

main article div.bg.bgW.rank ul.fe li:nth-of-type(6),
main article div.bg.bgW.rank ul.fe li:nth-of-type(7),
main article div.bg.bgW.rank ul.fe li:nth-of-type(8),
main article div.bg.bgW.rank ul.fe li:nth-of-type(9),
main article div.bg.bgW.rank ul.fe li:nth-of-type(10){width:18%; font-size:20px;}

main article div.bg.bgW.point dl{
	width:990px;
	margin:10px auto 100px;
	}





/*たいとる*/


div.ca_title{
	width: 960px;
	font-size: 50px;
	font-weight: 700;
	margin: 150px auto;
  position: relative;
  display: inline-block;
  padding: 0 8vw;
	}		
	
.ca_title:before, .ca_title:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 120px;
  height: 0.5vw;
  background-color: #4a241a;
}

.ca_title:before {
  left:0;
}
.ca_title:after {
  right: 0;
}	






main article div.bg.bgW.qa div.bg.bgImg01{padding:20px 0 50px;}
main article div.bg.bgW.qa dl{
	width:990px;
	margin:0px auto;
	padding:20px;
	}

main article div.bg.bgW.point dl dt{
	font-size:40px;
	font-weight:700;
	margin-bottom:30px;
	}
main article div.bg.bgW.point dl dt,
main article div.bg.bgW.point dl dd{width:100%;}
main article div.bg.bgW.point dl dd ul{justify-content:space-around; margin-bottom:30px;}




main article div.bg.bgW.qa dl dt,
main article div.bg.bgW.qa dl dd{
	text-align:left;
	}

main article div.bg.bgW.qa dl dt{font-size:38px; font-weight:700; margin:20px 10px;}
main article div.bg.bgW.qa dl dd{font-size:28px; margin:20px 10px 30px; border-bottom:2px dashed; padding-bottom:30px;}
main article div.bg.bgW.qa dl dd.borderBold{border-bottom:5px solid;}
main article div.bg.bgW.qa dl dd:last-child{border-bottom:none;}
main article div.bg.bgW.qa dl dd h3,
main article div.bg.bgW.qa dl dd h4{font-size:28px; color:#1648af; text-align:left;}
main article div.bg.bgW.qa dl dd h4{color:#8d0000;}
main article div.bg.bgW.qa dl dd p{text-align:center;}

main article div div.bg.bgImg03 {
	margin: 50px auto;
	padding: 100px 7px 20px;/*背景部分の余白*/
	width: 950px;
}




main article div div.bg.bgImg03#nav01 {/*ギフト部分　背景*/
	background-color: rgba(238,153,153,0.60);
}
main article div div.bg.bgImg03#nav02 {/*カーネーション部分　背景*/
	background-color: rgba(255,17,34,0.5);
}

main article div div.bg.bgImg03#nav03 {/*あじさい部分　背景*/
	background-color: rgba(216,191,216,0.5);
}
main article div div.bg.bgImg03#nav04 {/*花鉢・寄せ植え部分　背景*/
	background-color: rgba(218,236,198,0.50);
}
main article div div.bg.bgImg03#nav05 {/*花束・アレンジ部分　背景*/
	background-color: rgba(255,209,204,0.6);
}
main article div div.bg.bgImg03#nav06 {/*プリザーブドフラワー部分　背景*/
	background-color: rgba(198,87,103,0.5);
}
main article div div.bg.bgImg03#nav07 {/*ソープフラワー部分　背景*/
	background-color: rgba(198,236,236,0.60);
}
main article div div.bg.bgImg03#nav08 {/*ドライフラワー部分　背景*/
	background-color: rgba(236,215,198,0.70);
}

main article div div.bg.bgImg03#nav09 {/*　背景*/
	background-color: rgba(216,121,216,0.50);
}

main article div div.bg.bgImg03#nav10 {/*　背景*/
	background-color: rgba(237,187,187,0.50);
}

main article div div.bg.bgImg03#nav11 {/*　母の日参り背景*/
	background-color: rgba(193,194,212,0.50);
}

main article div div.bg.bgImg03#nav12 {/*　背景*/
	background-color: rgba(255,250,199,0.50);
}



main article div div.bg.bgImg03#nav101 {/*注目１部分　背景*/
	background-color: rgba(255,191,186,0.50);
}


main article div div.bg.bgImg03#nav102 {/*注目2部分　背景*/
	background-color: rgba(218,177,128,0.70);
}

main article div div.bg.bgImg03#nav201 {/*新登場　背景*/
	background-color: rgba(215,116,116,0.70);
}

main article div div.bg.bgImg03#nav202 {/*母の日参り　背景*/
	background-color: rgba(167,211,227,0.70);
}




main article div div.bg.bgImg03#nav999 {/*SOLDOUT部分　背景*/
	background-color: rgba(128,128,128,0.20);
}



main article div div.bg.bgImg03:last-child{margin-bottom:0;}

main article div div.bg.bgImg03 h3 {
	font-size: 28px;
	text-align: center;
	color: #656d75;/*PCカテゴリ見出し　文字色　#594646*/
	margin-bottom: 39px;/*PCカテゴリ見出し　下余白*/
}
main article div div.bg.bgImg03 h3 strong{
	font-size:60px;
	display:block;
	font-weight:700;
	}
main article div div.bg.bgImg03 dl.itemMain{margin-bottom:110px;}
main article div div.bg.bgImg03 dl.itemMain dd ul{
	position:relative;
	}

main article div div.bg.bgImg03 dl.itemMain dd ul.fe{
	margin: auto 0px 15px 30px;
	width: 90%;
}
	
main article div div.bg.bgImg03 dl.itemMain dd{
	position:relative;
	}
	
main article div div.bg.bgImg03 dl.itemMain dd h4 {
	font-size: 54px;
	position: absolute;
	top: 670px;/*PC　ぶちぬき　タイトル位置*/
	text-align: left;
	font-weight: 700;
	left: 30px;
	line-height: 1.3;
}
	
main article div div.bg.bgImg03 dl.itemMain dd p{
	font-size:35px;
	text-align: left;
	padding:40px 30px;/*PC　ぶちぬき　キャッチコピー　上右下左*/
	}
	
main article div div.bg.bgImg03 dl.itemMain dd ul{width:100%; margin:35px auto;}
main article div div.bg.bgImg03 dl.itemMain dd ul li{line-height: 1; font-weight: 700; padding: 5px 30px;}
main article div div.bg.bgImg03 dl.itemMain dd ul li.haya {background-color: #b10101; font-size: 68px; color: #fff;}
main article div div.bg.bgImg03 dl.itemMain dd ul li.price {color:#b10101; font-size:78px; padding:0; margin-right:70px;}
main article div div.bg.bgImg03 dl.itemMain dd ul li.sendfree {border:#b10101 5px solid; color:#b10101; font-size:51px; padding:8px 10px;}




main article div div.bg.bgImg03 div.fe dl.itemHerf{width:49%; margin-bottom:110px;}
main article div div.bg.bgImg03 div.fe dl.itemHerf:nth-last-child(1),
main article div div.bg.bgImg03 div.fe dl.itemHerf:nth-last-child(2),
main article div div.bg.bgImg03 > dl.itemMain:last-child{margin-bottom:0;}
main article div div.bg.bgImg03 div.fe dl.itemHerf
main article div div.bg.bgImg03 div.fe dl.itemHerf dd ul{
	position:relative;
	z-index:99;
	}
	
main article div div.bg.bgImg03 div.fe dl.itemHerf dd{
	position:relative;
	}
	
main article div div.bg.bgImg03 div.fe dl.itemHerf dd h4 {
	font-size: 33px;
	text-align: left;
	font-weight: 700;
	min-height:120px;
	line-height:1.2;
	margin:10px 5px;
}
	
main article div div.bg.bgImg03 div.fe dl.itemHerf dd p{
	font-size:26px;
	text-align: left;
	padding:10px;
	}
	
main article div div.bg.bgImg03 div.fe dl.itemHerf dd ul{width:100%; margin:35px auto; padding:0 10px;}
main article div div.bg.bgImg03 div.fe dl.itemHerf dd ul li{line-height: 1; font-weight: 700; padding:5px 10px;}
main article div div.bg.bgImg03 div.fe dl.itemHerf dd ul li.haya {background-color: #b10101; font-size:38px; color: #fff;}
main article div div.bg.bgImg03 div.fe dl.itemHerf dd ul li.price {color:#b10101; font-size:45px; padding:3px 0 0; margin-right:15px;}
main article div div.bg.bgImg03 div.fe dl.itemHerf dd ul li.sendfree {border:#b10101 3px solid; color:#b10101; font-size:33px; padding:10px; }



/*3列表示*/
main article div div.bg.bgImg03 div.fe dl.item03{width:33%; margin-bottom:110px;}
main article div div.bg.bgImg03 div.fe dl.item03:nth-last-child(1),
main article div div.bg.bgImg03 div.fe dl.item03:nth-last-child(2),
main article div div.bg.bgImg03 div.fe dl.item03:nth-last-child(3),
main article div div.bg.bgImg03 > dl.itemMain:last-child{margin-bottom:0;}
main article div div.bg.bgImg03 div.fe dl.item03
main article div div.bg.bgImg03 div.fe dl.item03 dd ul{
	position:relative;
	z-index:99;
	}
	
main article div div.bg.bgImg03 div.fe dl.item03 dd{
	position:relative;
	}

main article div div.bg.bgImg03 div.fe dl.item03 dd img{width: 98%;}
	
main article div div.bg.bgImg03 div.fe dl.item03 dd h4 {
	font-size: 23px;
	text-align: left;
	font-weight: 700;
	min-height:50px;
	line-height:1.2;
	margin:10px 5px;
}
	
main article div div.bg.bgImg03 div.fe dl.item03 dd p{
	font-size:26px;
	text-align: left;
	padding:10px;
	}
	
main article div div.bg.bgImg03 div.fe dl.item03 dd ul{width:100%; margin:15px auto; padding:0 10px;}
main article div div.bg.bgImg03 div.fe dl.item03 dd ul li{line-height: 1; font-weight: 700; padding:5px 5px;}
main article div div.bg.bgImg03 div.fe dl.item03 dd ul li.haya {background-color: #b10101; font-size:23px; color: #fff;}
main article div div.bg.bgImg03 div.fe dl.item03 dd ul li.price {color:#b10101; font-size:40px; padding:3px 0 0; margin-right:70px;}
main article div div.bg.bgImg03 div.fe dl.item03 dd ul li.sendfree {border:#b10101 3px solid; color:#b10101; font-size:16px; padding:5px 5px;  margin-right:150px;}







/*すきなもので選ぶ*/

.tab_space{
	background-color: #fff;
	margin: 0px auto 150px;
	padding: 80px 20px 80px;
	width: 950px;
}

.tab_space strong{
	font-size:60px;
	display:block;
	font-weight:700;
	margin-bottom: 50px;
	}

  .tab2 {
	 width: 100%;
    display: flex;
    flex-direction: row;
    text-align: center;
    background-color: #fff !important;
    margin: 0 !important;
  }
   .tab2__item {
    flex: 1;
    flex-basis: 100%;
  }
  .tab2__link {
	 width: 95%;
    display: block;
	padding: 40px 40px;
    text-decoration: none;
	border-radius: 25px;
    color: #fff;
    background-color: #D77474;
    cursor: pointer;
	margin-bottom: 20px;
	 font-size: 30px;
  }
  .tab2__link.on {
    background-color: #D74040;
  }
  .tab2-body__item {
    margin: 30px 15px;
    display: none;
    text-align: center;
  }
  .tab2-body__item.on {
    display: block;
  }

.tab2-body__item.on table{
	width: 100%;
	padding-bottom: 10px;
	font-size: 30px;
	border-collapse:separate;
 	border-spacing:0px 50px;
}

.tab2-body__item.on table tr td{width: 50%;	padding: 1vw;}
.tab2-body__item.on table tr td img{width: 100%;}

















footer{
	width:100%;
	}

footer ul.fe{
	width:1000px;
	margin:0 auto;
	border:solid 1px #e0c5c2;/*フッターインフォ　外周枠色*/
	}
	
footer ul.fe li{
	width:calc(100% / 8);
	border-right:solid 1px #e0c5c2;/*フッターインフォ　縦線色*/
	}
	
footer ul.fe li a{
	 font-size:15px;
	 font-weight:700;
	 }

footer ul.fe li:last-child{border-right:none;}

footer h1{
	background-color:#e0c5c2;/*フッター　ロゴ部分背景色　#4a241a*/
	margin:auto;
	width:100%;
	height:130px;
	text-align:center;
	}
footer h1 a{
	line-height:130px;
	}

p.toLink a {
	width: 55px;
	height: 55px;
	background: no-repeat url(../img/kr-day20_nav_totop.png) center center;
	position: fixed;
	bottom: 30px;
	right: 20px;
	z-index: 999;
	display: block;
	background-size: 100% auto;
}/**/

.ribbon_point2 { 
  	display: inline-block;
  	position: absolute;
	top: -7px;
	right: 3%;
	margin: 0;
	padding: 2% 4% 2% 4%;
	z-index: 1;
	text-align: center;
	color: white;
	font-size: 1.5vw;
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-weight: 600;
	background: #FF1493;
}

.ribbon_point5 { 
  	display: inline-block;
  	position: absolute;
	top: -7px;
	right: 3%;
	margin: 0;
	padding: 2% 4% 2% 4%;
	z-index: 1;
	text-align: center;
	color: white;
	font-size: 2.5vw;
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-weight: 600;
	background: #FF4F00;
}

.ribbon_point10 { 
  	display: inline-block;
  	position: absolute;
	top: -7px;
	right: 3%;
	margin: 0;
	padding: 2% 4% 2% 4%;
	z-index: 1;
	text-align: center;
	color: white;
	font-size: 2.5vw;
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-weight: 600;
	background: #FF0000;
}












@media only screen and (max-height:1000px){

nav ul.nav02 > li img{width:100%; height:auto;}

header #headerWrap{
	width:100%;
	max-width:860px;
	}

header #headerWrap h1{height:auto;}
header #headerWrap h1 img{max-width:100%; height:auto;}

}


@media only screen and (max-width:840px){


.sp{display:inline;}
.pc{display:none;}
.headbar,
.headbar_tt,
.in_fixed_top,
.in_fixed-inner,
.in_fixed-btn{display:inline;}	
	

body .bgCurtain{display:none; width:100vw; height:100vh; position:fixed; top:0; left:0; background-color:rgba(00,00,00,0.7); z-index:98;}

body{font-size:3vw;}

*{box-sizing:border-box;}

*.mB20{margin-bottom:2vw;}
*.mB30{margin-bottom:3vw;}
*.mB40{margin-bottom:4vw;}
*.mB50{margin-bottom:5vw;}
*.mB60{margin-bottom:6vw;}
*.mB70{margin-bottom:7vw;}
*.mB80{margin-bottom:8vw;}
*.mB90{margin-bottom:9vw;}
*.mB100{margin-bottom:10vw;}
*.mB110{margin-bottom:11vw;}
*.mB120{margin-bottom:12vw;}
*.mB130{margin-bottom:13vw;}
*.mB140{margin-bottom:14vw;}
*.mB150{margin-bottom:15vw;}
*.mT20{margin-top:2vw;}
*.mT30{margin-top:3vw;}
*.mT40{margin-top:4vw;}
*.mT50{margin-top:5vw;}
*.mT60{margin-top:6vw;}
*.mT70{margin-top:7vw;}
*.mT80{margin-top:8vw;}
*.mT90{margin-top:9vw;}
*.mT100{margin-top:10vw;}
*.mT110{margin-top:11vw;}
*.mT120{margin-top:12vw;}
*.mT130{margin-top:13vw;}
*.mT140{margin-top:14vw;}
*.mT150{margin-top:15vw;}
*.pT.pT20 > *{top:2vw;}
*.pT.pT30 > *{top:-3vw;}

nav.subNav,
main article section#flowChoco,
main article dl.bg.bgP dd img{
	display:none;
	}

main article ul.fe > li{width:49%;}

nav ul.nav02 > li img,
main article ul > li img,
main article section.item img{width:100%; height:auto;}

header {
	background: #e0c5c2;/*ヘッダーSP　ロゴ部分背景色　4a241a*/
	width: 100%;
	height: 15vw;
}

header #headerWrap{
	width:100%;
	max-width:840px;
	}
header #headerWrap h1 {
	width: 55vw;
	height: 15vw;
	line-height: 13vw;
}
header #headerWrap h1 img{max-width:100%; height:auto;}
header #headerWrap div.menu {
	width: 11vw;
	height: 15vw;
	top: 0;
	right: -85vw;
	background-size: 100%;
}

	
	
	

/*追従バナー関連*/	
.headbar {
	background: #e0c5c2;/*背景色　4a241a*/
	width: 100%;
	height: 12vw;
}
	
	
header #headerWrap1{
	width:100%;
	max-width:840px;
	}	
	
header #headerWrap1 h1 {
	width: 55vw;
	height: 2vw;
	line-height: 13vw;
}	
	header #headerWrap1 div.menu1 {
	width: 11vw;
	height: 15vw;
	top: 0;
	right: -85vw;
	background-size: 100%;
}	
	
header #headerWrap1 h1 img{
	max-width:20%;/*追従バナー内のロゴサイズ*/
	height:auto;
	position: absolute;
	top:5vw;
	left: 1.5vw;/*追従バナー内のロゴ位置づけ*/
	}	
	
div .headbar_tt img{
	max-width:50%;/*追従バナー内のタイトル画像サイズ*/
	height:auto;
	position: absolute;
	top:2vw;
	left: 26vw;/*追従バナー内のタイトル画像位置づけ*/
	}	
	
	
#menuButton1 {
	overflow: hidden;
	display: block;
	position: absolute;
left: 83.5vw;/*追従バナー内のメニュー位置づけ*/
	top:0;
	z-index: 0;
	width: 12%;
	height: 15vw;
	cursor: pointer;
	}
	
	
	
	
	

/*追従バナー途中から表示させる*/	
.in_fixed_top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background-color: #e0c5c2;
  box-sizing: border-box;
  padding: 5.5vw;
  z-index: 1000;
}
.in_fixed_top[aria-expanded=false] {
  top: -300px;
  transition: .5s;
}
.in_fixed_top[aria-expanded=true] {
  top: 0;
  transition: .5s;
}	
	
	
	


/*メニュー一覧　ボタンのデザイン*/	
.btn-gradient-radius {
font-size: 4vw;
  display: inline-block;
  padding: 2vw 5vw;
  margin: 1.5vw;
  border-radius: 25px;
  text-decoration: none;
  color: #ce3256;
  font-weight: 500;
  background-image: linear-gradient(45deg, #ffffff 0%, #ffffff 100%);
  transition: .4s;
 border: solid;
}

.btn-gradient-radius:hover {
  background-image: linear-gradient(45deg, #ffffff 0%, #ffffff 100%);
}	
	
	
	
/*ボタン２*/	


.container {
  display: flex;
  flex-direction: column; /* 要素を縦に並べる */
  max-width: 1000px; /* コンテナの最大幅（適宜調整） */
  margin: 20px auto; /* 中央寄せ */
  padding: 10px;
  gap: 10px; /* 要素間の余白 */
}

.top-row {
  display: flex;
  gap: 10px;
  margin-bottom: 2vw;
	}

.top-button {
  flex-grow: 1; /* 幅を均等に広げる */
  height: 50px; /* 高さの調整 */
  border-radius: 10px; /* 角丸 */
  border: 1px solid #e91e63; /* ボタンの枠線色（画像の色に合わせて調整） */
  background-color: #fff; /* 背景を透明にする */
  color: #D77474;
  cursor: pointer;
  font-size: 4vw;
}

.middle-row {
  display: flex;
  gap: 10px;
  margin-bottom: 4.5vw;
}

.left-button {
  width: 300px; /* 幅の調整 */
  height: 250px; /* 高さの調整 */
  border-radius: 10px;
  border: 1px solid #e91e63; /* ボタンの枠線色 */
  /*background-image: url(https://image.rakuten.co.jp/hanayoshi/cabinet/img_kari1.jpg);
  background-repeat: no-repeat;
  background-position :center;
  background-size: 200px;*/
  color: #D77474;
  cursor: pointer;
  margin-bottom: 2vw;
  font-size: 2vw;
}

.middle-right {
  display: flex;
  flex-direction: column; /* 要素を縦に並べる */
  flex-grow: 1;
  gap: 10px;
  margin-bottom: 2vw;
	width: 400px;
	font-size: 3vw;

}
	
.button_r_img{
	max-width:300px;	
	}	

.middle-button {
  flex-grow: 1; /* 高さを均等に広げる */
  height: 60px; /* 高さの調整 */
  border-radius: 10px;
  border: 1.5px solid #e91e63; /* ボタンの枠線色 */
  background-color: transparent; /* 背景を透明にする */
  color: #D77474;
  cursor: pointer;
  font-size: 4vw;	
	
}

.bottom-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4列のグリッド */
  gap: 10px;
}

.bottom-button {
  aspect-ratio: 1 / 1; /* 正方形を維持 */
  border-radius: 10px;
  border: 1px solid #e91e63; /* ボタンの枠線色 */
  background-color: transparent; /* 背景を透明にする */
  color: #D77474;
  cursor: pointer;
  margin-bottom: 2vw;
  font-size: 4vw;
  font-weight: 500;	
}



	
	
	
	
	
	
	
	
	
nav div.menu{
	width: 11vw;
	height: 11vw;
	background-size: 100%;
	}
#menuButton span,
#menuButton::before,
#menuButton::after,
#menuButton1 span,
#menuButton1::before,
#menuButton1::after{
	display: block;
	position: absolute;
	top: 0;
	bottom: 5vw;
	left: 0;
	right: 0;
	width: 100%;
	height: 1vw;
	margin: auto;
	background: #fff;
	-webkit-transition: .1s ease-in-out;
	transition: all 1s;
}

#menuButton::before,#menuButton1::before {
	z-index: 2;
	transform: rotate(0deg);
	top: 6vw;
	content: "";
}

#menuButton::after,#menuButton1::after {
	z-index: 2;
	transform: rotate(0deg);
	top: -6vw;
	content: "";
}
#menuButton span strong,#menuButton1 span strong {
	position: relative;
	top: 4vw;
	font-size: 3vw;
	letter-spacing: 3px;
}


nav.mainNav ul.nav01{
	width:100%;
	max-width:860px;
	padding:0;
	}

nav.mainNav{
	transform:translate(0, 0);
	width:80vw;
	z-index:999;
	overflow:scroll;
	max-width:860px;
	padding:0px;
	height:100%;
	}
nav.mainNav ul.nav01 > li h2,
nav.mainNav ul.nav02 > li h2 {
	background-color: #e0c5c2;/*SPナビ内　背景色*/
	text-align: center;
	padding: 1vw 0px;
	font-weight: 700;
	color: #fff;
	font-size: 3vw;
}

nav.mainNav ul.nav01 > li {
	width: 100%;
	font-size: 2.5vw;
	border-bottom: 2px #e0c5c2 solid;/*SPナビ　ジャンル名下線色*/
	text-align: left;
	padding: 1vw 4vw;
}

nav.mainNav ul.nav01 > li a{
	display:block;
	width:100%;
	height:5vw;
	line-height:7vw;
	}
nav.mainNav ul.nav02 > li {
	width: 100%;
	border-bottom: #e0c5c2 2px dashed;/*SPナビ　インフォ名下線色*/
	text-align: left;
	padding: 1vw 5vw;
}

nav.mainNav ul.nav02 > li:first-child {
	margin-bottom: 0;
	font-size: 2vw;
	border-bottom: none;
}
nav.mainNav ul.nav02 > li a {
	font-size: 3vw;
	display: block;
	width: 100%;
	height: 5vw;
	line-height: 5vw;
}
nav.mainNav > a {
	height: 10vw;
	line-height: 10vw;
	font-size: 4vw;
	padding-left: 6vw;
}
nav.mainNav ul.nav02 > li:last-child {margin: 0 auto 5vw;}

main article .bg.bgImg01{background-repeat:repeat;}
main article .bg.bgImg03 {
	background-image: url(../img/kr-day20_bg_02.jpg);
	background-repeat: no-repeat;
	background-color: #fff;
	background-position-y: 7px;
	background-size: 96%;
}

main article .bg.bgImg01.topImg {padding-top: 2vw;}
main article dl.bg.bgImg01 dt.haya {
	font-size: 3vw;
	width: 95%;
	margin: 0 auto 2vw;
	padding: 1vw;
}
main article dl.bg.bgImg01 dt.haya strong {
	font-size: 4vw;
}

main article .bg.bgImg02 {
	height: 97vw;
	background-size: 150% auto ,100% 97vw;
}
main article dl.bg.bgImg01 dd.mainText h3 {
	font-size: 4vw;
}
main article dl.bg.bgImg01 dd.mainText h3 strong {
	font-size: 6vw;
	margin: 5vw auto 2vw;
	padding-top: 0;
}

main article dl.bg.bgImg01 dd.linkList ul {margin: 1vw auto; width: 90%;}
main article dl.bg.bgImg01 dd.linkList ul li {border-bottom: 2px dashed #000000; margin: 2vw 0;}/*SPアンカーリンク　下破線色*/
main article dl.bg.bgImg01 dd.linkList ul li a {font-size: 4vw;}
main article dl.bg.bgImg01 dd.coupon {padding: 5vw 0;}
main article dl.bg.bgImg01 dd.coupon ul {padding: 5vw 2vw; width: 90%;}
main article dl.bg.bgImg01 dd.coupon ul li:first-child {font-size: 4vw;}
main article ul.fe > li {width: 100%;}
main article dl.bg.bgImg01 dd.coupon ul li:nth-child(n+2) {margin: 2vw 0;}
	

	
/*キャンペーン部分*/	
main article dl.bg.bgImg01 dd.coupon1 {padding: 1vw 0 0;}
main article dl.bg.bgImg01 dd.coupon1 ul {padding: 1vw 2vw 0 2vw; width: 90%;}
main article dl.bg.bgImg01 dd.coupon1 ul li:first-child {font-size: 4vw;}
main article ul.fe > li {width: 100%;}
main article dl.bg.bgImg01 dd.coupon1 ul li {margin: 3vw 0 0 0; width: 100%;}
	
	
	
main article div.bg.bgW.chui h3,	
main article div.bg.bgW.otodoke h3,
main article div.bg.bgW.rank h3,
main article div.bg.bgW.qa h3 {font-size: 6vw; margin-bottom: 2.5vw; margin-top: 8vw;}
main article div.bg.bgW.qa h3{margin-bottom: 0vw;}
main article div.bg.bgW.point h3{font-size: 6vw; margin-bottom: 2.5vw;}
	
	
main article div.bg.bgW.chui {font-size: 6vw; margin-bottom: 18vw;}

main article ul {width: 100%;}
main article div.bg.bgW.otodoke ul li {width: 40%; font-size: 2.5vw;}
main article div.bg.bgW.otodoke ul li:first-child {width: 60%;}
main article div.bg.bgW.otodoke ul li > span {font-size: 4vw;}
main article div.bg.bgW.otodoke ul li > strong {font-size: 6vw; margin: 2vw 0;}
main article div.bg.bgW.otodoke ul li > strong > span {font-size: 3vw;}


	

main article div.bg.bgW.rank ul.fe {
	width: 98%;
	margin: 0 auto;
	justify-content: space-around;
}

main article div.bg.bgW.rank ul.fe li{
	margin-bottom:40px;
	font-weight:700;
	color:#3a3636;
	text-align:left;
	}

main article div.bg.bgW.rank ul.fe li img{width:100%; height:auto;}

main article div.bg.bgW.rank ul.fe li:nth-of-type(1),
main article div.bg.bgW.rank ul.fe li:nth-of-type(2){width:100%; font-size:5vw;}

main article div.bg.bgW.rank ul.fe li:nth-of-type(3),
main article div.bg.bgW.rank ul.fe li:nth-of-type(4),
main article div.bg.bgW.rank ul.fe li:nth-of-type(5),
main article div.bg.bgW.rank ul.fe li:nth-of-type(6){width:47%; font-size:3.5vw;}

main article div.bg.bgW.rank ul.fe li:nth-of-type(7),
main article div.bg.bgW.rank ul.fe li:nth-of-type(8),
main article div.bg.bgW.rank ul.fe li:nth-of-type(9),
main article div.bg.bgW.rank ul.fe li:nth-of-type(10){width:47%; font-size:3.5vw;}



main article div div.bg.bgImg03 {
	margin: 3vw auto 15vw;
	padding: 16vw 2vw 5vw;/*SPカテゴリ見出し高さ*/
	width: 98%;
}

main article div div.bg.bgImg03 h3 {
	font-size: 5vw;
	text-align: center;
	color: #656d75;/*SPカテゴリ見出し文字色*/
	margin-bottom: 7vw;
}

main article div div.bg.bgImg03 h3 strong {
	font-size: 8vw;
	display: block;
	font-weight: 700;
}

main article div div.bg.bgImg03 dl.itemMain {margin-bottom: 18vw;}

main article div div.bg.bgImg03 dl.itemMain dd ul.fe{width: 95%; margin-left: 2vw;}/*価格部分横幅*/
	
main article div div.bg.bgImg03 dl.itemMain dd h4 {font-size: 6vw; top: 65vw; left: 3vw;}/*スマホ商品タイトルtopぶちぬきタイトル幅*/
main article div div.bg.bgImg03 dl.itemMain dd p {font-size: 4vw; padding: 6.5vw 6vw 5vw;}/*paddingぶちぬきキャッチコピー幅*/
main article div div.bg.bgImg03 dl.itemMain dd ul li.haya {font-size: 5.5vw; width: 23%; margin-left: 0; padding: 1vw 4vw;}/*スマホ金額前タグ文字サイズと四角のサイズ*/
main article div div.bg.bgImg03 dl.itemMain dd ul li.price {font-size: 9vw; margin-right: 0; width: 45%;}
main article div div.bg.bgImg03 dl.itemMain dd ul li.sendfree {border: #b10101 1vw solid; color: #b10101; font-size: 4vw; padding: 1vw 0vw;	width: 23%;}

main article div div.bg.bgImg03 div.fe dl.itemHerf {margin-bottom: 18vw;}
main article div div.bg.bgImg03 div.fe dl.itemHerf dd h4 {font-size: 4vw; min-height: 15vw; margin: 1vw 0;}/*topぶちぬきタイトル幅*/
main article div div.bg.bgImg03 div.fe dl.itemHerf dd p {font-size: 3vw; padding:0 2vw 3vw;}/*paddingぶちぬきキャッチコピー幅*/
main article div div.bg.bgImg03 div.fe dl.itemHerf dd ul {margin: 2vw auto; padding: 0;	}
main article div div.bg.bgImg03 div.fe dl.itemHerf dd ul li.haya {font-size: 3vw; 	width: 20%; padding: 1.5vw 1vw;}/*sp 金額前タグ 文字サイズと四角のサイズ*/
main article div div.bg.bgImg03 div.fe dl.itemHerf dd ul li.price {font-size: 5vw; padding:0; margin-right: 0; width: 45%;}
main article div div.bg.bgImg03 div.fe dl.itemHerf dd ul li.sendfree {border: #b10101 0.5vw solid; font-size: 3vw; padding: 1vw 0vw; width: 20%;}

	
	
main article div div.bg.bgImg03 div.fe dl.item03 {margin-bottom: 18vw;}/*ご購入はこちら下の空間*/
main article div div.bg.bgImg03 div.fe dl.item03 dd h4 {font-size: 3vw; min-height: 10vw; margin: 2vw 0;}/*min-height　2個一タイトル幅*/
main article div div.bg.bgImg03 div.fe dl.item03 dd p {font-size: 3vw; padding:0 2vw 2vw;}
main article div div.bg.bgImg03 div.fe dl.item03 dd ul {margin: 2vw auto; padding: 0;	}
main article div div.bg.bgImg03 div.fe dl.item03 dd ul li.haya {font-size: 3vw; width: 30%; padding: 1.5vw 1vw;}
main article div div.bg.bgImg03 div.fe dl.item03 dd ul li.price {font-size: 4.5vw; padding:1.5vw 0vw 0vw; margin-right: 0; width: 70%;}
main article div div.bg.bgImg03 div.fe dl.item03 dd ul li.sendfree {border: #b10101 0.5vw solid; font-size: 3vw; padding: 1vw 1vw; width: 55%; margin-right: 3.5vw;}	
	
	
	
main article div div.bg.bgImg03 div dl.itemMain dd.text a img{width: 95%;}/*ご購入はこちらのぶちぬき画像サイズ*/
main article div div.bg.bgImg03 div dl.itemHerf dd.text a img{width: 95%;}/*ご購入はこちらのニコイチ画像サイズ*/	
	
	
main article div.bg.bgW.point dl {
	width: 100%;
	margin: 5vw auto;
}
main article div.bg.bgW.point dl dt {
	font-size: 4vw;
	font-weight: 700;
	margin-bottom: 3vw;
}
main article div.bg.bgW.point dl dd ul {
	justify-content: space-around;
	margin-bottom: 3vw;
	width: 96%;
}
	
	
	
	
	
main article div.bg.bgW.point dl dd ul.fe > li {width: 25%;}/*花由ポイント4枚画像のサイズ*/
main article div.bg.bgW.point dl dd:last-child ul.fe > li {width:25%;}/*花由ポイント4枚画像の最後のサイズ*/

main article div.bg.bgW.qa div.bg.bgImg01 {padding: 5vw 0 10vw;}
main article div.bg.bgW.qa dl {width: 100%; margin: 0px auto; padding: 2vw;}
main article div.bg.bgW.qa dl dt {font-size: 5vw; margin: 3vw 2vw;}
main article div.bg.bgW.qa dl dd {font-size: 3vw; margin: 1vw; border-bottom: 2px dashed; padding-bottom: 5vw;}
main article div.bg.bgW.qa dl dd h3,
main article div.bg.bgW.qa dl dd h4 {font-size: 3vw;}

	
	
/*3列表示*/
	
section.item02 ul.fe{
	width:95%;
	padding:0 calc(3% / 2);
	margin:0;
	}

section ul.bnr02.fe > li,
section.item02 ul.fe > li{width:calc(98% / 4);}

h3.item02{margin-top:5vw; width:165vw;}

section.item02 ul.fe > li{margin-bottom:3vw;}
section.item02 ul.fe > li{width:calc(95% / 3);}
section.item02 ul.fe > li.empty{width:calc(98% / 3);}
	

	
	
	
/*たいとる*/
	
div.ca_title{
	width: 90%;
	font-size: 7.5vw;
	font-weight: 700;
	margin: 10vw auto 3vw;
  position: relative;
  display: inline-block;
  padding: 0 8vw;
	}		
	
.ca_title:before, .ca_title:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 8vw;
  height: 0.5vw;
  background-color: #4a241a;
}

.ca_title:before {
  left:0;
}
.ca_title:after {
  right: 0;
}	
	
	
	
	

/*すきなもので選ぶ*/

.tab_space{
	background-color: #fff;
	margin: 3vw auto 15vw;
	padding: 10vw 2vw 5vw;
	width: 96%;
}

.tab_space strong{
	font-size:7vw;
	display:block;
	font-weight:700;
	margin-bottom: 10vw;
	}

  .tab2 {
	 width: 100%;
    display: flex;
    flex-direction: row;
    text-align: center;
    background-color: #fff !important;
    margin: 0 !important;
  }
   .tab2__item {
    flex: 1;
    flex-basis: 100%;
  }
  .tab2__link {
	 width: 95%;
    display: block;
	padding: 4vw 4vw;
    text-decoration: none;
	border-radius: 25px;
    color: #fff;
    background-color: #D77474;
    cursor: pointer;
	margin-bottom: 20px;
	 font-size: 3vw;
  }
  .tab2__link.on {
    background-color: #D74040;
  }
  .tab2-body__item {
    margin: 3vw 1vw;
    display: none;
    text-align: center;
  }
  .tab2-body__item.on {
    display: block;
  }

	.tab2-body__item.on table{
	width: 100%;
	padding-bottom: 5vw;
	font-size: 4vw;
	border-collapse:separate;
 	border-spacing:0 4vw;
}
.tab2-body__item.on table tr td{width: 50%;	padding: 1vw;}
.tab2-body__item.on table tr td img{width: 100%;}	
		
	

	
	
	
	
	
footer ul.fe {width: 100%;}
footer ul.fe li,
footer ul.fe li:last-child{
	width: calc(100% / 2);
	border-right: solid 1px #e0c5c2;/*SPフッターインフォ　縦線色*/
	border-bottom: solid 1px #e0c5c2;/*SPフッターインフォ　横線色*/
	line-height: 15vw;
	height: 15vw;
}
footer h1 {width: 100%; height: 15vw;}
footer h1 a{width: 38vw; height: 15vw; margin:0 auto; line-height: 13vw; display:block;}
footer h1 a img{width:100%; height:auto;}
p.toLink a {
	width: 15vw;
	height: 15vw;
	background: no-repeat url(../img/kr-day20_nav_totop.png) center center;
	position: fixed;
	bottom: 7vw;
	right: -2vw;
	z-index: 999;
	display: block;
	background-size: 100% auto;
}

.ribbon_point2 { 
  	display: inline-block;
  	position: absolute;
	top: -7px;
	right: 3%;
	margin: 0;
	padding: 2% 4% 2% 4%;
	z-index: 1;
	text-align: center;
	color: white;
	font-size: 3.5vw;
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-weight: 600;
	background: #FF1493;
}

.ribbon_point5 { 
  	display: inline-block;
  	position: absolute;
	top: -7px;
	right: 3%;
	margin: 0;
	padding: 2% 4% 2% 4%;
	z-index: 1;
	text-align: center;
	color: white;
	font-size: 5vw;
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-weight: 600;
	background: #FF4F00;
}

.ribbon_point10 { 
  	display: inline-block;
  	position: absolute;
	top: -7px;
	right: 3%;
	margin: 0;
	padding: 2% 4% 2% 4%;
	z-index: 1;
	text-align: center;
	color: white;
	font-size: 5vw;
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-weight: 600;
	background: #FF0000;
}
	
}