﻿.solditem, .solditem02 {
    position: relative;
}
.solditem::after {
    width: 150px;
    height: 150px;
    content: " ";
    position: absolute;
    bottom: -.4em;
    left: 7.4em;
    background: url(../../fathersday2019/image/top/sold.png) no-repeat right top;
    background-size: contain;
    z-index: 2;
}
.solditem02::after {
    width: 150px;
    height: 150px;
    content: " ";
    position: absolute;
    bottom: 16.6em;
    left: 7.4em;
    background: url(../../fathersday2019/image/top/sold.png) no-repeat right top;
    background-size: contain;
    z-index: 2;
}
.img_so{
    opacity: 0.5;}
img {
    border: none;
    max-width: 100%;
}
.p_text {    font-family: "游ゴシック", "Hiragino Mincho Pro", serif;
	font-size: 18px;
	color: #2b2b2b;
	margin: 1.5em auto 2em;
}
.p_text_s {
    font-family: "游ゴシック", "Hiragino Mincho Pro", serif;
    font-size: 18px;
    color: #2b2b2b;
	margin: .6em auto;}
.box__txt-area--txt {font-size: 14px;}
.red_text{color: red;}
.box__title_h2 {
	text-align: center;
    margin: 20px 0 10px;
    font-size: 32px;
    color: #222;
    font-weight: bold;
    letter-spacing: -1px;
    font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", serif;}
.box__txt-area{text-align: center;
font-size: 18px}
.page__indent{;
width: 94%;
margin: 0 auto;}
.cen{text-align: center;}
.point_txt b {
    font-weight: 700;
    color: #fff;
    font-size: 21px;
}
.point_txt2 {
    width: 44%;
    font-size: 1.5em;
    text-align: center;
    font-weight: bold;
    margin: 10px auto 0px auto;
    background: #ffffff;
    color: #ff0000;
    position:relative;
}
.point_txt2::before {
    content: "＼";
    position: absolute;
    color: #ff0000;
    z-index: 1;
    left:3%;

}
.point_txt2::after {
    content: "／";
    position: absolute;
    color: #ff0000;
    z-index: 1;
    right:3%;
}
/* box__reason--num */
.box__reason--num {
    display: inline-block;
    margin-bottom: 5px;
    padding: 0 20px;
    text-align: center;
    color: #fff;
    line-height: 20px;
    background-color: #f8515e;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
}
.box__reason--num b {
    color: #fff;
    font-size: 16px;
    vertical-align: -1px;
}
.pc--none {
    display: none;
}
.box__title-bg-color{
	font-size: 26px;
    color: #c71616;
    letter-spacing: -1px;
    font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", serif;
	text-align: center;
	padding: 5px;
	font-weight: bold;
	margin-top: 1.5em;
}	
.box {
    margin-bottom: 40px;
}
/*.box__title span {
	display: block;
	margin-top: 20px;
}*/
ul.box__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
}
ul.box__list li {
    width: -webkit-calc(100% / 2);
    width: calc(100% / 2);
	text-align: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	box-sizing: border-box;
	position: relative;
	padding: 20px 10px 80px;
}
ul.box__list.pb20 li {
	padding-bottom: 20px !important;
}
ul.box__list li h3 {
	font-size: 22px;
	font-weight: bold;
}
ul.box__list li p {
	margin-bottom: 10px;
}
ul.box__list li .box__list-price {
	color: #333;
	font-size: 18px;
	font-weight: bold;
}
ul.box__list li .box__list-img {
	text-align: center;
	margin-bottom: 10px;
}
ul.box__list li .quick_buy {
	position: absolute;
	bottom: 20px;
	left: 20px;
	margin: 0;
}
ul.box__list li .quick_buy a img {
	width: 310px;
	height: auto;
}
.point--sub2 {
	color: #f00;
	font-size: 16px;
	font-weight: bold;
}
.point_txt {
    font-size: 1.8em;
}
.point_txt span {
	padding: 5px 0;
}
.point_txt span big {
	color: #ffed00;
}
.txt-left {
	text-align: left;
}

.box__info {
    background-color: #fffdd9;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
    padding: 20px 0 25px;
    margin-bottom: 50px;
}
.box__info .box__txt-area--txt {
	color: #333;
	margin-bottom: 0;
}

