@charset "utf-8";

/* ==================================
top.css
================================== */
#side{
	display: none;
}
#main{
	float: none;
	margin: 0 auto;
width: 1000px;
padding: 0;
font-family:'Noto Sans JP', 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}
.list_flex{
	display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.jspDrag{
	    background: #84636d;
}
.hk-ochugen .jspDrag,
.hk-oseibo .jspDrag{
	   background: #9f131c;
}
.btn-01 a{
	display: block;
background: #000;
color: #fff !important;
font-size: 1.4rem;
font-weight: bold;
text-align: center;
line-height: 41px;
height: 40px;
width: 250px;
margin: 0 auto 40px;
border-radius: 20px;
padding: 0 18px;
}
.hk-ochugen #about-online .btn-01 a,
.hk-oseibo #about-online .btn-01 a{
	line-height:50px;
	height: 50px;
	border-radius: 50px;
	background: #333;
}
/* ==================================
#top-news,#top-info
================================== */
#top-news.list_item {
	margin-bottom: 100px;
}
#top-news ul,
#top-info ul {
	max-height: 280px;
	height: auto;
	overflow: scroll;
}
#top-news ul .jspContainer,
#top-info ul .jspContainer {
	padding: 0 0 2px;
}
#top-news li,
#top-info li {
	padding: 20px 0;
	margin-right: 20px;
	border-bottom: solid 1px #ccc;
	box-sizing: border-box;
}
#top-news li span.detail,
#top-info li span.detail {
	display: block;
}
#top-news li span.update,
#top-info li span.update {
	font-size: 14px;
	margin-left:10px;
}
#top-news li span.ttl,
#top-info li span.ttl {
	font-weight: bold;
	    font-size: 16px;
}

/* ==================================
bnr
================================== */
#special-bnr {
	border-top:1px solid #ccc;
	border-bottom:1px solid  #ccc;
	padding: 50px 0;
	margin: 50px 0;
}
#special-bnr ul {
	width: 600px;
	margin: 0 auto;
}
#special-bnr ul li {
	margin-bottom: 20px;
}
#special-bnr ul li:last-child {
	margin-bottom: 0;
}

/* ==================================
#about-online
================================== */
#about-online {
	margin-top: 90px;
	padding-top: 60px;
	background: #f8f7f4;
	font-family:'Noto Sans JP', 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}
#about-online .hl-01 {
	padding: 0 0 10px;
margin: 0 0 35px;
border-bottom: solid 1px;
}
#about-online .hl-01 .hl {
	width: 76%;
text-align: center;
font-size: 2.6rem;
font-weight: normal;
font-family: 'Noto Serif JP', 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}
.hk-ochugen #about-online .hl-01 .hl,
.hk-oseibo #about-online .hl-01 .hl{
	font-weight: bold;
		font-family:'Noto Sans JP', 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}
.hk-ochugen #about-online .hl-01,
.hk-oseibo #about-online .hl-01{
	border-bottom: none;
}
#about-online .about-online-clm ul {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}
#about-online .about-online-clm li {
	width: 290px;
	margin-bottom: 35px;
}
#about-online .about-online-clm li:nth-child(3n) {
	width: 340px;
}
.hk-ochugen #about-online .about-online-clm li,
.hk-oseibo #about-online .about-online-clm li {
	width: 320px;
}
#about-online .about-online-clm a {
	font-size: 1.6rem;
	font-weight: bold;
}
.hk-ochugen #about-online .about-online-clm li:nth-child(3n),
.hk-oseibo #about-online .about-online-clm li:nth-child(3n) {
	width: 320px;
}
#about-online .about-online-clm dd {
	margin: 5px 0 0;
	font-size: 1.4rem;
}
#about-online p,
p.greet{
	padding:  0 0 50px;
	font-size: 1.2rem;
	color: #787878;
}
p.greet{
	padding: 30px 0;
	text-align: center;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 1.4rem;
	color: #333;
}

.hk-gift.aw #about-online p,
.hk-gift.ss #about-online p{
	text-align: center;
}
/* ==================================
#footer
================================== */
#top #footer {
	margin-top: 0;
}


/* ==================================
#main freeArea
================================== */
#top #main a.anchor_outside {
  position: absolute;
  margin-top: -220px !important;
  padding-top: 220px !important;
  height: 0 !important;
  display: inline !important;
  z-index: -1;
}

