@charset "UTF-8";

/* --------------------------------------------------------------------------------
			Reset
-------------------------------------------------------------------------------- */
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;
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box !important;
}

html{
  scroll-behavior: smooth;
}



h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	font-size:100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
img{
	vertical-align:top;
}
/* --------------------------------------------------------------------------------
		common	
-------------------------------------------------------------------------------- */
.device_pc{
	display: none !important;
}

.visible{
	display: block!important;
}

body{
	width: 100%;
	margin: 0 auto;
	font-size: 16px;
	font-family: "Zen Old Mincho", serif;
}
a{
	text-decoration: none;
	color: #000;
}

a:hover{
	text-decoration: none;
	color: #000;
}

a:visited{
	text-decoration: none;
	color: #000;
}

.scroll-prevent{
	overflow: hidden;
    height: 100%;
}



.ttl{
	text-align: center;
	margin: 0 0 30px;
}

.ttl h2{
	font-size: 21px;
	text-align: center;
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;
	font-family: "Zen Old Mincho", serif!important;
	
}

.ttl h2::before{
	content: '';
	display: block;
	width: 22px;
	height: 24px;
	background-image: url("https://narumiec1202.itembox.design/item/images/common/i-ttl-l.png");
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0 10px 0 0;
	
}

.ttl h2::after{
	content: '';
	display: block;
	width: 22px;
	height: 24px;
	background-image: url("https://narumiec1202.itembox.design/item/images/common/i-ttl-r.png");
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0 0 0 10px;
	
	
}

.ttl .sub-ttl{
	font-size: 10px;
	font-weight: 600;
	font-family: "Zen Old Mincho", serif!important;
}


/* --------------------------------------------------------------------------------
		floating_bnr	
-------------------------------------------------------------------------------- */

.floating_bnr{
	display: none;
	position: fixed;
	right: 0;
	bottom: 130px;
	z-index: 999;
	}
.floating_bnr .sp{
	display: none;
}

.floating_bnr ul {
	width: 200px;
}
.floating_bnr ul li {
	margin: 0 0 10px;
}

.btn {
	color: #fff;
	background: #333;
	padding: 0.2em 0.5em;
	border-radius: 50%;
	text-align: center;
	display: table;
	cursor: pinter; 
}
.btn:hover {
	cursor: pinter; 
}
.btn:active {
	background: 
rgb(127, 194, 239);
}

.action-close {
	position: relative;
	margin-top: 2em;
}
.action-close .btn {
	position: absolute;
	left: -15px;
	top: -1em;
}

.checkbox {
	display: none;
}

/* close button's control */
.action-close #close:checked ~ .btn {
	display: none;
}
.action-close #close:checked ~ .box {
	display: none;
}
@media screen and (max-width: 799px) {
.floating_bnr .pc{
		display: none !important;
	}
	.floating_bnr .sp{
		display: initial;
	}
	.floating_bnr{
		width: 97%;
		bottom: 0px;
	}
	.floating_bnr ul {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.floating_bnr ul li {
		width: 100%;
		margin: 0;
	}
	.floating_bnr img{
		width: 100%;
	}
	.action-close .btn {
		left: -10px;
		top: -1.5em;
	}
}


/* --------------------------------------------------------------------------------
		header	
-------------------------------------------------------------------------------- */
header{
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	margin: 0 0 30px;
}


header .header-inner{
	margin: 0 auto;
	padding: 20px;
}

#header h1{
	font-size: 12px;
	padding:5px 10px;
	text-align: center;
	background: #F5F5F5;
}



#header .header-warp{
	display: flex;
	justify-content: space-between;
	
}

#header .header-warp .l-warp{
	width: 33vw;
	
}


#header .header-warp .c-warp{
	display: none;
	
}

#header .header-warp .r-warp{
	width: 40%;
    padding: 0 2% 0 0;
}


#header .h_catch{
	display: none;
}


header .h_payment {

    border: solid 1px;
    padding: 3px 10px;
    margin: 0 10px 10px;
}
.h_icon_contents {
    display: flex;
    flex-direction: column;
}
.h_security {
    font-size: 11px;
    display: flex;
    letter-spacing: 0px;
    align-items: center;
    margin: 5px 0 0;
    justify-content: center;
}
.h_security img {
    width: 15px;
    margin-right: 5px;
}



#header .fs-p-headerUtilityMenu ul li{
	margin: 0 0 0 15px;
	font-size: 10px;
}

#header .fs-p-headerUtilityMenu ul li.i-login::before{
	content: '';
	
	width: 27px;
	height: 31px;
	background: url("https://narumiec1202.itembox.design/item/images/common/i-login-n.png") no-repeat ;
	object-fit: contain;
	margin: 0 auto;
    display: block;
}


#header .fs-p-headerUtilityMenu ul li.i-logout::before{
	content: '';
	width: 27px;
	height: 31px;
	background: url("https://narumiec1202.itembox.design/item/images/common/i-login-n.png") no-repeat ;
	object-fit: contain;
	margin: 0 auto;
    display: block;
}

#header .fs-p-headerUtilityMenu ul li.i-cart::before{
	content: '';
	
	width: 42px;
	height: 31px;
	background: url("https://narumiec1202.itembox.design/item/images/common/i-cart-n.png") no-repeat ;
	object-fit: contain;
	margin: 0 auto;
    display: block;
}

#header .fs-p-headerUtilityMenu ul li.i-member::before{
	content: '';
	width: 24px;
	height: 31px;
	background: url("https://narumiec1202.itembox.design/item/images/common/i-account.png") no-repeat ;
	object-fit: contain;
	margin: 0 auto;
    display: block;
	
}



#header .fs-p-headerUtilityMenu ul li.i-member{	
	display:none;	
}

.fs-p-headerUtilityMenu__list > li + li {
    margin-left: 0px;
}

.fs-pt-menu a {
    margin: 0;
    padding: 0;
    text-decoration: none;
}

.fs-p-headerUtilityMenu__list a::before {
    content: "";
    border: 0px solid transparent;
   
}



.g_menu{
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	width: 40px;
	
}
.g_menu .inner{
	width: 96%;
}
.g_menu .g_nav{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}

