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


@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');


body {
	
}
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;
	letter-spacing: 0.1em;
	font-weight: normal;
}
*, *: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;
}
input, textarea {
	font-weight: normal;
	font-size: 100%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
input, textarea, select {
	font-family: 'Noto Serif Japanese', serif, sans-serif;
}
a {
	overflow: hidden;
	outline: none;
	text-decoration: none;
	color: #333;
}
a:hover, a:active {
	text-decoration: underline;
	opacity: 0.8;
}
input[type="text"]:focus {
	outline: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	border: none;
	-ms-interpolation-mode: bicubic;
	vertical-align: bottom;
}
a img {
	border: none;
}
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70); /* ie7 */
	-ms-filter: "alpha(opacity=70)"; /* ie8 */
}
/* --------------------------------------------------------------------------------
	
-------------------------------------------------------------------------------- */
html, body {
	height: 100%;
	margin: 0;
}


.fs-preview-header {
    background: #ddd;
    color: #333;
    border-bottom: 1px solid #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    padding: 6px 16px;
    display: none;
}





/* --------------------------------------------------------------------------------
	
-------------------------------------------------------------------------------- */
body {
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
}
.fs-l-header__contents > * {
	padding: 0;
}

.top-main {
    margin: 24vw 0 0;
	height: auto!important
}

.fs-l-footer__contents > * {
    padding: 0;
}


/* --------------------------------------------------------------------------------
	
-------------------------------------------------------------------------------- */
.device-pc {
	display: none !important;
}
.device-sp {
	display: block !important;
}
/* --------------------------------------------------------------------------------
	container
-------------------------------------------------------------------------------- */
#container {}


section {
	margin: 0 0 30px;
	
}





/* --------------------------------------------------------------------------------
	header
-------------------------------------------------------------------------------- */


#header a {
	color: #000;
	text-decoration: none;
}
#header {
	position: absolute;
	color: #fff;
	z-index: 9999;
	width: 100%;
	height: 80px;
	top: 0;
	background: #fff;
	
}
.header-inner {
	padding: 10px 1em;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header-inner h1 {
	width: 29vw;
}

.header-inner h1 img{
	width: 150px;
}


#header .regist {
	width: 55px;
	text-align: center;
}


#header .login {
 width: 55px;
	text-align: center;
	margin-left: auto;
}


#header .login .fs-pt-menu__link{
	letter-spacing: -0.12em;
}

#header .h-cart{
	width: 55px;
	text-align: center;
    
}


.header-inner a{
	font-size: 10px;
	display: block;
}


#header .login a {
	margin: 0;
	padding: 0;
   
}

#header .regist a::before {
    content: '';
    display: block;
    width: 38px;
    height: 38px;
    background: url(https://www.ngdh.shop/images/common/i-login-sp.jpg) no-repeat;
   background-size: contain;
    vertical-align: middle;
    margin: 0 auto ;
}


#header .fs-p-headerUtilityMenu__login a::before {
    content: '';
    display: block;
    width: 38px;
    height: 38px;
    background: url(https://www.ngdh.shop/images/common/i-login-sp.jpg) no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin: 0 auto;
    
}



#header .fs-p-headerUtilityMenu__logout a::before {
    content: '';
    display: block;
    width: 38px;
    height: 38px;
     background: url(https://www.ngdh.shop/images/common/i-login-sp.jpg) no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin: 0 auto;
}



#header .h-cart a::before {
    content: '';
    display: block;
    width: 38px;
    height: 38px;
    background: url(https://www.ngdh.shop/images/common/i-cart-sp.jpg) no-repeat;
    background-size: contain;
    vertical-align: middle;
	margin: 0 auto;
    
}


#header .g-nav {
	background: #eeeeee;
}



#header .g-nav ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 0;
}


#header .g-nav ul li{
	text-align: center;
	width: 25%;
	border-right: 1px solid #ccc;
}

#header .g-nav ul li:last-child{
	text-align: center;
	width: 25%;
	border-right: 0px solid #ccc;
}



#header .g-nav ul.nav-list li a{	
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#header .g-nav ul.nav-list span img{
	display: inline-block;
	width: 3em;
	margin: 0 0 5px;
}