.note {
	font-size: 12px;
	text-align: left;
	text-indent: -1em;
	margin-left: 1em;
}
.note:before {
	content: "※";
}

.mb0 {
	margin-bottom: 0!important;
}
.itemlist__nav {
    margin: 1em auto;
    overflow: hidden;
}
	.itemlist__nav ul li img{width: 100%}
	.itemlist__nav ul li {
    width: 160px;
    display: inline-block;
    margin-bottom: 2em;
	margin-right: .8em;
}
	.itemlist__nav ul li:last-child{
	border-bottom: none;
}
.itemlist__title--h3 {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
    padding-top: 40px;
    text-align: center;
    margin-bottom: 1em;
}
	.itemlist__title--h4{
		padding: 1.1em 0;
	}

/*accordion*/
.itemlist__accordion {
    position: relative;
    text-align: center;
	color: #FFF;
    font-size: 120%;
    font-weight: 500;
    padding: .4em;
	border-radius: 20px;
	width: 94%;
	margin: 0 auto 1em}
.itemlist__accordion::after {
    width: 14px;
    height: 24px;
    content: " ";
    position: absolute;
    top: .5em;
    right: 8%;
    background: url(/gift/fathersday2019/image/icon/arrow_wh.png) no-repeat center top;
    background-size: contain;}
.accordion_list {
background:#FFF;
width: 92%;
margin: 0 auto;}

.accordion_switch {
  position: relative;
  cursor: pointer;
}

.accordion_switch.open::after {
  transform: rotateZ(180deg);
  top: 46%;
}
.accordion_contents {
  display: none;
}
/*meat*/
.itemlist__meat .itemlist__accordion {
    background: #bb6060;
}
.box__title-bg-color,.itemlist__title--h4{
	font-weight: bold;
    letter-spacing: -1px;
    font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", serif;
	text-align: center;
}
.itemlist__meat .box__title-bg-color,.itemlist__meat .itemlist__title--h4{
	color: #c71616;
}
.box__title-bg-color{
	padding: 1em .5em;
	font-size: 30px;
}
.itemlist__title--h4{
	padding: 10px 0;
	margin: 0;
	font-size: 30px;
}
.itemlist__meat {
    background: url(/gift/fathersday2019/image/top/bg_meat.jpg) repeat;
    padding-bottom: 30px;
}

.itemlist_inner{
	width: 94%;
	background: #FFF;
	margin: 0 auto;
	padding-bottom: .8em;
	margin-bottom: 2em;}
.item_index li{display: inline-block;
	margin: 0 1em 1.6em 2em;
	vertical-align: text-top;}
.item_deta img{
	margin-top: .6em;
}
.item_img{width: 30%;
	margin: 0 .8em;}
.item_deta{width: 55%;}
.item_deta h5,.item_deta p
{font-size: 150%;
	font-weight: bold;
	line-height: 1.4;}