/*	mainMV
================================== */
#top #contents {
	overflow: hidden;
}
#mainMV {
	width: 100%;
	background: #ebe2e2;
	margin-bottom: 40px;
	padding: 50px 0 25px;
}
.hk-ochugen #mainMV,
.hk-oseibo #mainMV{
	    padding: 20px 0 25px;
			margin-bottom: 100px;
}
#mainMV .mainMV-inner {
	width: 1000px;
	margin: 0 auto;
}
#mainMV .hero a:hover {
	opacity: 1.0;
}
#mainMV .info-msg {
	background: #fff;
	border: solid 2px #333;
	box-sizing: border-box;
	margin-bottom: 20px;
	padding: 16px 20px;
}
/*=========hk-gift =========*/
.hk-gift #mainMV {
	background: #f4f2ed;
}


/*	mainMV スライダー
================================== */
#mainMV .bx-wrapper {
	margin: 0 auto 50px;
}
#mainMV .bx-wrapper .bx-viewport {
	box-shadow: none;
	border: none;
	left: 0;
	overflow: visible !important;
}
#mainMV .bx-viewport:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -100%;
	background: rgba(255,255,255,0.7);
	z-index: 888;
	width: 100%;
}
#mainMV .bx-viewport:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: -100%;
	background: rgba(255,255,255,0.7);
	z-index: 888;
	width: 100%;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  bottom: -32px;
}
/* PAGER */
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #b8b8b8;
	width: 16px;
	height: 16px;
	margin: 0 8px;
	outline: 0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #9f131c;
	opacity: 1.0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
	left: -70px;
	background: #fff url("../../images/icon/hk-oseibo/arw01-red-l.svg") no-repeat center center;
	background-size: 13px 21px;
}
.bx-wrapper .bx-next {
	right: -70px;
	background: #fff url("../../images/icon/hk-oseibo/arw01-red-r.svg") no-repeat center center;
	background-size: 13px 21px;
}
.bx-wrapper .bx-prev:hover {
	background-position: center center;
}
.bx-wrapper .bx-next:hover {
	background-position: center center;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	z-index: 888;
}


/*	hl-02
================================== */
.hk-gift .hl-02 .hl {
	font-family:'Noto Serif JP', 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 3.4rem;
	font-weight: 600;
	margin: 0 auto 35px;
color: #3b3833;
border-bottom: 1px solid #ac9099;
}
/* .hk-gift .hl-02 .hl:before {
	content: "";
	display: block;
	margin: 0 auto 8px;
	width: 90px;
	height: 2px;
	background: #c80e47;
} */
.hk-gift .hl-02 .hl span {
	font-size: 2.4rem;
	color: #7c4a58;
}

.hk-gift #getwell .hl-02 .hl:before,
.hk-gift #catalog .hl-02 .hl:before,
.hk-gift #price .hl-02 .hl:before,
.hk-gift #top-news .hl-02 .hl:before{
	display: none;
}
.hk-gift #getwell .hl-02 .hl span {
	font-size: 2.2rem;
}
.hk-gift #top-news .hl-02 .hl {
	font-size: 2.6rem;
	border-bottom: solid 1px #ac9099;
	margin-bottom: 25px !important;
}


/*	clm-2-01 / clm-3-01 / clm-4-01
================================== */
.hk-gift .clm-2-01 ul,
.hk-gift .clm-4-01 ul{
	margin-bottom: -33px;
	overflow: hidden;
}
.hk-gift .clm-2-01 ul.first,
.hk-gift .clm-4-01 ul.first{
	margin-bottom: 33px;
}
.hk-gift .clm-2-01 li {
	float: left;
	margin: 0 0 33px 0;
}
.hk-gift .clm-4-01 li {
	float: left;
	width: 186px;
	margin: 0 4px 33px 0;
}
.hk-gift .clm-2-01 li:nth-child(2n) {
	float: right;
}
.hk-gift .clm-4-01 li:nth-child(4n) {
	margin:0;
}
.hk-gift .clm-2-01.first ul,
.hk-gift .clm-3-01.first ul,
.hk-gift .clm-4-01.first ul{
	margin-bottom: 0;
}


/*	recommend
================================== */
.hk-gift #recommend .hl-02 .hl{
	font-size: 32px;
}
.hk-gift #recommend li{
	position: relative;
}
/* .hk-gift #recommend li span{
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
	padding: 7px 5px;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
	font-size: 1.8rem;
	line-height: 1.3;
}
.hk-gift #recommend li a:before{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100px;
	padding: 20px 10px;
	box-sizing: border-box;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(57,57,57,0.7) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(57,57,57,0.7) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(57,57,57,0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#b3393939',GradientType=0 );
} */
/* .hk-gift.ss #recommend li span{
	display: block;
font-size: 18px;
text-align: center;
background: #fff;
opacity: .75;
height: 50px;
width: 310px;
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
bottom: 0;
left: 0;
}
.hk-gift.ss #recommend li:nth-of-type(n+4){
	margin-top: 35px;
}
.hk-gift.ss #recommend li::after{
	content: "";
    bottom: 0;
    right: 0;
    border-top: 20px solid transparent;
    border-right: 20px solid #c80e47; /* ラベルの色はここで変更 */
    position: absolute;
    z-index: 1;
} */
.hk-gift #recommend li.fill::after{
	content: none;
}
/*	celebration / giveback
================================== */