.g_menu .g_nav li{
	width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.g_menu .g_nav li:last-child{
	border: none;
}
.g_menu .g_nav li img{
	width: 50%;
}
.g_menu .g_nav li span{
	display: block;
	color: #f17037;
	font-size: 8px;
	padding: 3px 0 0;
}
.g_menu .ham{
	border-radius: 10px;
    z-index: 9999;
	margin: 0 0 0 2%;
}
.g_menu .ham .ham_toggle{
	display: block;
    width: 30px;
    height: 30px;
    position: relative;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.g_menu .ham .ham_btn,
.g_menu .ham .ham_btn:before,
.g_menu .ham .ham_btn:after{
	height: 2px;
	width: 100%;
	position: absolute;
	left: 0;
	background-color: #333;
	transition: 0.5s ease-in-out;
}
.g_menu .ham .ham_btn:before,
.g_menu .ham .ham_btn:after{
	content: "";
}
.g_menu .ham .ham_btn{top: 5px;}
.g_menu .ham .ham_btn:before{top: 10px;}
.g_menu .ham .ham_btn:after{top: 20px;}
.g_menu.open .ham .ham_btn{
	top: 10px;
	transform: rotate(135deg);
}
.g_menu.open .ham .ham_btn:before,
.g_menu.open .ham .ham_btn:after{
	top: 0;
	transform: rotate(90deg);
}

.g_menu .ham .ham_txt{
	display: block;
	color: #333;
	font-size: 8px;
	text-align: center;
	padding: 3px 0 0;
}


header .ham_box{
	display: none;
	position: fixed;
	left: 0;
    top: 95px;
	overflow-y: scroll;
    z-index: 9998;
    width: 100%;
    height: 100%;
	background-color: #fff;
	padding: 0 10px 30vw;
}
header .ham_box .btm_wave{
	background-color: #fff;
	padding: 0 0 40px;
}


header .ham_box .fs-p-headerUtilityMenu ul{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	padding: 0 1em;
	margin: 20px auto;
}


header .ham_box .fs-p-headerUtilityMenu ul li{
	width: 48%;
	font-size: 18px;
	text-align: center;
	background-color: #333333;
	
}
header .ham_box .fs-p-headerUtilityMenu ul li a{
	display: block;
	color: #fff;
	padding: 5px 0;
}



header .ham_box .fs-p-headerUtilityMenu ul li.i-cart{
	display: none;
}


header .ham_box .ham-bnr{
	margin: 0 0 10px;
}

header .ham_box .lead{
	font-size: 16px;
	text-align: center;
	margin: 40px 0 0;
}


header .ham_box .search_box{
	position: relative;
	margin: 40px auto;
}
header .ham_box .search_box .search_txt{
	width: 100%;
}
header .ham_box .search_box .search_txt input{
	-webkit-appearance: none;
	width: 100%;
    height: 40px;
    font-size: 14px;
    padding: 10px 60px 10px 10px;
    border: 1px solid #333;
    border-radius: 20px;
}
header .ham_box .search_box .search_btn{
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	right: 1em;
}
header .ham_box .search_box .search_btn input{
	width: 100%;
	height: 100%;
	border: none;
	padding: 0;
	text-indent: -9999px;
	cursor: pointer;
	-webkit-appearance: button;
	background: url("https://narumiec1202.itembox.design/item/images/common/i_search-n.png") no-repeat center center;
	background-size: 80% auto;
}



header .ham_box .keyword dl{
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
}

header .ham_box .keyword dl dt{
	font-size: 14px;
	margin: 0 0 10px;
	width: 100%;
}
header .ham_box .keyword dl dd{
	margin: 0 5px;
}

header .ham_box .keyword dl dd a{
	font-size: 13px;
	background: #000;
	color: #fff;
	padding: 2px 8px;
	border-radius: 12px;
}







header .ham_box .ham_nav1{
	padding: 0 1em;
	margin: 40px auto;
}
header .ham_box .ham_nav1 li{
	position: relative;
	border-bottom: solid 1px #f17037;
	padding: 10px 0;
}
header .ham_box .ham_nav1 li:after{
	content: "";
	position: absolute;
	right: 18px;
	top: 24px;
	width: 14px;
	height: 14px;
	border-top: 1px solid #f17037;
	border-right: 1px solid #f17037;
	transform: rotate(45deg);
}
header .ham_box .ham_nav1 li a{
	display: flex;
	align-items: center;
	color: #f17037;
}
header .ham_box .ham_nav1 li img{
	width: 12%;
	margin: 0 3%;
}
header .ham_box .ham_nav2{
	
	margin: 40px auto 0;
}
header .ham_box .ham_nav2 li{
	position: relative;
	border-bottom: solid 1px #ccc;
	padding: 12px 0 12px 3%;
}
header .ham_box .ham_nav2 li:after{
	content: "";
	position: absolute;
	right: 18px;
	top: 18px;
	width: 14px;
	height: 14px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	transform: rotate(45deg);
}
header .ham_box .ham_nav2 li.row-2:after {
	top: 28px;
}
header .ham_box .ham_nav2 li a{
	display: block;
	color: #000;
}
header .ham_box .ham_btm{
	padding: 50px 0;
}



header .f_compny {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	padding: 0 0 60px; 
}


header .f_compny .f_info{
	text-align: center;
}

header .f_compny .f_info .f_logo{
	text-align: center;
	margin: 0 0 40px;
}

header .f_compny .f_info .f_logo img{
	width: 100px;
}


header .f_compny .f_info .f_com{
	font-size: 16px;
	font-weight: 600;
}

header .f_compny .f_info .f_com{
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 10px;
}


header .f_compny .f_info .contact{
	font-size: 16px;
	line-height: 2;
	margin: 0 0 20px;
	
}

header .f_compny .f_info .mail_btn a{
	background: #333;
	color: #fff;
	font-size: 16px;
	padding: 5px 10px;
	display: inline-block;

}



header .ham_box #sns_list{
	padding: 0 10px 50px;
}

header .ham_box #sns_list h2{
	font-size: 23px;
	text-align: center;
	margin: 0 0 30px;
}


header .ham_box #sns_list ul{
	display: flex;
	justify-content: center;
}

header .ham_box #sns_list ul li{
	margin: 0 10px;
}




/*グローバルナビ*/


#g-nav {
	
}

#g-nav ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	
	
}

#g-nav ul li {
	width: 25%;
	
	border-right: 1px solid #000;
}

#g-nav ul li:last-child {
	border-right: 0px solid #000;
}


#g-nav ul li a{
	display: flex;
    flex-flow: column wrap;
    align-items: center;
	padding: 5px 0px;
	font-size: 8px;
}

#g-nav ul li:nth-child(3) a{
	display: flex;
    flex-flow: column wrap;
    align-items: center;
	padding: 0px;
	font-size: 8px;
}