.price, .price_n{font-size: 135% !important;
margin-top: .2em;}
.zei{font-weight: 400;
	font-size: 90%;
}
.set_list h5,.set_list02_h5{font-size: 120%;
	font-weight: bold;
	line-height: 1.4;
margin-top: .6em}
.offprice{font-size: 130%;
	color: #c71616;}
.offbox{padding: .2em;
	background: #c71616;
	color: #FFF;
	width: fit-content;
	margin: .4em 0;}

.set_list_block{
	border: 1px solid #CCC;
	padding-bottom: 1.5em;
}

.set_list_block h4{
	font-weight: bold;
	font-size: 140%;
	text-align: center;
	margin: 1em auto .5em;
}
.set_list {
	display: inline-block;
	width: calc((96%) / 3);
	height: 260px;
	margin-left: .4em;
	vertical-align: text-top;}
.set_list img{margin-left: 1.4em;}
/*alcohol*/
.mt08{margin-top: .8em;}
.set_list02_h5{	width: 95%;}
.set_list02_h5 h5, .set_list03_h5{
	font-size: 20px;
	font-weight: 500;
	margin: .4em 0;
}
.box__txt-area--txt{margin-bottom: 10px;}
.set_list03_h5{width: 98%;}
.itemlist__alcohol .itemlist__accordion {
    background: #5381b6;
}
.itemlist__alcohol .box__title-bg-color,.itemlist__alcohol .itemlist__title--h4{
    color: #5381b6;
}	
.itemlist__alcohol {
    background: url(/gift/fathersday2019/image/top/bg_alcohol.jpg) repeat;
    padding-bottom: 30px;
}

.set_list02 li{
	display: inline-block;
	margin-left: 1em;
	vertical-align: text-top;}
.set_list02_img{
	width: 35%;
}
.set_list02_text{
	width: 58%
}

/*sweets*/
.itemlist__sweets .itemlist__accordion {
    background: #408829;
}
.itemlist__sweets .box__title-bg-color,.itemlist__sweets .itemlist__title--h4{
    color: #408829;
}	

.itemlist__sweets {
    background: url(/gift/fathersday2019/image/top/bg_sweets.jpg) repeat;
    padding-bottom: 30px;
}

/*zakka*/
.itemlist__zakka .itemlist__accordion {
    background: #ac804c;
}
.itemlist__zakka .box__title-bg-color,.itemlist__zakka .itemlist__title--h4{
    color: #ac804c;
}	
.itemlist__zakka {
    background: url(/gift/fathersday2019/image/top/bg_seafood.jpg) repeat;
    padding-bottom: 30px;
}




/*uminosachi*/
.item-area {
	background: #FFF;
	width: 94%;
	position: relative;
    margin: -80px auto 0;
	padding-bottom: 2em;
}

.item-area_h3_po{
	font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", serif;
	padding: 0.25em .8em;
	background: #FFF;
	border-left: solid 8px #000000;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 1em;
    margin: 0;
}
.item-area_h3{
		font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", serif;
	padding: 0.25em .8em;
	background: #FFF;
	border-left: solid 8px #000000;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 1em;
    margin: 0;
}
.cen_eat{margin: 0 auto;
    width: 90%; }
.cen_eat_txt {
	text-align: right;
	width: 90%;
	margin: 0 auto 30px;
}
.item-area .cen{padding-top: 2em;}
.item-area .cen img{width: 70%;}
.item-area .p_text{
	width: 90%;
	margin: 20px auto 30px;
}
.item-area_ul, .item-area_ul_a, .item-area_ul_n{
	margin: 2em 8em;
}
.item-area_ul .item_deta h5, .item-area_ul_a .item_deta h5, .item-area_ul_n .item_deta h5{
	font-size: 180%;
	position: relative;
	width: 360px;
}
.off_20::after, .off_30::after{
	width: 150px;
    height: 150px;
    content: " ";
    position: absolute;
    top: -.4em;
    right: -150px;
    z-index: 2;
}
.off_20::after {
    background: url(../../../gift/image/off_anago.png) no-repeat left top;
    background-size: contain;
}
.off_30::after {
    background: url(../../../gift/image/off_30.png) no-repeat left top;
    background-size: contain;
}
.item-area_ul .price,.item-area_ul_a .price,.item-area_ul_n .price{font-weight: bold;
	margin-top: .5em;
	font-size: 160%;
	padding-bottom: 1em;}
.mmg{margin-bottom: -1em}
/*ikura*/
.ikura_bg{background: #d4dae2;
padding-bottom: 2.5em;}
/*anago*/
.anago_bg{background: #f9dcce;
padding-bottom: 2.5em;}
/*katsuo*/
.katsuo_bg{background: #ffe2e5;
padding-bottom: 2.5em;}
/*mentai*/
.mentai_bg{background: #f0e7df;
padding-bottom: 2.5em;}
/*salmon*/
.salmon_bg{background: #cd8c68;
padding-bottom: 2.5em;}
/*shrimp*/
.shrimp_bg{background: #ff8a74;
padding-bottom: 2.5em;}


.item-end{text-align: center;
font-weight: bold;
font-size: 26px;
margin: 2em auto;
color: red;}
.itme_nemu02{font-size: 14px;}
.package_ul li{
	display: inline-block;
    width: calc(90% / 4);
	margin-bottom: 2em;
}
.package_ul li:nth-of-type(1), .package_ul li:nth-of-type(3), .package_ul li:nth-of-type(5), .package_ul li:nth-of-type(7) {
    margin-left: 1em;
	margin-right: .4em;
}
.package_ul {margin: 0 auto}


.recommend-area {
	background: #fff9e9;
	width: 90%;
	box-sizing: border-box;
	border: solid 5px #cea152;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
	padding: 3em 0 2em;
	margin: 4em auto 0;
}
.recommend-area .recommend-ttl {
	text-align: center;
	margin-bottom: 3em;
}
.recommend-area .recommend-ttl img {
	width: auto;
}
.recommend-area h5 {
	font-size: 180%;
	font-weight: bold;
	text-align: center;
}
.recommend-area .cen img {
	width: 80%;
}
.recommend-area .price {
	font-weight: bold;
	display: inline-block;
	position: relative;
	margin: 20px 100px 60px;
}
.recommend-area  .price.off_30::after{
    right: -170px;
}
.info_shrimp {
	text-align: center;
	margin-bottom: 2em;
}

.point_txt02 {
	text-align: center;
	box-sizing: border-box;
    border: 5px solid #f00;
    margin: 20px auto;
    padding: 15px;
}
.point_txt02 p {
	color: #f00;
	font-size: 20px;
	line-height: 1.4em;
	font-weight: bold;
}
.point_txt02 p.txt_ttl {
	font-size: 32px;
	margin-bottom: 5px;
}
.point_txt02 p.txt_b {
	font-size: 26px;
}
.point_txt02 ul {
	display: inline-block;
	margin: 10px 0 30px 20px;
}
.point_txt02 ul li {
	font-size: 18px;
	list-style-type: disc;
	text-align: left;
}

.soldout, .comingsoon {
	position: relative;
}
.soldout::after, .comingsoon::after {
	width: 150px;
    height: 80px;
    content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	margin: auto;
}
.soldout::after {
    background: url(../../../gift/image/soldout.png) no-repeat left top;
    background-size: contain;
}
.comingsoon::after {
    background: url(../../../gift/image/comingsoon.png) no-repeat left top;
    background-size: contain;
}

/* accordion */
.box__txt-area--more {
    width: 150px;
	font-size: 18px;
    color: #8e5100;
    text-align: center;
	border-top: solid 3px #8e5100;
	border-bottom: solid 3px #8e5100;
    cursor: pointer;
	padding: 10px 0;
    margin: 10px auto 20px;
}
.box__inner--none {
    display: none;
}
.box__inner--none:after {
    content: "";
    display: block;
    clear: both;
    line-height: 0;
}

/* box__fukidashi */
.box__fukidashi1,
.box__fukidashi2{
    background: #fff2f3;
    display: block;
    position: relative;
    height: auto;
    padding: 10px 15px 15px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; 
    margin-bottom: 30px;
}
.box__fukidashi1:before{
    content: "";
    display: inline-block;
    border: 10px solid transparent;
    border-top-color: #fff2f3;
    position: absolute;
    left: 20%;
    bottom: -20px;
}
.box__fukidashi2:before{
    content: "";
    display: inline-block;
    border: 10px solid transparent;
    border-top-color: #fff2f3;
    position: absolute;
    left: 50%;
    bottom: -20px;
}
.box__fukidashi1 dt,
.box__fukidashi2 dt,
.point--sub {
    font-size: 16px;
}

.txt-right{
    text-align: right;
}
.box__txt-area--center {
	margin: 20px 55px 30px;
}

.box_package {
    width: 90%;
    margin: 20px auto 30px;
}
.package_p {
	color: #fff;
	font-size: 22px;
	text-align: center;
	background: #000;
	padding: 5px 0;
	margin-bottom: 20px;
}
.box_package .box__img--left {
	width: 45%;
	margin: 0 5% 20px 0;
}
.box_package .box__txt-area--right {
	width: 50%;
	float: right;
	margin: 0;
}
.box_package .p_text {
	width: auto;
	margin: 0;
}
.box_package .p_big {
	font-size: 22px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}

.box-news {
    font-size: 28px;
    color: #d70000;
    font-weight: bold;
    text-align: center;
    margin: 20px 0 5px;
    padding: 10px;
    border-top: 6px solid #d70000;
    border-bottom: 6px solid #d70000;
}
.box-news-note {
    color: #d70000;	
	font-size: 16px;
	text-align: right;
	margin: 0 15px 20px 0;
}