.toggle-txt {
	color: #000;
	margin: 5px 0 0;
	font-size: 10px;
	text-align: center;
}
#header .cart-txt {
	font-size: 10px;
}
.h-contents-box {
	padding: 0 10px;
}
.toggle-txt {
	color: #000;
	margin: 10px 0 0;
	font-size: 10px;
}
nav.h-menu {
	display: none;
	/*background-color: rgba(255, 255, 255, 1);*/
	background-color: rgba(0, 0, 0, 0.7);
	left: 0;
	position: fixed;
	overflow-y: scroll;
	z-index: 9998;
	top: 0px;
	width: 100%;
	height: 100vh;
	-webkit-overflow-scrolling: touch;
}
#nav_toggle {
	display: block;
	width: 30px;
	height: 29px;
	position: relative;
	top: 10px;
	z-index: 9999;
	right: 0;
	margin: 0 auto;
}
#nav_toggle div {
	position: relative;
}
#nav_toggle span {
	display: block;
	height: 1px;
	background: #000;
	position: absolute;
	width: 100%;
	left: 0;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}


.open #nav_toggle span {
	
	background: #fff;
	
}




#nav_toggle span:nth-child(1) {
	top: 0px;
}
#nav_toggle span:nth-child(2) {
	top: 10px;
}
#nav_toggle span:nth-child(3) {
	top: 20px;
}
.open #nav_toggle span:nth-child(1) {
	top: 12px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
}
.open #nav_toggle span:nth-child(2) {
	width: 0;
	left: 50%;
}
.open #nav_toggle span:nth-child(3) {
	top: 12px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	transform: rotate(-135deg);
	width: 30px
}
.drawer-nav a {
	color: #fff;
}
.drawer-nav .drawer-menu {
	padding: 120px 0 40vw;
	
}
.drawer-nav .menu-inner {
	padding: 0 1em;
}
.drawer-nav .menber-info ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.drawer-nav .menber-info ul a {}
.drawer-nav .menber-info ul li {
	width: 48% !important;
	margin: 0 0 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #eee;
	text-align: center;
}
#header .drawer-nav .fs-p-headerUtilityMenu__logout a::before {
	display: none;
}
#header .drawer-nav .fs-p-headerUtilityMenu__login a::before {
	display: none;
}
.drawer-nav .menber-info ul li ul li {
	width: 100% !important;
}
.drawer-nav .menber-info ul li ul li:last-child {
	border-right: 1px solid #fff !important;
}
.drawer-nav .menber-info .fs-p-headerUtilityMenu ul li {
	width: 100%;
	border: 0;
	border: 5px;
	margin: 0;
	padding: 0.5em 1em 0.5em 1em;
}
.drawer-nav .menber-info ul li.to-home {
	padding: 0.5em 1em 0.5em 1em;
}
.drawer-nav .menber-info ul li.to-register {
	width: 100% !important;
	padding: 0.5em 1em 0.5em 1em;
}
.fs-p-headerUtilityMenu__list > li + li {
	margin-left: 10px;
}
.fs-p-headerUtilityMenu__list a {
	display: block;
}
.fs-p-headerUtilityMenu__list a:link {}
.fs-p-headerUtilityMenu__list a:visited {}
.fs-pt-menu__link::before, .fs-pt-menu__link::after {
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 14px;
}
.fs-p-headerUtilityMenu__list a::before {
	content: "";
	border: 0px solid transparent;
	border-right-width: -px;
	border-left-color: currentColor;
	display: inline-block;
	height: 0;
	width: 0;
}
.drawer-nav .fs-p-headerUtilityMenu__list {
	margin: 0;
	padding: 0;
	display: block;
	font-size: 14px;
}
.drawer-nav .menber-info .point {
	border: 2px solid #000;
	background: #fff;
	padding: 2em 1em;
	text-align: center;
	margin: 0 0 2em;
}
.drawer-nav .menber-info .point a {
	color: #fff !important;
}
.drawer-nav .menber-info .point p {
	color: #000;
	font-size: 18px;
}
.drawer-nav .menber-info .point span {
	color: #000;
	display: block;
	margin: 0 0 0.5em;
	font-size: 80%;
}
.drawer-nav .menber-info .point .btn-point {
	background: #c50e20;
	border-radius: 7px;
	margin: 0.5em 0 1em;
}
.drawer-nav .menber-info .point .btn-point a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0.5em
}
.drawer-nav .cols {
	margin: 2em 0 0;
}
.drawer-nav .cols a {
	color: #000;
}
.drawer-nav .cols h2 {
	font-size: 14px;
	color: #fff;
	background: #000;
	background-size: 1em;
	padding: 0.5em 1em;
	margin: 0 0 1em;
}
.drawer-nav .cols h3 {
	font-size: 14px;
	color: #000;
	border-bottom: 1px solid #000;
	margin: 0 0 1em;
	padding: 0 0 10px;
}
.drawer-nav .cols a {
	font-size: 12px !important;
}
.drawer-nav .cols ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.drawer-nav .cols ul li {
	width: 49% ;
	font-size: 14px;
	margin: 0 0 5px;
	/*padding: 1em 12px 1em 5px;*/
	/*position: relative;
	border-bottom: 1px solid #ccc;
	border-right: 0 !important;*/
}
/*.drawer-nav .cols ul li a {
	padding: 0 0 0 1em;
	justify-content: flex-start !important;
	flex-direction: initial !important;
}
.drawer-nav .cols ul li::before, .drawer-nav .cols ul li::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.drawer-nav .cols ul li::before {
	width: 12px;
	height: 12px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #c48d2b;
}
.drawer-nav .cols ul li::after {
	left: 3px;
	width: 3px;
	height: 3px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}*/