#g-nav ul li a img{
	width: 25px;
	height: 25px;
	object-fit: contain;
}


#g-nav ul li a span{
	display: flex;
    flex-grow: 1;
    align-items: center;
    color: #000;
    font-size: 8px;
    line-height: 1.3;
    padding: 3px 0 0
	
}







/* --------------------------------------------------------------------------------
		footer	
-------------------------------------------------------------------------------- */

.fs-p-scrollingCartButton {
    position: fixed;
    right: 0;
    bottom: 150px;
    z-index: 100;
}



.pageTop{
	display: none;
	position: fixed;
	right: 0;
	bottom: 30px;
	z-index: 999;
	
}

.pageTop img{
	width: 60px;
	
}


#footer .footer-inner{
	padding: 0 10px;
	margin: 0 auto;
    position: relative;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

#footer .f_wrap{
	margin: 0 0 60px;
}

#footer .f_cal {
	margin: 0 0 60px;
}

#footer .f_cal .cal{
	text-align: center;
}

#footer .f_cal .cal iframe{
	width: 100%;
}


#footer .f_wrap .f_cal .cal_day{
	margin: 0 0 20px;
}
#footer .f_wrap .f_cal .cal_day .today{
	color: #ffebeb;
}
#footer .f_wrap .f_cal .cal_day .off{
	color: #fffebf;
}
#footer .f_wrap .f_cal .cal_att{
	font-size: 14px;
}

#footer .f_postage .postage_att{
	font-size: 14px;
}

#footer .f_postage .postage_att span.red-txt{
	color: #D73241;
}


#footer .f_wrap .f_postage table {
    border-collapse: collapse;
    border: 1px solid #000000;
    margin: 25px 0 0;
    font-size: 14px;
    border-spacing: 0;
    width: 100%;
}

#footer .f_wrap .f_postage table th {

    text-align: left;
    font-weight: normal;
    width: 80%;
    padding: 3px 5px;
	border-collapse: collapse;
    border: 1px solid #000000;
}

#footer .f_wrap .f_postage table td {
    padding: 3px 5px;
    border-collapse: collapse;
    border: 1px solid #000000;
    width: 20%;
    text-align: right;
}



#footer .f_wrap .f_deli{
	
}
#footer .f_wrap .f_deli .map{
	width: 100%;
	position: relative;
	margin: 0 auto 40px;
}
#footer .f_wrap .f_deli .map img{
	width: 100%;
}

#footer .f_wrap .f_deli .map .postage{
	display: flex;
	position: absolute;
	left:0px;
	top: 0px;
	color: #fff;
	font-size: 16px;
	line-height: 1.4;
	text-align: center;
	background-color: #cc3333;
	border-radius: 10px;
	padding: 15px 20px;
}
#footer .f_wrap .f_deli .deli_att{
	font-size: 16px;
	background-color: #fcf3e5;
	padding: 40px;
}
#footer .f_wrap .f_deli .deli_att .map-sec01{
	color: #fe6e63;
}
#footer .f_wrap .f_deli .deli_att .map-sec02{
	color: #5c8ac1;
}
#footer .f_wrap .f_deli .deli_att .map-sec03{
	color: #c7a451;
}
#footer .f_wrap .f_deli .deli_att .map-sec04{
	color: #c16b8f;
}
#footer .f_wrap .f_deli .deli_att .map-sec05{
	color: #e60012;
}

#footer .f_compny {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	padding: 0 0 60px; 
}


#footer .f_compny .f_info{
	text-align: center;
}

#footer .f_compny .f_info .f_logo{
	text-align: center;
	margin: 0 0 40px;
}

#footer .f_compny .f_info .f_logo img{
	width: 100px;
}


#footer .f_compny .f_info .txt{
	
}

#footer .f_compny .f_info .f_com{
	font-size: 16px;
	font-weight: 600;
}

#footer .f_compny .f_info .f_com{
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 10px;
}


#footer .f_compny .f_info .contact{
	font-size: 16px;
	line-height: 2;
	margin: 0 0 20px;
	
}

#footer .f_compny .f_info .mail_btn a{
	background: #333;
	color: #fff;
	font-size: 16px;
	padding: 5px 10px;
	display: inline-block;

}


#bland-list{
	margin: 0 0 60px;
}

#bland-list .bland-box{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 50px 0 80px; 
}

#bland-list .bland-box .img{
	margin: 0 0 20px;
	min-height: 120px;
}

#bland-list .bland-box h3{
	font-size: 24px;
	padding: 0 10px 10px;
	border-bottom: 1px solid #333333;
}

#bland-list .bland-box p{
	font-size: 20px;
	margin: 10px 0 30px;
	
}

#bland-list .cart-btn a {
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 40px;
    background: #fff;
}


#bland-list .bland01 {
	background: #BADAA1;

}


#bland-list .bland02 {
	background: #EDC7A3;
}

#bland-list .bland03 {
	background: #C8E6E4;
}






#footer .f_menu {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	margin: 0 auto 60px;
}


#footer .f_menu .f_nav{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0 10px
}


#footer .f_menu .f_nav dl{
	width: 48%;
}

.f_menu .f_nav dl dt{
	font-size: 16px;
	border-bottom: solid 1px #ccc;
	padding: 0 0 8px;
	margin: 0 0 15px;
}
.f_menu .f_nav dl dd{
	font-size: 14px;
	margin: 0 0 40px;
}
.f_menu .f_nav dl dd li{
	padding: 3px 0;
}
.f_menu .f_nav dl dd li a{
	color: #000;
}
.f_menu .f_nav dl dd li.f-largeorder a {
    border: double 5px #ffffff;
    padding: 7px;
    display: block;
    color: #fff !important;
    background-color: #C9AA79;
    letter-spacing: 1px;
}


.copy{
	width: 100%;
	font-size: 12px;
	text-align: center;
	padding: 25px 0 160px;
}

/* フッター　モールバナー */
#footer .f_mall {
	text-align: center;
	padding-bottom: 100px;
}
#footer .f_mall .title {
	font-size: 18px;
    font-weight: 600;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    margin: auto;
}
#footer .f_mall a {
	display: block;
}
#footer .f_mall ul {
	display: flex;
    justify-content: center;
	flex-wrap: wrap;
    gap: 20px;
    padding-top: 20px;
}
#footer .f_mall .bnr img {
	width: auto;
}