.hk-gift #celebration ul li,
.hk-gift #giveback ul li{
	position: relative;
}
.hk-gift #celebration li:nth-of-type(n+4){
	margin-top: 35px;
}
.hk-gift #celebration ul li p,
.hk-gift #giveback ul li p{
	background: #f4f2ed;
	font-family: 'Noto Serif JP';
	text-align: center;
	font-size: 22px;
	height: 90px;
	display: -webkit-box;
display: -ms-flexbox;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

.hk-gift #celebration ul li p span,
.hk-gift #giveback ul li p span{
	font-size: 14px;
	font-family: 'Noto Sans JP';
}
/* .hk-gift.ss #celebration li::after,
.hk-gift.ss #giveback li::after{
	content: "";
    bottom: 0;
    right: 0;
    border-top: 20px solid transparent;
    border-right: 20px solid #c80e47;
    position: absolute;
    z-index: 1;
} */
.hk-gift #celebration li.fill::after{
	content: none;
}
.hk-gift #giveback .column1{
	text-align: center;
	margin-bottom: 35px;
}

/*	celebration aw
================================== */
.hk-gift.aw #celebration .hl-02 .hl,
.hk-gift.ss #celebration .hl-02 .hl{
	font-size: 32px;
}
.hk-gift.aw #celebration li,
.hk-gift.ss #celebration li{
	position: relative;
}
.hk-gift.aw #celebration li span,
.hk-gift.ss #celebration li span{
	display: block;
	font-size: 18px;
	text-align: center;
	background: #fff;
	opacity: .85;
	height: 50px;
	width: 320px;
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	bottom: 0;
	left: 0;
}
.hk-gift.aw #celebration li:nth-of-type(n+4),
.hk-gift.ss #celebration li:nth-of-type(n+4){
	margin-top: 20px;
}

.hk-gift.aw #celebration li.fill::after,
.hk-gift.ss #celebration li.fill::after{
	content: none;
}


/*	return aw
================================== */
.hk-gift.aw #return .hl-02 .hl,
.hk-gift.ss #return .hl-02 .hl{
	font-size: 32px;
}
.hk-gift.aw #return li,
.hk-gift.ss #return li{
	position: relative;
}
.hk-gift.aw #return li span,
.hk-gift.ss #return li span{
	display: block;
	font-size: 18px;
	text-align: center;
	background: #fff;
	opacity: .85;
	height: 50px;
	width: 320px;
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	bottom: 0;
	left: 0;
}
.hk-gift.aw #return li:nth-of-type(n+4),
.hk-gift.ss #return li:nth-of-type(n+4){
	margin-top: 20px;
}

.hk-gift.aw #return li.fill::after,
.hk-gift.ss #return li.fill::after{
	content: none;
}

.hk-gift.aw #return .column2,
.hk-gift.aw #return .column3,
.hk-gift.ss #return .column2,
.hk-gift.ss #return .column3{
	    margin-bottom: 20px;
}
.hk-gift.aw #return .column2.mt90,
.hk-gift.ss #return .column2.mt90{
	margin-top: 90px;
}
.hk-gift.aw #return .column2 li span,
.hk-gift.ss #return .column2 li span{
	    width:490px;
}
.hk-gift.aw #return .column1 li,
.hk-gift.ss #return .column1 li{
	margin: 0 auto;
}
/*	getwell/condolences/other
================================== */
/* .hk-gift.ss #getwell {
padding: 30px 25px;
	background: #f2ebeb;
}
.hk-gift.ss #condolences{
		padding: 30px 25px;
	background: #f3f3f3;
}
.hk-gift.ss #getwell h2,
.hk-gift.ss #condolences h2{
	border: none;
}
.hk-gift.ss #getwell ul,
.hk-gift.ss #condolences ul{
	width: 850px;
margin: 0 auto;
} */
.hk-gift #other ul li{
	margin: 0 auto;
}
/*	catalog
================================== */
.hk-gift #catalog.list_item {

}


/*	ranking
================================== */
.hk-gift #ranking.list_item .btn-02 a{
	width: 400px;
	margin: 0 auto;
}