.drawer-nav .cols dl .toggle{
	display: none;
	
}




.drawer-nav .cols dl .list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}



.drawer-nav .cols dl a {
	justify-content: flex-start !important;
	flex-direction: initial !important;
}
.drawer-nav .cols dl dt {
	width: 100%;
	font-size: 14px;
	padding: 12px 4px;
	background: #940032;
	margin: 0 0 15px;
	position: relative;
	text-align: center;
}
.drawer-nav .cols dl dt::before, .drawer-nav .cols dl dt::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.drawer-nav .cols dl dt::before {
	width: 14px;
	height: 14px;
}
.drawer-nav .cols dl dt::after {
	right: 1em;
	width: 0.5em;
	height: 0.5em;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.drawer-nav .cols dl dd {
	width: 49%;
	font-size: 14px;
	padding: 12px 4px 12px 25px;
	background: #fff;
	margin: 0 0 15px;
	border-radius: 4px;
	position: relative;
	display: flex;
    align-items: center;
}

.drawer-nav .cols dl dt a {
	color: #fff !important;
}
.drawer-nav .cols ul li a span {
	padding: 0 7px 0 0;
}



.drawer-nav .cat-list .s1-menu {
	margin: 0 0 10px;

}



.drawer-nav .cat-list .s1-menu a{
	display: flex;
	align-items: center;
	padding: 15px 10px;
	font-size: 14px;
	background: #f8f8f8;
}

.drawer-nav .cat-list .s1-menu a .img{
	width: 42px;
	object-fit: contain;
	margin: 0 10px 0 0;
}

.drawer-nav .cat-list .s1-menu a .img img{
	width: 42px;
	object-fit: contain;
}


.drawer-nav .cat-list ul li{
	color: #000;
	margin: 15px 0 0;
	padding: 10px 0;
	border-bottom: 1px solid #eee;
	font-size: 14px;
	
}

.drawer-nav .cat-list ul li a{
	color: #000;
}



.drawer-nav .cols .info {
	text-align: center;
	color: #000;
}
.drawer-nav .cols .f-logo {
	margin: 2em 0 40px;
	text-align: center;
}
.drawer-nav .cols .f-logo img {
	width: 18em;
}


/*.drawer-nav .cols .info .tel a {
	font-size: 30px !important;
	background: url(https://kotonowa.itembox.design/item/images/common/i-tel.png) no-repeat 0 50%;
	display: inline-block;
	background-size: 1.5em;
	padding: 0 0 0 1.7em;
}*/

.drawer-nav .cols .info .tel p {
	color: #fff;
	font-size: 10px;
}

.drawer-nav .copy p {
	margin: 20px 0 0;
	font-size: 12px;
}
.drawer-nav .contents-info {
	/*display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 2em 0 0;*/
}



.drawer-nav .contents-info dl dd{
    width: 50% !important;
    font-size: 14px;
    padding: 5px 0.2em 5px 1em;
    position: relative;
    border-bottom: 1px solid #ccc;
    border-right: 0 !important;
	background: none;
	border-radius: 0;
}


.drawer-nav .contents-info dl.faq dd{
    width: 100% !important;
    font-size: 14px;
    padding: 5px 0.2em 5px 1em;
    position: relative;
    border-bottom: 1px solid #ccc;
    border-right: 0 !important;
	background: none;
	border-radius: 0;
}




.drawer-nav .contents-info dl dd a{
   color: #fff!important;
}



.drawer-nav .contents-info dl dd::before, .drawer-nav .contents-info dl dd::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.drawer-nav .contents-info dl dd::before {
	width: 12px;
	height: 12px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #dbdb63;
}
.drawer-nav .contents-info dl dd::after {
	left: 3px;
	width: 3px;
	height: 3px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}



.drawer-nav .search {
	width: 100%;
}
.drawer-nav .search-box {
	border: 1px solid #ccc;
	border-radius: 7px;
	padding: 0 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fff;
}
.drawer-nav .search-text input {
	border: none;
	height: 36px;
	font-size: 14px;
}
.drawer-nav .btn-search input {
	width: 16px;
	padding: 3px 0 0;
}
.h-info {
	padding: 0.5em 0;
	border-top: 2vw solid #eee;
	border-bottom: 2vw solid #eee;
	color: #000;
	text-align: center;
	font-size: 12px;
}



.h-search{
	padding:0.5em 1em;
	background:rgba(0,0,0,0.5);
}


.h-search .keyword {
    display: flex;
    align-items: center;
    font-size: 12px;
    margin: 0 0 6px;
}


.h-search .keyword ul {
    display: flex;
    align-items: center;
    
}

.h-search .keyword ul a{
	display: block;
   background: #eee;
	padding: 5px;
	border-radius: 4px;
	margin: 0 3px;
    
}


.h-search .search{
    width: 100%;
}

.h-search .search-box {
    border: 1px solid #ccc;
    border-radius: 7px;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    
}

.h-search .search-text input {
    border: none;
    height: 36px;
    font-size: 14px;
}

.h-search .btn-search input {
    width: 16px;
	padding: 3px 0 0 ;
}









/* --------------------------------------------------------------------------------
	sub1
-------------------------------------------------------------------------------- */
#sub1 {
	display: none;
}




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

	
#fs_Top .slick-slide img {
    width: 100vw;
    height: 600px;
    object-fit: cover;
  
}	
	