/* フッター GMOグローバルサイン,jffs-b */
#footer .f_secure_wrapper {
	display: flex;
	flex-direction: column-reverse;
	margin-bottom: 20px;
}
#footer .secure {
    display: block;
    text-align: center;
}
#footer .secure.f_jfs-b {
    margin-bottom: 25px;
}
#footer #ss_gmo_globalsign_secured_site_seal img {
	width: 120px;
    margin-bottom: 10px;
}
#footer .f_jfs-b img {
	width: 80px;
    margin-bottom: 10px;
}
#footer .secure p {
    font-size: 12px;
}

/* --------------------------------------------------------------------------------
		top
-------------------------------------------------------------------------------- */
/*スライダー*/

#mv{
 
}



#mv ul.slider li {
    padding: 0 10px;
}

#mv .slick-next {
    /*right: 14%;*/
	right: 1%;
}

#mv .slick-prev {
    /*left: 14%;*/
	left: 1%;
}


#mv .slick-prev,
#mv .slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 99;
}


#mv .slick-prev:before, #mv .slick-next:before {
    font-family: 'slick';
    font-size: 40px;
    line-height: 1;
    opacity: .75;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


#mv .slick-dots li button:before{
   
    font-size: 16px;
}



/*RECOMMEND*/

#recommend-item{
	padding: 60px 10px 50px;
}

#recommend-item ul{
	margin: 75px 0 0;
}

#recommend-item ul li{
	position: relative;
	margin: 0 0 60px;
}

#recommend-item ul li:last-child{
	margin: 0 ;
}


#recommend-item ul li h3{
	background: #d83241;
	color: #fff;
	font-size: 18px;
	text-align: center;
	padding: 10px;
	position: absolute;
	top:-25px;
	left: 0;
	right: 0;
	width: 90%;
	margin: 0 auto;
}

#recommend-item ul li .img{
	margin: 0 0 15px;
	
}


#recommend-item ul li img{
	
}

#recommend-item ul li h4{
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 15px;
	
}


#recommend-item ul li .txt{
	margin: 0 0 15px;
	
}


#recommend-item ul li .txt dl{
	display: flex;
	align-items: center;
	margin: 0 0 10px;
}


#recommend-item ul li .txt dl dd{
	border: 1px solid #000;
	font-size: 14px;
	padding: 3px 10px;
	margin: 0 7px 0 0;
}


#recommend-item ul li .txt .price {	
	font-size: 14px;
	
}

#recommend-item ul li .txt .price span{	
	font-size: 26px;
	color: #D73241;
}


#recommend-item ul li .txt p{	
	font-size: 14px;
}



/*bland-select*/

#bland-select{
	padding: 0 10px 50px;
}


#bland-select h2{
	font-size: 23px;
	text-align: center;
	margin: 0 0 30px;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#bland-select h2::before{
	content: '';
	width: 20vw;
	height: 1px;
	border-bottom: 1px solid #000;
	display: block;
    
}

#bland-select h2::after{
	content: '';
	width: 20vw;
	height: 1px;
	border-bottom: 1px solid #000;
	display: block;
    
}


#bland-select ul{
	
    
}

#bland-select ul li{
	margin: 0 0 40px;
	
}

#bland-select ul li .img img{
	width: 100%;
}

#bland-select ul li .img{
	margin: 0 0 15px;
}

#bland-select ul li h3{
	font-size: 18px;
	display: flex;
	align-items: center;
	margin: 0 0 5px;
}
#bland-select ul li h3 img{
	margin: 0 15px 0 0;
}


#bland-select ul li p{
	font-size: 14px;
	padding: 0 0 0 45px;
}



/*ranking*/

#ranking{
	padding:0 0 50px;
}



#ranking .tab-wrap{
  
	
}
 
#ranking .tab-wrap ul {
	display: flex;
	justify-content: center;
  
}
 
#ranking .bland01 {
	background: #BADAA1;
}

#ranking .bland02 {
	background: #EDC7A3;
}

#ranking .bland03 {
	background: #C8E6E4;
}


#ranking .tab-btn {
	width: 33%;
	cursor: pointer;
	font-size: 12px;
	margin: 0 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 5px 5px;
	text-align: center;
	
}

#ranking .tab-btn img{
	height: 30px;
	object-fit: contain;
	padding:0 0 5px ;
}

 
#ranking .tab-btn.show {
  /*background: #02B7A8;
  color: #fff;
	text-align: center!important;*/
}
 
#ranking .tab-contents {
	display: none;
	padding: 35px 0 35px;
	
}


#ranking .tab-contents.show {
  display: block;

}

#ranking .tab-inner {
	width: 96%;
	margin: 0 auto;
	position: relative;
}



#ranking .tab-contents .round{
	display: none;
	position: absolute;
	width: 110px;
	left: 0px;
	top:0px;
  animation: rotate_anime 14s linear infinite;
}
@keyframes rotate_anime {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


#ranking .tab-contents p.lead{
	text-align: center;
	font-size: 14px;
	margin: 0 0 30px;
	
}


#ranking .tab-contents ul.itemlist{
	display: flex;
	justify-content: flex-start;
	overflow-x: scroll;
	
}

#ranking .tab-contents ul.itemlist li{
	flex-shrink: 0;
	width: 180px;
	margin: 0 10px;
	position: relative;
	padding: 30px 0 0;
}

#ranking .tab-contents ul.itemlist li .num{
	text-align: center;
	margin: 0 0 10px;
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
	width: 70px;
	margin: 0 auto;
	z-index: 99;

}

#ranking .tab-contents ul.itemlist li .num img{
	height: 50px;
	object-fit: contain;
}


#ranking .tab-contents ul.itemlist li .img{
	text-align: center;
	margin: 0 0 10px;
	
}


#ranking .tab-contents ul.itemlist li .name{
	font-size: 14px;
	margin: 0 0 10px;
}

#ranking .tab-contents ul.itemlist li .price{
	/*text-align: right;*/
	font-size: 14px;
	
}


#ranking .tab-contents ul.itemlist li .price span{
	/*text-align: right;*/
	font-size: 22px;
	color: #D73241;
	
}


#ranking .tab-contents .cart-btn{
	text-align: center;
	margin: 60px 20px 0;

}


#ranking .tab-contents .cart-btn a{
	display: block;
	font-size: 16px;
	padding: 10px 30px;
	border-radius: 60px;
	background: #fff;

}