/*	price
================================== */
.hk-gift #price.list_item {
	background: #e6d8d9;
	padding: 30px 25px 40px;
}
.hk-gift #price.list_item ul {
	display:  flex;
	flex-flow: wrap;
	margin-bottom: -10px;
}
.hk-gift #price.list_item li a {
	display: block;
	width: 169px;
	margin: 0 10px 10px 0;
	background: #a76267;
	font-size: 1.6rem;
	text-align: center;
	color: #fff;
	height: 60px;
	line-height: 60px;
}
.hk-gift #price.list_item li:nth-child(4n) a{
	margin-right: 0;
}


/*=========hk-oseibo =========*/
.hk-oseibo #about-online,
.hk-ochugen #about-online {
	background: #fff;
	    margin-top: 30px;
}
.hk-oseibo #mainMV .bnr,
.hk-ochugen #mainMV .bnr {
	margin-top: 20px;
	font-size: 0;
}
.hk-oseibo #mainMV .bnr > div,
.hk-ochugen #mainMV .bnr > div {
	display: inline-block;
}
.hk-oseibo #mainMV .bnr > div:first-child,
.hk-ochugen #mainMV .bnr > div:first-child {
	margin:0 20px;
}


/*	ranking
================================== */
.hk-oseibo #ranking.list_item .btn-02 a,
.hk-ochugen #ranking.list_item .btn-02 a {
	width: 400px;
	margin: 0 auto;
}


/*	price
================================== */
.hk-oseibo #price.list_item,
.hk-ochugen #price.list_item {
	background: #e4e4e4;
	padding: 40px 25px;
}
.hk-oseibo #price.list_item ul,
.hk-ochugen #price.list_item ul {
	display:  flex;
	flex-direction: row;
	justify-content: space-between;
}
.hk-oseibo #price.list_item li a,
.hk-ochugen #price.list_item li a {
	display: block;
	width: 169px;
	background: #9f131c;
	font-size: 1.6rem;
	text-align: center;
	color: #fff;
	height: 60px;
	line-height: 60px;
}


/*	popular
================================== */
.hk-oseibo #popular.list_item .clm-3-01 li,
.hk-ochugen #popular.list_item .clm-3-01 li {
	position: relative;
}
.hk-oseibo #popular.list_item .clm-3-01 li span,
.hk-ochugen #popular.list_item .clm-3-01 li span {
	position: absolute;
	bottom: 0;
	display: flex;
  justify-content: center;
  align-items: center;
	width: 100%;
  height: 45px;
  line-height: 1.2;
	/*padding: 10px 10px;*/
  box-sizing: border-box;
	text-align: center;
	color: #fff;
	font-size: 1.6rem;
	background: rgba(51,51,51,0.70);
}
.hk-oseibo #popular .bnr-wide,
.hk-ochugen #popular .bnr-wide {
	margin-bottom: 30px;
}

/*	brand
================================== */
.hk-oseibo #brand.list_item,
.hk-ochugen #brand.list_item {
	background: #e4e4e4;
	padding: 40px 18px 50px;
	font-size: 1.2rem;
}
.hk-oseibo #brand.list_item .brand-clm ul,
.hk-ochugen #brand.list_item .brand-clm ul {
	display: flex;
	flex-flow: wrap;
	margin-bottom: -33px;
	width: 902px;
margin: 0 auto;
}
.hk-oseibo #brand.list_item li,
.hk-ochugen #brand.list_item li {
	width: 166px;
	margin: 0 18px 20px 0;
	text-align: center;
}
.hk-oseibo #brand.list_item li:nth-child(5n),
.hk-ochugen #brand.list_item li:nth-child(5n) {
	margin-right:0;
}
.hk-oseibo #brand.list_item li img,
.hk-ochugen #brand.list_item li img {
	padding-bottom: 10px;
}