/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 60px;
}
.slick-dots {
    position: absolute;
    bottom: -35px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 14px;
    height: 14px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover, .slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    background: #ccc;
    border-radius: 50%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #ae648d;
    background: #ae648d;
    border-radius: 50%;
}
.swiper-container ul li a {
    position: relative;
	display: block;
}
.swiper-container .more-btn {
    position: absolute;
    border: 2px solid #fff;
    padding: 10px;
    width: 200px;
    right: 0;
    left: 0;
    bottom: 90px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    z-index: 99;
}



#thumbnail-list{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

#thumbnail-list li{
	padding: 5px;
	width: 33%;
}





/* --------------------------------------------------------------------------------
	index
-------------------------------------------------------------------------------- */



section .section-title {
	
	

}

section .section-title h2{
	font-size: 50px;
	margin: 0 0 30px;
	color: #950033;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: -0.02em;
	line-height: 1.0;

}

section .section-title span{	
	font-size: 18px;
	color: #950033;
	font-weight: bold;
}



section .section-title.layer {
	position: absolute;
	top:0;
	/*left: 0;*/
	
}





.site-info{
	padding:  0 1em;
	margin: 30px auto 0;
	
}




.pickup{
	position: relative;
	padding: 60px 0 0;
}


.pickup ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	
}

.pickup ul li{
	width: 48%;
	margin: 0 0 1em;

}




#index h2.heading{	
	border-top: 2px dashed #950033;
	border-bottom: 2px dashed #950033;
	font-size: 20px;
	padding: 10px 0;
	color: #950033;
	border-radius: 4px;
	margin: 0 0 30px;
	text-align: center;
}



#index .haisou-inner {
    padding: 10px;
	background: #950033;
	font-weight: bold;
	font-size: 16px;
	color: #000;
}

#index .senddate {
    color: #fff;
    display: inline-block;
}

#index .haisou-inner {
    padding: 10px;
    background: #950033;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
}

#index #haisou p{
   margin: 0 0 30px;
	text-align: left;
	padding: 0 1em;
}





#index .anshin {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 0 30px;
}




#index .anshin div{
    width: 50%;
    height: 200px;
    display: flex;
	align-items: center;
	flex-direction: column;
	padding: 0 1em;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}


#index .anshin div:nth-child(2n){
    width: 50%;
    height: 200px;
    display: flex;
	align-items: center;
	border-bottom: 1px solid #ccc;
	border-right: 0px solid #ccc;
}


#index .anshin div:nth-child(3){
	border-bottom: 0px solid #ccc;
}


#index .anshin div:nth-child(4){
	border-bottom: 0px solid #ccc;
}




#index .anshin div span{
	display: block;
	text-align: center;
	margin: 20px 0 10px;
}

#index .anshin div span img{
	height: 2.8em;

}


#index .anshin div p{
	padding: 0 0 ;
	font-size: 12px;
	line-height: 1.2;
	width: 85%;
}

#index .anshin div p br{
	display: none;
}