#ranking .tags {
	margin-bottom: 5px;
	display: flex;
	justify-content: flex-start!important;
	flex-wrap: wrap;
	gap: 5px 3px;
}
#ranking .tags li {
	margin: 0 !important;
	width: auto !important;
	padding: 0 !important;
}
#ranking .tags .label {
	border-radius: 3px;
	/* margin-right: 2px; */
	color: #fff;
	font-size: 12px;
	line-height: 1;
	padding: 4px 8px;
}
#ranking .tags .frozen {
	background: #0046c9;
}
#ranking .tags .free {
	background: #ff730c;
}
#ranking .tags .gift {
	background: #df2525;
}
#ranking .tags .include {
	background: #99c646;
}
#ranking .price span {
	font-size: 23px;
	font-weight: bold;
	color: #cc3333;
}











/*#bnr-area*/

#bnr-area{
	padding: 0 10px 50px;
}

#bnr-area ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	
	
}

#bnr-area ul li{
	margin: 0 0 20px;
	text-align: center;
}

#bnr-area ul li:last-child{
	margin: 0 ;
}



/*news*/

#news{
	padding: 0 10px 50px;
}

#news .news_list{
	padding: 0;
	margin: 0 auto;
}

#news .news_list li{
	border-bottom: solid 1px #ccc;
}

#news .news_list li .date{
	margin: 20px 0 10px;
	font-size: 12px;

}

#news .news_list li .content{
	margin: 0 0 20px;
	display: flex;
	align-items: center;
}

#news .cat {
	background-color: #000;
	padding: 3px 8px;
	margin-right: 20px;
	border-radius: 5px;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
}

#news .txt {
	width: calc( 100% - 115px );
	font-size: 14px;
}

#news a {
	color: #000;
}

#news a:hover {
	color: #000;
}



/*BLAND*/

#bland{
	padding: 0 0 50px;
}

#bland .bland01 {
	background: #BADAA1;
}

#bland .bland02 {
	background: #EDC7A3;
}

#bland .bland03 {
	background: #C8E6E4;
}

#bland .bland-box {
	padding: 50px 10px 30px;
}

#bland .bland-box .inner{
	display: flex;
	flex-direction: column-reverse;
}


#bland .bland-box .inner .txt{
	text-align: center;
}


#bland .bland-box .inner .txt h3{
	font-size: 24px;
	margin: 0 0 20px;
	
}

#bland .bland-box .inner .txt h3 span{
	font-size: 18px;
	display: block;
	margin: 10px 0 0 ;
}

#bland .bland-box .inner .txt p{
	font-size: 14px;
	margin: 0 0 20px;
	
}


#bland .bland-box .inner .txt ul{
	display: flex;
	justify-content: center;
	margin: 60px 0 0;
	
}

#bland .bland-box .inner .txt ul li{
	width: 200px;
	margin: 0 10px;
	
}

#bland .bland-box .inner .txt ul li img{
	margin: 0 0 10px ;
	
}

#bland  .cart-btn{
   margin: 40px auto;
}



#bland .cart-btn a {
    font-size: 18px;
    padding: 15px 60px;
    border-radius: 40px;
    background: #fff;
}



#bland .bland-box .img {
	
	position: relative;

}


#bland .bland-box .img .round{
	width: 120px;
	position: absolute;
	right: 15px;
	top:-30px;
	animation: rotate_anime 14s linear infinite;
}


#bland .bland-box .bland-img {
	width: 80%;
	box-shadow: 12px 12px 0px 2px #fff;
	margin: 0 auto 40px;

}




/*How to eat*/

#how-to-eat{
	padding: 30px 10px 60px ;
}

#how-to-eat h2{
	font-size: 20px;
}


#how-to-eat ul{
	display: flex;
	overflow-x: scroll;
}


#how-to-eat ul li{
	flex-shrink: 0;
	margin: 0 10px;
	width: 280px;
}

#how-to-eat ul li .img img{
	width: 280px;
}

#how-to-eat ul li .meta{
	margin: -15px 0 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

#how-to-eat ul li .img {
	margin: 0 0 10px;
}

#how-to-eat ul li .meta .ico{
	color: #fff;
	font-size: 12px;
	padding: 5px 10px;
	background: #333333;
}
#how-to-eat ul li .meta .time{
	font-size: 12px;
	
}
#how-to-eat ul li .txt {
	margin: 10px 0 0;
	font-size: 14px;
	text-align: center;
	padding: 0 0 20px;
	
}



/*sns*/

#sns{
	padding: 0 10px 50px;
}

#sns h2{
	font-size: 23px;
	text-align: center;
	margin: 0 0 30px;
}


#sns ul{
	display: flex;
	justify-content: center;
}

#sns ul li{
	width: 45px;
	margin: 0 10px;
}


/*support*/

#support{
	padding: 0 10px 50px;
}

#support ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#support ul li{
	width: 48.5%;
	border: 1px solid #333;
	border-radius: 20px;
	margin: 0 0 15px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 20px 10px;
}


#support ul li .img{
	margin: 0 0 20px;
	width: 60px;
}


#support ul li h3{
	font-size: 16px;
	margin: 0 0 10px;
	font-weight: 600;
}


#support ul li h3 span{
	font-size: 12px;
	
}


#support ul li p{
	font-size: 14px;
	margin-top: auto;
	
}





/*about*/

#about{
	background:url("https://narumiec1202.itembox.design/item/images/common/about-bg.jpg") no-repeat right bottom;
	background-size: cover;
	width: 100%;
	margin: 0 auto 50px;
}

#about .txt{
	background:rgba(255,255,255,0.8);
	padding: 50px 10px;
}

#about .txt h2{
	font-size: 23px;
	margin: 0 0 40px;
}

#about .txt p{
	font-size: 20px;
	line-height: 2;
	
}


/*origin*/

#origin{
	padding: 50px 10px 0;
}

#origin h3{
	font-size: 23px;
	text-align: center;
	margin: 0 0 30px;
}


#origin p{
	font-size: 16px;
	text-align: center;
	margin: 0 auto 40px;
}


#origin .img{
	font-size: 20px;
	text-align: center;
	margin: 0 0 40px;
}

#origin .jfs-b_btn {
	text-align: center;
	margin: 55px auto 65px;
}

#origin .jfs-b_btn p {
	display: block;
	width: max-content;
	font-size: 18px;
	padding: 15px 60px;
	border-radius: 40px;
	background-color: #000;
	color: #fff;
}

#origin .jfs-b_btn p:hover {
	opacity: 0.8;
}

#origin .jfs-b-img img {
	width: 200px;
}