/*	catalog
================================== */
.hk-oseibo #catalog.list_item,
.hk-ochugen #catalog.list_item {
	background: #ebebeb;
	text-align: center;
	padding: 40px 20px;
}
.hk-oseibo #catalog.list_item .catalog-clm,
.hk-oseibo #catalog.list_item .catalog-bnr,
.hk-ochugen #catalog.list_item .catalog-clm,
.hk-ochugen #catalog.list_item .catalog-bnr {
	font-size: 0;
}
.hk-oseibo #catalog.list_item .catalog-search,
.hk-oseibo #catalog.list_item .bnr,
.hk-ochugen #catalog.list_item .catalog-search,
.hk-ochugen #catalog.list_item .bnr {
	width: 445px;
	display: inline-block;
	font-size: 1.6rem;
	background: #fff;
	vertical-align: top;
}
.hk-oseibo #catalog.list_item .catalog-bnr,
.hk-ochugen #catalog.list_item .catalog-bnr {
	margin-top: 20px;
}
.hk-oseibo #catalog.list_item .catalog-search:first-child,
.hk-oseibo #catalog.list_item .bnr:first-child,
.hk-ochugen #catalog.list_item .catalog-search:first-child,
.hk-ochugen #catalog.list_item .bnr:first-child {
	margin-right: 30px;
}
.hk-oseibo #catalog.list_item .catalog-search:first-child,
.hk-ochugen #catalog.list_item .catalog-search:first-child{
		margin-right: 15px;
	border: solid 4px #cc1615;
}
.hk-oseibo #catalog.list_item .catalog-search:last-child,
.hk-ochugen #catalog.list_item .catalog-search:last-child{
	border: solid 4px #00348a;
}
.hk-oseibo #catalog.list_item .catalog-search dd,
.hk-ochugen #catalog.list_item .catalog-search dd {
	padding: 30px 20px;
	text-align: center;
}
.hk-oseibo #catalog.list_item .catalog-search select,
.hk-ochugen #catalog.list_item .catalog-search select {
	width: 100%;
	border: solid 1px #aaa;
	padding: 5px 7px;
	box-sizing: border-box;
	vertical-align: top;
}
.hk-oseibo #catalog.list_item .catalog-search .sod_select,
.hk-ochugen #catalog.list_item .catalog-search .sod_select {
  padding: 12px 10px;
}
.hk-oseibo #catalog.list_item .catalog-search .sod_list_wrapper,
.hk-ochugen #catalog.list_item .catalog-search .sod_list_wrapper {
	box-sizing: content-box;
	width: 100%;
	height: 230px;
	overflow-y: scroll;
}
.hk-oseibo #catalog.list_item .catalog-search .multiply,
.hk-ochugen #catalog.list_item .catalog-search .multiply {
	display: inline-block;
	position: relative;
	margin: 8px 20px 8px 7px;
	padding: 0;
	width: 2px;
	height: 20px;
	background: #000;
	transform: rotate(45deg);
}
.hk-oseibo #catalog.list_item .catalog-search .multiply:before,
.hk-ochugen #catalog.list_item .catalog-search .multiply:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: -8px;
	width: 20px;
	height: 2px;
	margin-top: -2px;
	background: #000;
}
.hk-oseibo #catalog.list_item .catalog-search .btn-05,
.hk-ochugen #catalog.list_item .catalog-search .btn-05 {
	margin-top: 20px;
	cursor: pointer;
}
#catalog .catalogBnr{
	margin-top: 30px;
}
.hk-gift.aw #catalog .column1 ul li,
.hk-gift.ss #catalog .column1 ul li{
	    margin: 30px auto 0;
}
/* ========================================================
gift_search
======================================================== */
.hk-gift #gift_search{
	background: #f4f2ed;
    padding: 10px 10px 50px;
}
.hk-gift.aw #gift_search,
.hk-gift.ss #gift_search{
	  padding: 10px;
}
.hk-gift #gift_search .giht_search_inner{
	    background: #fff;
			    padding: 50px 70px;
}
.hk-gift #gift_search h2{
	border: none;
	    margin-bottom: 0;
}
.hk-gift #gift_search p{
	text-align: center;
font-size: 18px;
margin-bottom: 40px;
}
.hk-gift #gift_search .category01,
.hk-gift #gift_search .category02{
	width: 390px;
}
.hk-gift #gift_search .sod_select.open .sod_list_wrapper{
	width: 100%;
right: -1px;
box-sizing: content-box;
}
.hk-gift #gift_search .sod_select .sod_label{
	font-size: 18px;
}
.hk-gift #gift_search .catalog-search-inner{
	display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.sod_select:before{
	top: 0;
bottom: 0;
margin: auto;
}
.hk-gift #gift_search .multiply{
	display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 30px;
}
.hk-gift #gift_search .search_btn{
	position: relative;
	width: 360px;
height: 60px;
background: #000;
color: #fff;
margin: 35px auto 0;
font-size: 18px;
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;

}
.hk-gift #gift_search .search_btn::after{
	content: "";
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	border-right: 2px solid;
	border-bottom: 2px solid;
	transform: rotate(-45deg);
	bottom: 39%;
    margin: auto;
    right: 20px;
}
.hk-gift #gift_search .search_btn:hover{
	cursor: pointer;
}
.hk-gift .catalog{
	text-align: center;
margin-top: 50px;
}
/* ========================================================
.category-price
======================================================== */
.hk-gift #category-price{
	background: #e2d8db;
padding: 10px;
}
.hk-gift #category-price .category-price_inner{
	background: #fff;