#index .anshin div:nth-child(4) p{
	width: 85%;
}




#index .anshin div p span{
	font-size: 10px;
	margin: 10px 0 0;
}


#index .anshin div p a{
	display: block;
	margin: 20px auto 0;
	padding: 10px;
	border: 1px solid #950033;
	border-radius: 5px;
	text-align: center;
	font-size: 12px;
	color: #950033;
   
}





section.gift {
	
}


section.gift .gift-title{
	margin: 0 0 40px;
}


section.gift .swiper-container{
	width: 100%;
	margin: 0 auto 40px;
}


section.gift .gift-bnr{
	position: relative;
	padding: 0 1em;
    
}


.swiper-button-next2, .swiper-button-prev2 {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}


section.gift .gift-bnr .swiper-button-next2, .swiper-container-rtl .swiper-button-prev2 {
    background-image: url(https://kani7253.itembox.design/item/images/index/arr-next.png) !important ;
    right: 6px;
    left: auto;
}

section.gift .gift-bnr .swiper-button-prev2, .swiper-container-rtl .swiper-button-next2 {
    background-image: url(https://kani7253.itembox.design/item/images/index/arr-pre.png) !important ;
    left: 6px;
    right: auto;
}


section.gift h3 {
	width: 94%;
    background: #996633;
	text-align: center;
	color: #fff;
	font-size: 21px;
	padding: 10px 0;
	margin: 0 auto 20px;
	border-radius: 4px;
}


section.gift .gift-inner{
	display: flex;
	justify-content: space-between;
	margin: 0 0 30px;
	padding: 0 1em;

}

section.gift .gift-inner .box{
	border: 1px solid #ccc;
	border-radius: 4px;
	text-align: center;
	padding: 7px;
	width: 32%;

}


section.gift .gift-inner .box .txt{
	margin: 20px 0 0;

}

section.gift dl{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: #eee;
	padding: 20px;
	margin: 0 0 30px;
	
	

}

section.gift dl dd{
	background: #fff;
	border-radius: 4px;
	text-align: center;
	width: 49%;
	padding: 15px 0;
	margin: 0 0 10px;
}

/*section.gift dl dd:nth-child(5n){
	background: #fff;
	border-radius: 4px;
	text-align: center;
	width: 150px;
	padding: 15px 0;
	margin: 0 0 10px;
}*/




section.lineup{
	position: relative;
	padding: 60px 0 0;
}



section.lineup ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

section.lineup ul li{
	width: 49%;
	margin: 0 0 5px;
}






section.ranking {
	padding: 40px 1em;
	
}


section.ranking .ranking-inner{

	 overflow-x: auto;
      white-space: nowrap;
      -webkit-overflow-scrolling: touch;
	
}



section.ranking ul{
	display: inline-flex;
	justify-content: space-between;
	overflow-x: auto;

}


section.ranking ul li{
	width: 200px;
	margin: 0px 1em;
}


section.ranking ul li .rank{
	text-align: center;
	margin: 0 0 10px;
	font-size: 23px;
	display: flex;
    align-items: baseline;
}

section.ranking ul li .thumbnail{
	margin: 0 0 10px;
}


section.ranking ul li .thumbnail img{
	width: 200px;
	height: 200px;
	object-fit: cover;
}



section.ranking ul li .txt{	
	white-space: initial!important;
}




section.commitment {
	padding: 20px 1em;
	background: url(https://www.ngdh.shop/images/common/kodawari-bg.jpg) no-repeat;
	background-size:cover;
}


section.anzen {
	padding: 20px 1em;
	background: url(https://www.ngdh.shop/images/common/anshin-anzen-bg.jpg) no-repeat;
	background-size:cover;
}



section .parts-inner {
	padding: 30px 0 0;
	background-color: rgba(0, 0, 0, 0.7);
}


section .parts-inner .parts-title{
	text-align: center;
	margin: 0 0 40px;
	
}

section .parts-inner .parts-title h2{
	font-size: 20px;
	color: #fff;
	border-bottom: 2px solid #fff;
	padding: 0 10px 7px;
	display: inline-block;
	text-align: center;
	
}

section .parts-inner .parts-title span{
	display: block;
	font-size: 14px;
	padding: 7px 0 0;
	text-align: center;
	color: #fff;
	
}



section .parts-inner p{
	font-size: 16px;
	padding: 0 1em 30px;
	color: #fff;

}


section .more-btn a{
	display: block;
	background: #950033;
	font-size: 16px;
	padding: 20px;
	color: #fff;
	width: 80%;
	margin: 20px auto 0px;
	text-align: center;
	border-radius: 7px;

}


section.gift-service {
	padding: 0 1em;

}



section.gift-service ul li{
	display: flex;
	justify-content: space-between;
	margin: 0 0 50px;
	
	
}


section.gift-service ul li .img{
	width: 38%;
	
}

section.gift-service ul li .txt{
	width: 60%;
	font-size: 10px;
	
}

section.gift-service ul li .txt h3{
	font-size: 12px;
	margin: 0 0 20px;
	letter-spacing: -0.03em;
}


section.gift-service ul li .txt h3 span{
	font-size: 12px;
	display: block;
	padding: 5px 0 0;
}

section.gift-service .gift-att{
	font-size: 16px;
	background: #eee;
	padding: 20px 1em;
}


section.gift-service .gift-att br{
	
}




section.customer-voice {
	position: relative;
	padding: 100px 0 0;
	
}

section.customer-voice .customer-voice-inner{
	background: #eee;
	padding:60px 1em;
	
}

section.customer-voice .voice-box{
	background: #fff;
	padding: 1em;
	margin: 0 0 20px;
	
}

section.customer-voice .title{
	font-size: 20px;
    margin: 0 0 15px;
    color: #950033;
	border-bottom: 2px solid #950033;
	
}

section.customer-voice .customer{
    margin: 0 0 15px;
}




section.award{
    position: relative;
	padding: 100px 0 0;
}


section.award .award-inner{
    background: #fcf5e2;
	padding: 60px 0;
	
}

section.award .award-box{
	width: 94%;
    text-align: center;
	margin: 0 auto 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

section.award .award-box::after{
	
	content: '';
	display: inline-block;
	width: 40px;
	height: 75px;
	background-image: url(https://www.ngdh.shop/images/common/i-award-r.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;

	
}

section.award .award-box::before{
	content: '';
	display: inline-block;
	width: 40px;
	height: 75px;
	background-image: url(https://www.ngdh.shop/images/common/i-award-l.jpg);
	background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
	
}


section.award .award-box .title{
    font-weight: bold;
	font-size: 18px;
	color: #9e812c;
	
	
}

section.award .award-box p{
    color: #9e812c;
	font-size: 18px;
	
}





section.media{
    position: relative;
}


section.media .media-inner{
	padding: 0 1em;
}


section.media ul li{
	font-size: 16px;
	margin: 0 0 15px;
	display: flex;
	

}

section.media ul li span{
	color: #950033;
	padding: 0 0.5em 0 0;

}


section.performance{
	
}




section.performance .performance-inner{
	display: flex;
	justify-content: space-between;
	
}

section.performance .performance-inner .img{
	width: 48%;
	
}


section.performance .performance-inner .txt{
	width: 48%;
	
}




section.service{
    position: relative;
	padding: 50px 0 0;
}


section.service .service-inner{
    background: #eeeeee;
	padding: 40px 1em;
	
}

section.service .service-inner h3{
    background: #950033;
	font-size: 20px;
	color: #fff;
	padding: 10px;
	margin: 0 auto 30px;
	text-align: center;
	
}

section.service .service-inner h3 span{
	font-size: 16px;
	display: block;
	
}


section.service .service-inner h4{
	font-size: 20px;
	margin: 30px 0;
	font-weight: bold;
	
}

section.service .service-inner h5{
	background: #950033;
	font-size: 20px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	padding: 0 1em;
	
}


section.service .service-inner p{
	margin: 0 0 20px;
}

section.service .service-inner .gift-img{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

section.service .service-inner .gift-img img{
	width: 40%;
	padding: 20px 10px;
}


section.service .service-inner .noshi{
	
	background: #fff;
	padding: 1em;
	margin: 0 0 20px;
}

section.service .service-inner .noshi .img{
	margin: 0 0 10px;
}

section.service .service-inner .noshi .txt{
	
}



section.service .service-inner .noshi-img{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

section.service .service-inner .noshi-img img{
	width: 30%;
	padding: 10px 5px;
}

section.service .service-inner .box-img{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

section.service .service-inner .box-img img{
	width: 40%;
	padding: 20px 10px;
}

section.service .service-inner .box-img img:nth-of-type(3n){
	width: 100%;
	padding: 0;
}




section.originalbag{
    position: relative;
	padding: 100px 0 0;
}


section.originalbag .originalbag-inner{
    background: #eeeeee;
	padding: 70px 1em;
	
}

section.originalbag .originalbag-inner p{
	margin: 0 0 20px;
}

section.originalbag .originalbag-inner .gift-img{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

section.originalbag .originalbag-inner .gift-img img{
	width: 50%;
	padding: 20px 5px;
}




section.kodawari8{
	background: #eee;
	padding: 0 0 20px;
	
}

section.kodawari8 h3{
	font-size: 20px;
    color: #fff;
    text-align: center;
    background: #950033;
    padding: 10px 0;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin: 0 0 30px;

}

section.kodawari8 h3::before{
	content: '';
	display: inline-block;
	width: 40px;
	height: 30px;
	background-image: url(https://www.ngdh.shop/images/common/kodawari-img-t.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;

}



section.kodawari8 h3 span{
	font-size: 30px;

}

section.kodawari8 ul li{
	display: flex;
	justify-content: space-between;
	margin: 0 0 40px;
	padding: 0 1em;
} 

section.kodawari8 ul li .img{
	width: 20%;
} 

section.kodawari8 ul li .txt{
	width: 75%;
} 

section.kodawari8 ul li .txt h4{
	color: #950033;
	font-size: 18px;
	padding: 0 0 5px;
	margin: 0 0 10px;
	border-bottom: 1px solid #950033;
	
} 

section.kodawari8 ul li .txt h4 span{
	font-size: 14px;
	display: block;
} 




section.message-card .att-box{
	margin: 30px auto;
	width: 90%;
	
}


section.message-card h5{
	background-color: #333;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 10px; text-align: center;
}










/* --------------------------------------------------------------------------------
	group
-------------------------------------------------------------------------------- */
#group p.main-lead{
	text-align: center;
	padding: 20px 1em;
	font-size: 14px;
}






/* --------------------------------------------------------------------------------
	f-info
-------------------------------------------------------------------------------- */
#f-info {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	
}


#f-info .f-info-inner{
	padding: 0 1em;
	
}





/*calendar*/

#f-info .calendar-inner{
	padding: 0 1em;

}


#f-info .calendar span.Today
{
	display: block;
	cursor: pointer;
	font-weight: bold;
	color: #000;
	background-color: #ffeeee;
}

#f-info .calendar li.deli
{
	color: #000;
	background-color: #090;
}

#f-info .calendar li.openingsale
{
	color: #000;
	font-weight: bolder;
	background-color: #F00;
}

#f-info .calendar li.holyday
{
	color: #000;
	background-color: #fffec6;
}
#f-info .calendar li.holyday2
{
	color: #000;
	background-color: #4196bb;
}

#f-info .calendar li.Sun
{
	color: #F00;
	font-weight: bold;
}

#f-info .calendar li.Sat
{
	font-weight: bold;
}

#f-info .calendar li.undefined
{
	cursor: pointer;
}

/*ui*/

#f-info .calendar div.cal_wrapper
{
	color: #666;
}

#f-info .calendar ul.cal_ui
{
	float: right;
	width: 60px;
	margin: 3px 0 0;
	padding: 0;
}

#f-info .calendar ul.cal_ui li
{
	float: left;
	cursor: pointer;
	width: 20px;
	height: 15px;
	font-size: 10px;
	list-style: none;
	background-repeat: no-repeat;
}

#f-info .calendar li.cal_prev
{
	background-image: url(https://kani7253.itembox.design/item/cal/cal_01.gif);
}

#f-info .calendar li.cal_to
{
	background-image: url(https://kani7253.itembox.design/item/cal/cal_02.gif);
}

#f-info .calendar li.cal_next
{
	background-image: url(https://kani7253.itembox.design/item/cal/cal_03.gif);
}

#f-info .calendar div.cal_base
{
}

#f-info .calendar div.cal_base p
{
	margin: 0;
	text-align:center;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: #ccc solid 1px;
}

#f-info .calendar ul.cal_main
{
	clear: both;
	width: 100%;
	margin: 0 auto 5px;
	padding: 0;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

#f-info .calendar ul.cal_main:after
{
	content: " ";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

#f-info .calendar ul.cal_main li
{
	float: left;
	overflow: hidden;
	width: 14%;
	padding: 0.1em;
	text-align: center;
	list-style: none;
	font-size: 12px;
	border-bottom: #CCC solid 1px;
}

#f-info .calendar ul.cal_main li span
{
	display: block;
	padding: 3px;
}

#f-info .calendar li.cal_headline
{
}

#f-info .calendar .dayoff{
	font-size: 12px;
	padding: 5px 0;
}
#f-info .calendar .dayoff span{
	color: #fffec6;
}

#f-info .calendar .Today{
	font-size: 12px;
}

#f-info .calendar .Today span{
	color: #ffeeee;
}

#f-info .calendar .dayoff2{
	font-size: 12px;
	padding: 0 0 5px;
}



#f-info .calendar .day{
	display: flex;
	justify-content: center;
	align-items: center;
}


#f-info .orderflow {
	
}


#f-info .orderflow ul{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	
}

#f-info .orderflow ul li{
	text-align: center;
	width: 25%;
	margin: 0 0 30px;
	
}

#f-info .orderflow ul li:nth-child(even){
	text-align: center;
	width: 20px;
	display: flex;
	align-items: center;
	
}


#f-info .orderflow h4{
	background: #950033;
	color: #fff;
	padding: 10px;
	border-radius: 4px;
	text-align: center;
	margin: 0 0 20px;
	
}

#f-info .orderflow p{
	font-size: 10px;
	
}





#f-info .f-nav ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 0 30px;
	border-top: 1px solid #ccc;
}