#origin dialog.jfs-b_thum {
    padding: 1.5rem;
    border: none;
    border-radius: 0.5rem;
    text-align: center;
    width: 480px;
    max-width: 90%;
}

#origin dialog.jfs-b_thum .jfs-b_btn {
    margin: 10px auto 0;
}

#origin dialog.jfs-b_thum .jfs-b_btn p {
	display: block;
	margin-bottom: 0;
	font-size: 14px;
	padding: 8px 30px;
}

#origin dialog.jfs-b_thum::backdrop {
	background-color: rgba(0, 0, 0, 0.5);
}

#origin dialog.jfs-b_thum:focus {
    outline: none;
}


/*flow*/


h2.heading_ttl{
	font-size: 28px;
	letter-spacing: 0.05em;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	text-align: center;
	background: url("https://narumiec1202.itembox.design/item/images/common/heading.png") repeat-x left bottom;
	background-size: 10% auto;
	padding: 20px 0 12px;
	margin: 0 10px 40px;
}



#flow{
	padding: 50px 0 0;
}

#flow .inner{
	background: #EDEDED;
	padding: 40px 10px;
}


#flow ul li{
	background: #fff;
	padding: 12px 0px;
	margin: 0 0 20px;
	position: relative;
}

#flow ul li::before{
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-top: 15px solid #fff; 
    border-right: 25px solid transparent;
    border-left: 25px solid transparent;
}

#flow ul li:last-child{
   margin: 0;
}

#flow ul li:last-child::before{
   display: none;
}


#flow ul li .img{
    width: 50px;
    height: 50px;
    object-fit: contain;
    text-align: center;
    position: absolute;
    right: 25px;
	top:40px;
}

#flow ul li:nth-child(4) .img{
   width: 45px;
}


#flow ul li:nth-child(5) .img{
   width: 40px;
}


#flow ul li .txt{
	padding: 0 10px;
}

#flow ul li .txt .step{
	margin: 0 0 10px;
	background: #EDEDED;
	font-size: 14px;
	display: inline-block;
	padding: 2px 5px;
	
}

#flow ul li .txt h3{
	margin: 0 0 15px;
	font-size: 23px;
	font-weight: 600;
	
}

#flow ul li .txt p{
	font-size: 14px;

}

#flow ul li .txt p span{
	font-size: 18px;
	color: #D73241;

}




/* --------------------------------------------------------------------------------
		gift
-------------------------------------------------------------------------------- */
#gift{
	width: 100%;
	padding: 40px 0 80px;
}
#gift h2.heading_ttl{
	font-size: 24px;
}
#gift .gift_list{
	padding: 10px 0 0;
	margin: 0 10px;
}
#gift .gift_list li{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	border-bottom: dashed 1px #ccc;
	padding: 0 0 30px;
	margin: 0 0 30px;
}
#gift .gift_list li:last-child{
	border: none;
}
#gift .gift_list li .img{
	width: 37%;
}
#gift .gift_list li .img img{
	width: 100%;
}
#gift .gift_list li .txt{
	width: 60%;
}
#gift .gift_list li .txt .ttl{
	font-size: 18px;
	margin: 0 0 5px;
}
#gift .gift_list li .txt .content{
	font-size: 12px;
	line-height: 1.5;
}
#gift .gift_att{
	color: #fff;
	font-size: 16px;
	text-align: center;
	padding: 20px 0;
	background-color: #ac7f79;
	margin: 0 10px;
}

/* --------------------------------------------------------------------------------
		ポップアップクーポンコード表示
-------------------------------------------------------------------------------- */
#couponPopup-main .popup {
    display: none; /* 初期状態では非表示 */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 999;
}
#couponPopup-main .popup-content {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    width: 90%;
    position: relative;
}
#couponPopup-main h3 {
    border-bottom: solid 1px;
    border-top: solid 1px;
    padding: 7px 0;
    margin: 13px 0;
    font-family: "Zen Old Mincho", serif !important;
    font-weight: 900;
    letter-spacing: 0px;
}
#couponPopup-main .coupon-title {
    font-size: 25px;
    font-weight: bold;
    padding: 10px 0;
    color: #f73b3b;
}
#couponPopup-main .coupon-code {
    font-size: 16px;
    background: #f2f2f2;
    padding: 10px 0;
    font-weight: bold;
    font-family: "Zen Old Mincho", serif !important;
    font-weight: 600;
    letter-spacing: 0px;
}
#couponPopup-main .att-txt {
    font-size: 13px;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
#couponPopup-main button {
    margin: 25px 0 10px;
    padding: 10px 20px;
    background: #e75555;
    color: #fff;
    border: none;
    border-radius: 30px;
    transition: all 0.3s;
    font-size: 15px;
    font-family: "Zen Old Mincho", serif !important;
    font-weight: 600;
    letter-spacing: 0px;
}
#couponPopup-main button:hover {
    cursor: pointer;
    opacity: 0.7;
    transition: all 0.3s;
}
#couponPopup-main .howto {
    font-size: 13px;
    margin: 5px 0;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
#couponPopup-main .show-button {
    position: fixed;
    bottom: 10px;
    left: 10px;
    background-color: #e75555;
    color: white;
    padding: 13px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 14px;
    flex-direction: column;
    width: 100px;
    height: 100px;
    justify-content: center;
    transition: all 0.3s;
    z-index: 999;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
#showPopupButton:hover {
    background-color: #c13f3f;
    transition: all 0.3s;
}
#couponPopup-main #showPopupButton #buttonCountdown {
    font-size: 12px;
    font-weight: bold;
}
#couponPopup-main #showPopupButton .time {
    font-size: 12px;
    font-weight: bold;
}
#couponPopup-main #showPopupButton .icon {
    width: 35px;
    padding: 5px 0;
}
#couponPopup-main #showPopupButton .txt {
    font-size: 11px;
    font-weight: bold;
    margin: 0;
}



/* --------------------------------------------------------------------------------
		レビュー数表示
-------------------------------------------------------------------------------- */
.productRating {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	font-size: 12px;
	margin-bottom: 8px;
}
.fs-c-rating {
	display: flex;
}
.fs-c-reviewStars::before {
	letter-spacing: -2px;
}
.fs-c-rating__value {
	margin-left: 5px;
}
.ratingcount-0{
	display:none;
}