padding: 80px 35px 60px;
}
.hk-gift #category-price h2{
	border: none;
	position: relative;
	margin-bottom: 20px;
}
.hk-gift #category-price h2::before{
	content: "";
	width: 100px;
	height: 5px;
	background: #ac9099;
	display: block;
	position: absolute;
	top: -20px;
	right: 0;
	left: 0;
	margin: auto;
}
.hk-gift #category-price .category-s{
	margin-bottom: 80px;
	    text-align: center;
}

.hk-gift #category-price ul li a{
	display: block;
	width: 210px;
	height: 70px;
	border: solid 1px;
	font-size: 18px;
	display: -webkit-box;
display: -ms-flexbox;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.hk-gift #category-price ul li:nth-of-type(n+5){
	margin-top: 20px;
}
.hk-gift #category-price .all_category{
	text-align: center;
    font-weight: bold;
    display: inline-block;
    border-bottom: 1px solid;
    padding-bottom: 5px;
    margin-top: 30px;
		font-size: 18px;
}
.hk-gift #category-price .price-s ul{
	-webkit-justify-content: center;
justify-content: center;
}
.hk-gift #category-price .price-s ul li{
	    margin:0 10px;
}
.hk-gift #category-price .price-s ul li:nth-of-type(n+5){
	 margin: 20px 10px 0;
}
.hk-gift #category-price .price-s ul li:nth-of-type(1){
margin-left: 0;
}
.hk-gift #category-price .price-s ul li:nth-of-type(4){
margin-right: 0;
}
.hk-gift #category-price .back_search a{
	width: 840px;
height: 80px;
display: block;
background: #e2d8db;
font-size: 18px;
margin: 60px auto 0;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;

}
.hk-gift #category-price .back_search a::after{
	content: "";
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	border-right: 2px solid;
	border-bottom: 2px solid;
	transform: rotate(225deg);
	bottom: 40%;
	margin: auto;
	right: 20px;
}
/* ==================================
#bnr
================================== */
.hk-gift #bnr{
	background: #f4f2ed;
padding: 40px 80px;
}
.hk-gift #bnr ul li:first-of-type{
	background: #fff;
width: 402px;
height: 180px;
border: solid 4px #e2e2e2;
box-sizing: border-box;
text-align: center;
padding: 25px 0;
}
.hk-gift #bnr ul li p{
	    font-size: 16px;
}
.hk-gift #bnr ul li p span{
	    color: #c80e47;
}
.hk-gift #bnr ul li:first-of-type a{
	width: 300px;
height: 60px;
display: block;
margin: 15px auto 0;
background: #c80e47;
color: #fff;
font-size: 18px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;

}
.hk-gift #bnr ul li:first-of-type a::after{
	content: "";
display: block;
position: absolute;
width: 10px;
height: 10px;
border-right: 2px solid;
border-bottom: 2px solid;
transform: rotate(-45deg);
bottom: 40%;
margin: auto;
right: 20px;
}

/* special */
.hk-oseibo #special .bnr-wide,
.hk-ochugen #special .bnr-wide {
	text-align: center;
}
.hk-oseibo #special ul,
.hk-ochugen #special ul{
	width: 920px;
	margin: 0 auto;
}
.hk-oseibo #special ul li,
.hk-ochugen #special ul li{
	width: 445px;
}
.hk-oseibo #special ul li:nth-of-type(n+3),
.hk-ochugen #special ul li:nth-of-type(n+3){
	margin-top: 30px
}
#special ul li.soon{
	position: relative;
}
#special ul li.soon::after{
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);

}
#special ul li.soon::before{
	content: "COMING\ASOON";
	white-space: pre;
	position: absolute;
	font-size: 40px;
	line-height: 1;
	top: 0px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
	height: 80px;
	color: #fff;
	z-index: 1;
}
.hk-oseibo #about-online .about-online-clm ul dl,
.hk-ochugen #about-online .about-online-clm ul dl{
	border-top: 1px solid #ccc;
padding-top: 20px;
}
.hk-oseibo #about-online .btn-01 a,
.hk-ochugen #about-online .btn-01 a{
	width: 600px;
background: #333;
position: relative;
}
.hk-oseibo #about-online .btn-01 a::after,
.hk-ochugen #about-online .btn-01 a::after{
content: none;
}
.hk-oseibo #about-online .btn-01 a::before,
.hk-ochugen #about-online .btn-01 a::before{
	content: "";
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	border-right: 1px solid;
	border-bottom: 1px solid;
	transform: rotate(-45deg);
	bottom: 0;
	top: 0;
	margin: auto;
	right: 20px;
}
.hk-oseibo #about-online .contents-inner p,
.hk-ochugen #about-online .contents-inner p{
	text-align: center;
}