#f-info .f-nav ul li {
	width: 50%;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	position: relative;
}

#f-info .f-nav ul li:nth-child(even) {
	width: 50%;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
	border-right: 0px solid #ccc;
	position: relative;
}

#f-info .f-nav ul li a{
	padding: 1em;
	width: 100%;
	display: block;
}



#f-info .f-nav ul li a::before, #f-info .f-nav ul li a::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

#f-info .f-nav ul li a::before {
	width: 14px;
	height: 14px;
}

#f-info .f-nav ul li a::after {
	right: 10px;
	width: 0.5em;
	height: 0.5em;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}



#f-info .f-sns ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}


#f-info .f-sns ul li{
	width: 49%;
	margin: 0 0 5px;
}





/* --------------------------------------------------------------------------------
	footer
-------------------------------------------------------------------------------- */
#footer {
	
	background: #950033;
	padding: 0;
	text-align: center;
	
}

#footer .f-logo img {
	width: 60%;
}


#footer .inner {
	padding: 40px 0;
}

#footer .f-info {
	margin: 30px 0 0;
}


#footer .f-info img{
	width: 80%;
}


#footer .inner .col {
	display: none;
	
}




.fs-p-footerCopyright {
    color: #fff;
    background-color: #950033;
    text-align: center;
    padding: 4px;
}