/* --------------------------------------------------------------------------------
		soft-donut
-------------------------------------------------------------------------------- */
#soft-donut .fv {
	margin-bottom: 20px;
}
#soft-donut .fv img {
	object-fit: cover;
	height: 280px;
}
#soft-donut h1 {
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 30px;
    letter-spacing: 1px;
    line-height: 30px;
}
#soft-donut .l_toc {
	margin: 40px 0; 
	width: 100%;
	border: 1px solid #333;
    padding: 10px 20px;
}
#soft-donut .toc-ttl-container {
	font-size: 20px;
	font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
}
#soft-donut .toc-ttl-container p {
	margin-bottom: 0;
}
#soft-donut .l_toc ol {
	margin: 10px 0;
}
#soft-donut .l_toc li {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
}
#soft-donut .l_toc li a {
	font-size: 16px;
    letter-spacing: 1px;
}
#soft-donut .l_toc .child_ol li {
	position: relative;
	font-size: 16px;
	font-weight: normal;
	padding-left: 20px;
}
#soft-donut .l_toc .child_ol li::before {
	position: absolute;
	display: inline-block;
	content: "";
    width: 6px;
    height: 6px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    transform: rotate(45deg);
    top: 2px;
    bottom: 0;
    left: 6px;
    margin: auto;
	margin-left: 0;
    vertical-align: middle;
}
#soft-donut h2 {
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 0px;
    border-bottom: solid 5px #EDC7A3;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
#soft-donut h3 {
    font-size: 17px;
    font-weight: 800;
    letter-spacing: 1px;
    border-left: solid 5px #EDC7A3;
    padding-left: 10px;
    margin-bottom: 25px;
}
#soft-donut p {
	margin-bottom: 40px;
}
#soft-donut .recipe-ttl {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 800;
    letter-spacing: 1px;
    background: #edc7a3;
    display: inline-block;
    color: #fff;
    padding: 3px 15px;
}
#soft-donut h5 {
    font-weight: 800;
    letter-spacing: 1px;
    margin-bottom: 10px;
}



.about-product {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    background-color: #F4F4F4;
}
.about-product .about-product-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.about-product .product-contents {
    text-align: center;
    padding: 20px;
    position: relative;
}
.about-product .product-contents .img img {
    width: 100%;
    height: auto;
}
/* li要素の高さを内容に応じて自動調整 */
.about-product .about-product-list li {
    height: auto;
}
.about-product .detail {
    padding: 10px;
    width: auto;
    background: rgb(255 255 255 / 70%);
}
.about-product .toggle-text {
    display: inline-block;
    margin-top: 10px;
    padding: 10px 75px;
    border: none;
    cursor: pointer;
    border: solid 1px;
}
.about-product .slick-slide {
    max-width: none !important; /* 最大幅を無効にする */
    margin: 0 auto; /* スライドを中央に配置 */
}
/* .slider内の要素も高さを自動調整 */
.about-product .slider .slick-slide {
    height: auto;
}
/* 矢印 */
.about-product .slick-next {
    right: 10px;
}
.about-product .slick-prev {
    left: 10px;
    z-index: 999;
}
.about-product .slick-prev,.about-product .slick-next {
    width: 40px;
    height: 40px;
}
.about-product .slick-prev:before, .about-product .slick-next:before {
    font-size: 40px;
}


/* --------------------------------------------------------------------------------
		トップレビュー一覧
-------------------------------------------------------------------------------- */
#review_display_wrap .top-reviews-list {
    width: 100%;
    margin: 40px auto;
    padding: 25px 15px 0;
    border-top: solid 1px;
}
#review_display_wrap .top-reviews-list li {
	padding: 0 10px;
	border: none;
}
#review_display_wrap .top-reviews-list .fs-c-reviewList__item__product {
	display: flex;
	flex-direction: row;
	gap: 10px;
	margin-bottom: 8px;
}
#review_display_wrap .top-reviews-list .fs-c-reviewProduct__image {
	margin-bottom: 0;
	width: 20%;
}
#review_display_wrap .top-reviews-list .fs-c-reviewProduct__info {
	width: 80%;
}
#review_display_wrap .top-reviews-list .slick-slide img {
	width: 100%;
}
#review_display_wrap .top-reviews-list .fs-c-productName__name {
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 20px;
}
#review_display_wrap .top-reviews-list .fs-c-reviewList__item__body {
	letter-spacing: 1px;
	margin: 8px 0;
	font-size: 16px;
	line-height: 24px;
}
#review_display_wrap .slick-prev,
#review_display_wrap .slick-next {
	top: -4%;
    width: 25px;
    height: 25px;
}
#review_display_wrap .slick-prev:before,
#review_display_wrap .slick-next:before {
	font-family: 'slick';
	font-size: 25px;
	line-height: 1;
	opacity: .75;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#review_display_wrap .slick-prev {
    left: inherit;
    right: 55px;
}
#review_display_wrap .slick-next {
	right: 20px;
}
#review_display_wrap .more-review-btn {
    text-align: center;
    margin: 20px auto 40px;
    display: block;
    border-radius: 30px;
    border: solid 1px;
    width: 230px;
    font-size: 16px;
    padding: 8px;
}


/* --------------------------------------------------------------------------------
		レビュー一覧ページ
-------------------------------------------------------------------------------- */
#fs-review-all .fs-p-announcement {
    margin: 32px 0;
    background-color: #EDEDED;
    padding: 25px 20px;
    border-radius: 10px;
}
#fs-review-all .fs-p-announcement__title {
    color: #000000 !important;
    font-size: 1.8rem !important;
    font-weight: bold !important;
    border-bottom: solid 1px;
    padding-bottom: 10px;
}
#fs-review-all .fs-c-reviewList__item__product {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    margin-bottom: 8px;
}
#fs-review-all .fs-c-reviewProduct__image {
    margin-bottom: 0;
    width: 35%;
}
#fs-review-all .fs-c-productImage__image {
    width: 100%;
}
#fs-review-all .fs-c-reviewProduct__info {
    width: 65%;
}