/* mainSlider_slick */
#mainSlider_slick{
		position: relative;
		padding-bottom: 0px;
	}
	#mainSlider_slick a{
		display: block;
		padding: 0;
	}
	#mainSlider_slick .slick-list{
		position: relative;
		width: 1000px;
		box-sizing: content-box;
		position: relative;
		left: -1000px;
	}
	#mainSlider_slick .slick-list:before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: -2000px;
		background: rgba(255,255,255,0.7);
		z-index: 888;
		width: 100%;
	}
	#mainSlider_slick .slick-list:after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		right: -2000px;
		background: rgba(255,255,255,0.7);
		z-index: 888;
		width: 100%;
	}
	#mainSlider_slick .slick-loading .slick-list {
		background: url('') center center / auto auto no-repeat transparent;
	}
	#mainSlider_slick .slick-prev,
	#mainSlider_slick .slick-next {
		font-size: 0;
		line-height: 0;
		position: absolute;
		display: block;
		width: 50px;
		height: 50px;
		cursor: pointer;
		color: transparent;
		border: none;
		outline: none;
		background: transparent;
		z-index: 100;
	}
	#mainSlider_slick .slick-prev:hover:before,
	#mainSlider_slick .slick-prev:focus:before,
	#mainSlider_slick .slick-next:hover:before,
	#mainSlider_slick .slick-next:focus:before {
		opacity: 1;
	}
	#mainSlider_slick .slick-prev.slick-disabled:before,
	#mainSlider_slick .slick-next.slick-disabled:before {
		opacity: .25;
	}
	#mainSlider_slick .slick-prev:before,
	#mainSlider_slick .slick-next:before {
		font-size: 20px;
		line-height: 1;
		opacity: .75;
		color: white;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	#mainSlider_slick .slick-prev {
		left: -70px;
		margin-right: 0;
		background: #fff url("/ec/shop/hankyugift/images/icon/hk-oseibo/arw01-red-l.svg") center center / 13px 21px no-repeat;
	}
	#mainSlider_slick [dir='rtl'] .slick-prev {
		left: 0;
		right: 100%;
		margin-right: 0;
	}
	#mainSlider_slick .slick-prev:before {
		content: '←';
	}
	#mainSlider_slick [dir='rtl'] .slick-prev:before {
		content: '→';
	}
	#mainSlider_slick .slick-next {
		right: -70px;
		margin-left: 0;
		background: #fff url("/ec/shop/hankyugift/images/icon/hk-oseibo/arw01-red-r.svg") center center / 13px 21px no-repeat;
	}
	#mainSlider_slick [dir='rtl'] .slick-next {
		left: 100%;
		margin-left: 10px;
	}
	#mainSlider_slick .slick-next:before {
		content: '→';
	}
	#mainSlider_slick [dir='rtl'] .slick-next:before {
		content: '←';
	}
	/* slickの矢印など設定
	-----------------------------------------------------------------*/
	/*ナビゲーション*/
	#mainSlider_slick .slickNavi {
		text-align: center;
		margin: 10px 0 15px;
	}
	#mainSlider_slick .slickNavi_inner {
		position: relative;
		display: block;
		height: 16px;
	}
	#mainSlider_slick .slickNavi > div:empty {
		display: none;
	}
	/*左右の矢印の色を変える*/
	#mainSlider_slick .slick-prev:before,
	#mainSlider_slick .slick-next:before {
		color: #fff;
	}
	#mainSlider_slick .slickArrow {
		height: 100%;
		left: 0;
		top: 0;
		width: 100%;
	}
	/*矢印の大きさ*/
	#mainSlider_slick .slick-prev,
	#mainSlider_slick .slick-next {
		width: 50px;
		height: 50px;
	}
	/*左右の矢印の位置を変える*/
	#mainSlider_slick .slick-prev:before,
	#mainSlider_slick .slick-next:before {
		content: "";
	}
	/*スライド数のドット*/
	#mainSlider_slick .slick-dotted.slick-slider {
		margin-bottom: 0;
		padding: 0 0 0;
	}
	#mainSlider_slick .slick-dots {
		display: block;
		width: 100%;
		padding: 0;
		margin: 20px auto auto;
		list-style: none;
		text-align: center;
		position: absolute;
		height: 16px;
		bottom: -36px;
	}
	#mainSlider_slick .slick-dots li {
		display: inline-block;
		width: 22px !important;
		height: 16px !important;
		margin: 0 5px !important;
		padding: 0;
		cursor: pointer;
		position: relative;
	}
	#mainSlider_slick .slick-dots li button {
		font-size: 0;
		line-height: 0;
		display: block;
		width: 22px;
		height: 16px;
		cursor: pointer;
		color: transparent;
		border: 0;
		outline: none;
		background: none;
	}
	#mainSlider_slick .slick-dots li button:hover,
	#mainSlider_slick .slick-dots li button:focus {
		outline: none;
	}
	#mainSlider_slick .slick-dots li button:hover:before,
	#mainSlider_slick .slick-dots li button:focus:before {
		opacity: 0.7;
	}
	#mainSlider_slick .slick-dots li button:before {
		background: #b8b8b8;
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
		width: 16px;
		height: 16px;
		border-radius: 16px;
		content: '';
		opacity: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	#mainSlider_slick .slick-dots li button:hover,
	#mainSlider_slick .slick-dots li button:focus {
		background: none;
	}
	#mainSlider_slick .slick-dots li.slick-active button {
		background: none;
	}
	#mainSlider_slick .slick-dots li.slick-active button:before {
		background: #9f131c;
		width: 16px;
		height: 16px;
		opacity: 1;
	}
	#mainSlider_slick .slick-dots li button {
		background: none;
	}
	/*スライド画像の横幅可変*/
	#mainSlider_slick img {
		max-width: initial;
	/*	max-width: 100%;*/
	/*	height: auto;*/
	}
	#mainSlider_slick .slick-slide {
		margin: 0 auto;
		padding: 0;
	}
	#mainSlider_slick .slick-slide span.names {
		display: block;
		margin: 5px auto 0;
		max-width: 500px;
	}
	#mainSlider_slick .slick-slide img {
		margin: 0 auto;
    display: block;
    border: 1px solid #ac9099;
    box-sizing: border-box;
	}

	#mainSlider_slick .slick-arrow {
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	#mainSlider_slick .slick-arrow.rela img,
	#mainSlider_slick .slick-arrow.myl img,
	#mainSlider_slick .slick-arrow.hs img,
	#mainSlider_slick .slick-arrow.gd img {
		height: 30px;
		width: 30px;
	}
	#mainSlider_slick .slick-slider{
		padding: 0;
	}
	.thumbnail{
		background: #fff;
    padding: 20px 0 40px;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
	}
		.thumbnail .slick-slide img {
	    border:1px solid #ac9099;
	    box-sizing: border-box;
		}
	.hk-gift.ss	.thumbnail{
		background: none;
		padding: 20px 0 0;

	}
	.thumbnail .slick-track {
	  transform: unset !important;
	}