/* --------------------------------------------------------------------------------
	about
-------------------------------------------------------------------------------- */
#fs_CustomPage .fs-l-main{
	width: 100%!important;
	max-width: 100%!important;
}


#fs_CustomPage .fs-l-main .fs-l-pageMain {
    width: 100%!important;
	max-width: 100%!important;
}


#fs_CustomPage .fs-l-main .fs-l-pageMain .fs-c-heading--page{
    display:  none;
}



#about .inner{
	text-align: center;
	padding: 0 1em;
	
}

#about .main{
	margin: 0 0 50px;
	
}

#about .main img{
	width: 100%;
	object-fit: cover;
	height: 350px;
	
}



#about .inner h3{
	text-align: center;
	font-size: 18px;
	margin: 0 0 45px;
	line-height: 1.8;
	letter-spacing: -0.04em;
	
}


#about .inner p{
	text-align: center;
	font-size: 16px;
	margin: 0 0 50px;
	line-height: 1.8;
}

#about .inner .img{
	text-align: center;
	margin: 0 0 50px;
	
}





#kinki{
	background: #000;
	text-align: center;
	
}


#kinki .inner{
	margin: 0 auto;
	padding: 0 0 100px;
	background: #000;
	
}

#kinki .inner img{
	vertical-align: bottom;
	
}



#kinki .movie{
	background: url(https://tsurikin.itembox.design/item/images/common/sp-kinki-11.jpg) no-repeat;
	background-size: contain;
	padding: 0 1em;
	

}


#kinki .movie iframe{
	
	padding: 100px 0 0;
	height: 400px;
}



#howto {
	text-align: center;
	
}

#howto .inner{
	margin: 120px auto 0;
	padding: 0 1em;

}



#howto img{
	vertical-align: bottom;	
}

#howto section{
	margin: 0 0 60px;
	background: #000;	
	padding: 0 1em 30px;
}


#howto .movie{
	padding: 30px 0 ;
	background: #000;
}



#howto .movie iframe{
	width: 100%;
	height: 250px
	
}













/* 商品ページ　おすすめ商品　*/
.fs-c-featuredProduct {
	padding: 40px 0 0 0;
}
.fs-c-featuredProduct .fs-c-featuredProduct__title {
	border-bottom: 1px solid currentColor;
	color: #000000;
	font-size: 1.4rem;
	padding: 0 0 10px;
	margin: 0 0 20px;
}