/* --------------------------------------------------------------------------------
		母の日
-------------------------------------------------------------------------------- */
#md .md-ttl {
	margin-top: 70px;
}
#md .ranking .tab-wrap ul {
	display: flex;
	justify-content: center;
}
#md .ranking .age01 {
  background: #FFDBAB;
}
#md .ranking .age02 {
  background: #FFC8BE;
}
#md .ranking .age03 {
  background: #BADAA1;
}
#md .ranking .age04 {
  background: #C8E6E4;
}
#md .ranking .age05 {
  background: #A6A9D6;
}
#md .ranking .tab-btn {
    width: 100%;
    cursor: pointer;
    font-size: 15px;
    margin: 0 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
	font-weight: bold;
}
#md .ranking .tab-btn img{
  padding:0 10px 0 0 ;
}
#md .ranking .tab-btn.show {
  /*background: #02B7A8;
  color: #fff;
  text-align: center!important;*/
}
#md .ranking .tab-contents {
  display: none;
  padding: 0 10px 40px;
}
#md .ranking .tab-contents.show {
  display: block;
}
#md .ranking .tab-inner {
  /*width: 1070px;*/
  margin: 0 auto;
  position: relative;
}
#md .ranking .tab-contents ul.itemlist{
	display: flex;
	justify-content: flex-start;
	overflow-x: scroll;
}
#md .ranking .tab-contents ul.itemlist li{
	flex-shrink: 0;
	width: 180px;
	margin: 0 10px;
	position: relative;
	padding: 30px 0 0;
}
#md .ranking .tab-contents ul.itemlist li .num{
  text-align: center;
  margin: 0 0 10px;
}
#md .ranking .tab-contents ul.itemlist li .img{
  text-align: center;
  margin: 0 0 10px;
}
#md .ranking .tab-contents ul.itemlist li .name {
    font-size: 15px;
    letter-spacing: 0px;
    line-height: 20px;
    margin: 0 0 10px;
}
#md ranking .tab-contents ul.itemlist li .price{
  /*text-align: right;*/
  font-size: 16px;  
}
#md .ranking .tab-contents ul.itemlist li .price span{
  /*text-align: right;*/
  font-size: 24px;
  color: #D73241;
}
#md .ranking .tab-contents .cart-btn{
  text-align: center;
  margin: 60px 0 0;
}
#md .ranking .tab-contents .cart-btn a{
  font-size: 20px;
  padding: 20px 60px;
  border-radius: 40px;
  background: #fff;
}
#md .ranking .tags {
  margin-bottom: 5px;
  display: flex;
  justify-content: flex-start!important;
  flex-wrap: wrap;
  gap: 5px 3px;
}
#md .ranking .tags li {
  margin: 0 !important;
  width: auto !important;
  padding: 0 !important;
}
#md .ranking .tags .label {
  border-radius: 3px;
  /* margin-right: 2px; */
  color: #fff;
  font-size: 12px;
  line-height: 1;
  padding: 4px 8px;
}
#md .ranking .tags .frozen {
  background: #0046c9;
}
#md .ranking .tags .free {
  background: #ff730c;
}
#md .ranking .tags .gift {
  background: #df2525;
}
#md .ranking .tags .include {
  background: #99c646;
}
#md .ranking .price span {
  font-size: 23px;
  font-weight: bold;
  color: #cc3333;
}
#md .catch {
	margin: 30px 0;
}
#md .catch h4 {
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  color: #aa0000;
  text-align: center;
  font-size: 20px;
  margin-bottom: 10px;
  line-height: 30px;
  font-weight: bold;
}
#md .catch p {
  text-align: center;
  font-size: 16px;
}
#md .haisou {
  text-align: center;
  margin: 15px 0 40px;
}
#md .haisou h4 {
  color: #aa0000;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 30px;
}
#md .haisou p {
	font-size: 16px;
  margin: 5px 0 0;
}
#md .haisou p span {
  border-bottom: solid 2px;
  font-weight: bold;
}
#md .haisou p .red {
  color: #aa0000;
}
#md .product-category {
}
#md .product-category h3 {
    color: #fff;
    font-size: 17px;
    letter-spacing: 0px;
    font-weight: bold;
    padding: 20px 10px;
    text-align: center;
}
#md .product-category h3.desert {
  background-color: #faa1a1;
}
#md .product-category .category-img {
  margin: 20px 0;
}
#md .product-category .product-list {	
}
#md .product-category ul.product-list li{
	margin-bottom: 15px;
}
#md .product-category ul.product-list li a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin: 0 auto;
}
#md .product-category .product-list li .product-img{
	width: 40%;
}
#md .product-category .product-list li .txt{
  width: 60%;
}
#md .product-category .product-list .name {
    font-size: 17px;
    font-weight: bold;
    text-align: left;
    line-height: 21px;
    margin-bottom: 10px;
}
#md .product-category .product-list .price {
    text-align: left;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 0px;
}
#md .who {
  margin-bottom: 40px;
}
#md .who ul li {
  border-top: solid 1px #fff;
  padding: 10px 0;
  background-color: #7c4105;
  transition: .2s;
  text-align: center;
}
#md .who ul li:hover,
#md .all-btn:hover  {
  opacity: 0.7;
  transition: .2s;
}
#md .who ul li a {
	font-size: 16px;
  color: #fff;
  text-decoration: none;
  display: block;
}
#md ul.price {
	display: flex;
	justify-content: space-between;
	margin: 10px 0 20px;
	flex-direction: column;
	gap: 7px;
}
#md ul.price li {
	padding: 13px 15px;
  background-color: #F18080;
  transition: .2s;
  border-radius: 10px;
  text-align: center;
    display: block;
}
#md ul.price li:hover {
  opacity: 0.7;
  transition: .2s;
}
#md ul.price li a {
	font-size: 22px;
  color: #fff;
  text-decoration: none;
  display: block;
  line-height: 35px;
  letter-spacing: 1px;
  font-weight: bold;
}
#md ul.price li a span {
	font-size: 20px;
}
/*#md .ranking .txt {
  text-align: center;
  font-weight: bold;
  font-size: 36px;
  margin: 40px 0;
  letter-spacing: 2px;
}
#md .ranking .txt span {
  color: #aa0000;
  border-bottom: solid 3px;
}*/
#md .all-btn {
    padding: 7px;
    background-color: #F18080;
    transition: .2s;
    border-radius: 10px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    display: block;
    text-align: center;
    margin: 10px auto 35px;
    text-decoration: none;
}
  #md .yohaku td {
	padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
}
#md .select-title {
    background-color: #ffdbc7;
    color: #5f302a;
    font-size: 24px;
    font-weight: 600;
    padding: 7px;
    text-align: center;
}
#md ul.generation {
    display: flex;
    justify-content: center;
    margin: 20px 0 35px;
    flex-wrap: wrap;
    gap: 10px;
}
#md ul.generation li {
    background-color: #F18080;
    transition: .2s;
    border-radius: 10px;
    display: flex;
    align-items: center;
}
#md ul.generation li a {
    font-size: 23px;
    color: #fff;
    text-decoration: none;
    display: block;
    letter-spacing: 1px;
    font-weight: bold;
    padding: 10px 23px;
}