/*
	.thumbnail-img {
	  opacity: .3;
	  transition: opacity .3s linear;
	}
	.thumbnail .slick-current .thumbnail-img{
	  opacity: 1;
	}
*/
	.thumbnail .thumbnail-img:hover{
		cursor: pointer;
	}
	.thumbnail .slick-list{
		    margin: 0 auto;
    width: 1000px;
	}
	.thumbnail .slick-slide{
		width: 200px!important;
		margin-right: 20px;
	}

	.slick_inner{
		position: relative;
	}
	.slick_pause{
		width: 116px;
    position: absolute;
    top: 10px;
    right: 0;
	}
	.hk-gift.ss	.slick_pause{
	    top: 30px;
	}
	.slick_pause .startImg{
		display: none;
	}
	.slick_pause:hover{
		cursor: pointer;
	}

/* catalogFixed */
.catalogFixed{
	position: fixed;
top: 75%;
right: 0;
margin-top: -90px;
z-index: 1000;
	width: 165px;
/* margin: -50px 0 0 auto; */
/* position: relative; */
}
.catalogFixed.fixed div{
	float: right;
	position: fixed;
	top: 245px;
	z-index: 100;
}
.catalogFixed a{
	color: #fff!important;
background: #9f131c;
font-size: 16px;
	line-height: 1.2;
width: 165px;
height: 70px;
display: block;
border-radius: 10px;
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.catalogFixed a span{
	font-size: 22px;
}
.catalogFixed .catalogClose{
	position: absolute;
right: 0;
top: -10px;
z-index: 101;
}
.catalogFixed .catalogClose:hover{
	cursor: pointer;
}


/* soon */
#return ul li.soon{
	position: relative;
}
#return ul li.soon::after{
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);

}
#return ul li.soon::before{
	content: "COMING SOON";
	    position: absolute;
	    font-size: 28px;
	    top: 0;
	    bottom: 0;
	    right: 0;
	    left: 0;
	    margin: auto;
	    text-align: center;
	    width: 400px;
	    height: 40px;
	    color: #fff;
	    z-index: 1;
}