@charset "shift_jis";
/*resset*/
.anacardDisWrap img {
	vertical-align:top;
}
.anacardDisWrap {
	width:100%;
	min-width:1020px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.anacardDisWrap .linkBlock {
	position: relative;
	height: 88px;
	margin: 0 auto;
}
.anacardDisWrap .linkBlock .ttl {
	position: absolute;
	top: 15px;
	left: 0;
}
.anacardDisWrap .linkBlock .btn {
	position: absolute;
	top: 17px;
	right: 0;
}

/* 終了対応 */
.anacardDisWrap .KVBlock.grayOut {
  position: relative;
}
.anacardDisWrap .KVBlock.grayOut::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  z-index: 10;
}
.anacardDisWrap .KVBlock.grayOut::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  display: block;
  width: 680px;
  height: 76px;
  background: url(../image/anacardDis_end_001_240109.gif) no-repeat;
  background-position: center center;
  background-size: cover;
  z-index: 20; 
}

.anacardDisWrap .KVBlock {
	width: 100%;
/*	background: url(../image/anacardDis_endbg_180402.jpg) 50% 0 no-repeat #0c213d;*/
}
.anacardDisWrap .KVBlock .inner {
	margin: auto;
	text-align: center;
}
.anacardDisWrap .KVBlock .inner .cardImg {
	margin-bottom: 30px;
}

.anacardDisWrap .cpnAnchor {
	margin: 15px 39px 93px auto;
	text-align: right;
}

.anacardDisWrap .linkBlock2 {
	margin-bottom:120px;
	text-align:center;
}
.anacardDisWrap .linkBlock2 .headingBlock{
	margin-bottom:18px;
}


/* .navBlock */
.anacardDisWrap .navBlock {
	margin: 75px auto 32px;
}
.anacardDisWrap .navBlock .ttl {
	margin-bottom: 1px;
}
.anacardDisWrap .navBlock ul li {
	float:left;
	margin-right: 1px;
}
.anacardDisWrap .navBlock ul li:last-child {
	margin-right: 0;
}
.anacardDisWrap .section .headingBlock {
	display: table;
	width: 100%;
	margin:76px 0 0 0;
	padding: 23px 0 23px 0;
	border-top: solid 1px #c4c4c4;
	border-bottom: solid 1px #c4c4c4;
}
.anacardDisWrap .navBlock .nav04{
	margin-right: 0;
	margin-bottom: 1px;
}
.anacardDisWrap .section .headingBlock h2 {
	display: table-cell;
	width: 50%;
	color: #0b2363;
	font-size: 28px;
	font-weight: bold;
	vertical-align: middle;
}
.anacardDisWrap .section .headingBlock .link {
	display: table-cell;
	width: 50%;
	font-size: 28px;
	font-weight: bold;
	line-height: 34px;
	text-align: right;
}
.anacardDisWrap .section .headingBlock .link a {
	display: inline-block;
	padding-right: 16px;
	color: #0b2363;
	font-size: 16px;
	background: url(../image/anacardDis_arrow_001.gif) 100% 47% no-repeat transparent;
}

/* .section .productBlock */
.anacardDisWrap .section .productBlock {
	margin-bottom: 36px;
}
.anacardDisWrap .section .column2Wrap {
	margin-bottom: 40px;
	padding-bottom: 37px;
	background: url(../image/anacardDis_bg_002.gif) 0 bottom repeat-x transparent;
}
.anacardDisWrap .section .column2Wrap .column {
	width: 437px;
	float: left;
}
.anacardDisWrap .section .column2Wrap .column:last-child {
	float: right;
}
.anacardDisWrap .section .column2Wrap .column .leftBlock {
	width: 200px;
	float: left;
}
.anacardDisWrap .section .column2Wrap .column .rightBlock {
	position: relative;
	width: 216px;
	height: 353px;
	float: right;
}
.anacardDisWrap .section .column2Wrap .column .rightBlock .name {
	position: absolute;
	left: 0;
	bottom: 121px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.66;
}
.anacardDisWrap .section .column2Wrap .column .rightBlock .name a {
	color: #000;
}
.anacardDisWrap .section .column2Wrap .column .rightBlock .price {
	position: absolute;
	right: 0;
	bottom: 69px;
	font-size: 30px;
	font-weight: bold;
	text-align: right;
	letter-spacing: -1px;
}
.anacardDisWrap .section .column2Wrap .column .rightBlock .price .tax {
	font-size: 16px;
	vertical-align: middle;
}
.anacardDisWrap .section .column2Wrap .column .rightBlock .btn {
	position: absolute;
	left: 0;
	bottom: 0;
}

.anacardDisWrap .section .column4Wrap .column {
	margin: 0 29px 40px 0;
	width: 216px;
	float: left;
}
.anacardDisWrap .section .column4Wrap .column:nth-child(3n) {
	margin-right: 28px;
}
.anacardDisWrap .section .column4Wrap .column:nth-child(4n) {
	margin-right: 0;
}
.anacardDisWrap .section .column4Wrap .column .img {
	margin-bottom: 25px;
}
.anacardDisWrap .section .column4Wrap .column .name {
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.66;
}
.anacardDisWrap .section .column4Wrap .column .name a {
	color: #000;
}
.anacardDisWrap .section .column4Wrap .column .price {
	margin-bottom: 15px;
	font-size: 22px;
	font-weight: bold;
	text-align: right;
	line-height: 1.0;
}
.anacardDisWrap .section .column4Wrap .column .price .tax {
	font-size: 12px;
	vertical-align: middle;
}


/* .section .bnrBlock */
.anacardDisWrap .section .bnrBlock {
	margin-top:20px;
	padding-top: 39px;
	border-top: 1px solid #c4c4c4;
}
.anacardDisWrap .section .bnrBlock ul li {
	float: left;
	width: 220px;
	margin: 0 46px 30px 0;
}
.anacardDisWrap .section .bnrBlock ul li:nth-child(4n) {
	margin-right: 0;
}

/* .section .gotop */
.anacardDisWrap .section .gotop {
	text-align: right;
}

/* .cpnBlock */
.anacardDisWrap .cpnBlock {
	margin: 60px auto 0;
	border: 1px solid #2e2e2e;
}
.anacardDisWrap .cpnBlock .ttlBlockA01{
	padding: 19px 0 19px;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	background: #000;
}
.anacardDisWrap .cpnBlock .inner {
	padding: 35px 55px;
	color: #333;
	font-size: 15px;
	line-height: 1.57;
}
.anacardDisWrap .cpnBlock p {
	margin-bottom: 1em;
}
/* .anacardDisWrap .cpnBlock dt,
.anacardDisWrap .cpnBlock dd {
	float: left;
} */
.anacardDisWrap .cpnBlock ul li {
	text-indent: -1em;
	margin-left: 1em;
}
.anacardDisWrap .end{
	margin:0 auto;
}

/*180928追加*/
.anacardDisWrap .bnrBlock01 .ttl{
	margin-bottom: 18px;
}
.anacardDisWrap .bnrBlock01 li{
	float: left;
	margin: 0 18px 18px 0;
}
.anacardDisWrap .bnrList01 :nth-child(2n){
	margin-right: 0;
}

.anacardDisWrap .bnrList02 :nth-child(3n){
	margin-right: 0;
}

.anacardDisWrap .bnrBlock01 .bnrList01 img{
	width: 500px;
}
.anacardDisWrap .bnrBlock01 .bnrList02 img{
	width: 328px;
}

/*190318up 追記*/
.anacardDisWrap .navBlock a,
.anacardDisWrap .section .bnrBlock ul li a,
.anacardDisWrap .bnrBlock01 .bnrList01 a,
.anacardDisWrap .bnrBlock01 .bnrList02 a{
	display:block;
}

.anacardDisWrap .section .gotop a{
	display:inline-block;
}

/*190910追加*/
.anacardDisWrap .cpnAnchor a{
	display:inline-block;
}
/*210604up 追記*/
.anacardDisWrap .btnA01{
	width: 570px;
	margin: 50px auto 0;
}
.anacardDisWrap .btnA01 a{
	display: block;
}

/* 230123up */
.anacardDisWrap .bnrBlockA01 {
width: 750px;
margin: 50px auto 0;
}
.anacardDisWrap .notation {
text-align: left;
margin-top: 5px;
font-weight: bold;
}

.anacardDisWrap .cautionBlockA01{
margin:25px 0 50px 0;
background:#e3e5ed;
padding:15px;
font-weight:bold;
}

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

topCategryArea

-------------------------------------------*/
.topCategryArea{
  margin-top: 60px;
}
.topCategryArea .secTtl .icon {
  width: 49px;
  height: 50px;
}
.topCategryArea .topCategryList{
  margin-top: 30px;
}
.topCategryArea .topCategryList ul:after{
  content: "";
	display: block;
	clear: both;
}
.topCategryArea .topCategryList li{
  position: relative;
  float: left;
  width: 31.7%;
  margin-top: 30px;
  margin-right: 2.4%;
  border-radius: 6px;
  box-sizing: border-box;
  overflow: hidden;
}
.topCategryArea .topCategryList li:nth-child(3n){
  margin-right: 0;
}
.topCategryArea .topCategryList li:nth-child(-n+3){
  margin-top: 0;
}
.topCategryArea .topCategryList li:nth-child(3n+1){
  clear: both;
}
.topCategryArea .topCategryBlock{
  position: relative;
  display: block;
  text-decoration: none;
}
.topCategryArea .topCategryBlock .icon{
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
  -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 60px;
  width: 70px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
}
.topCategryArea a.topCategryBlock:hover .ph,
.topCategryArea .topCategryBlock .col a:hover .ph{
  opacity: 0.7;
  transition: 0.3s ease-in-out;
}
.topCategryArea .topCategryBlock .ph img{
  width: 100%;
  max-width: 100%;
  height: auto;
}
.topCategryArea .topCategryBlock .meta{
  background-color: #0B318F;
  padding: 75px 10px 25px;
  text-align: center;
  transition: .3s;
}
.topCategryArea .topCategryBlock .meta .name{
  margin-top: 8px;
  font-size: 1.06em;
  color: #fff;
}
.topCategryArea .topCategryBlock .meta .name span{
  position: relative;
  display: inline-block;
  padding-left: 0.7em;
}
.topCategryArea a.topCategryBlock:hover .meta .name span,
.topCategryArea .topCategryBlock .col a:hover .meta .name span{
  text-decoration: underline;
}
.topCategryArea .topCategryBlock .meta .name span:before{
  content: '';
  display: block;
  background: url(https://images.astyle.jp/images/cmn/icon/arw_white_r.png) center center no-repeat;
  background-size: 100%;
  width: 7px;
  height: 11px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.topCategryArea .topCategryBlock .col{
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
	width: 100%;
}
.topCategryArea .topCategryBlock .col > a{
  width: 50%;
} 
.topCategryArea .topCategryBlock .col img{
  width: 100%;
  max-width: 100%;
  height: auto;
}

/*230612up****************************************************/
.anacardDisWrap .productBlock .listProduct {
    display: flex;
    justify-content: space-between;
    max-width: 824px;
    margin: 40px auto 0;
}
.anacardDisWrap .productBlock .listProduct li {
    width: 179px;
}
.anacardDisWrap .productBlock .listProduct li img {
    width: 100%;
}
.anacardDisWrap .productBlock .listProduct02 {
    display: flex;
    justify-content: space-between;
    max-width: 958px;
    margin: 40px auto 0;
}
.anacardDisWrap .productBlock .listProduct02 li img {
    width: 100%;
}
.anacardDisWrap .headingBlockA01{
margin-top: 100px;
}

/*productBlock01****************************************************/
.anacardDisWrap .productBlock01 {
  margin-top: 60px;
}
.anacardDisWrap .productBlock01 .productInner {
  padding: 0 56px;
  height: 565px;
  background-image: url(../image/anacardDis_bg_001_231101.jpg);
  background-repeat: no-repeat;
  box-sizing: border-box;
}
.anacardDisWrap .productBlock01 .productItem {
  padding: 30px 0;
  display: flex;
  justify-content: space-between;
}
.anacardDisWrap .productBlock01 .productItem + .productItem {
  border-top: 1px solid #000;
}
.anacardDisWrap .productBlock01 .productItem:nth-child(even) {
  flex-direction: row-reverse;
}
.anacardDisWrap .productBlock01 .productNote {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1;
  text-align: right;
}

/*productBlock01****************************************************/
.anacardDisWrap .entryBlock01 {
  margin-top: 60px;
  padding: 29px 0;
  height: 452px;
  background-image: url(../image/anacardDis_bg_002_231101.png);
  background-repeat: no-repeat;
  background-position: top right;
  border: 2px solid #2357ae;
  box-sizing: border-box;
}
.anacardDisWrap .entryBlock01 .entryInner {
  width: 908px;
  margin: 20px auto 0;
}
.anacardDisWrap .entryBlock01 .entryText {
  font-size: 26px;
  line-height: 1.2;
  letter-spacing: -0.06em;
  text-align: left;
}
.anacardDisWrap .entryBlock01 .entryNote {
  margin-top: 27px;
}
.anacardDisWrap .entryBlock01 .entryNote li {
  font-size: 14px;
  line-height: 1.2;
  text-align: left;
}
.anacardDisWrap .entryBlock01 .entryLink {
  margin: 39px auto 0;
  display: flex;
  justify-content: center;
}
/* PC用 お酒注釈テキスト ここから */
.noteBox {
  margin: 60px auto 30px;
  padding: 1em;
  background-color: #e3e5ed;
}
.noteBox .noteText {
  padding-left: 1em;
  text-indent: -1em;
  letter-spacing: 0.3px;
  line-height: 1.3;
  font-size: 14px;
  font-weight: bold;
}
.noteBox .noIndent {
  padding-left: 0;
  text-indent: 0;
}
/* PC用 お酒注釈テキスト ここまで */


/* 250616up */
.anacardDisWrap .cpnBlock dl {
	margin-bottom: 1em;
}
.anacardDisWrap .cpnBlock dl:last-child {
  margin-bottom: 0;
}
.anacardDisWrap .cpnBlock dl dt {
	font-weight: bold;
}
.anacardDisWrap .cpnBlock dl dd + dd {
	margin-top: 1em;
}

/* 251020up */
.anacardDisWrap .cpnBlock02 {
background: url(../image/anacardDis_bg_001_251020.jpg) no-repeat top center;
text-align: center;
}
.anacardDisWrap .cpnBlock02 .col3 {
padding-top: 50px;
display: flex;
justify-content: center;
}
.anacardDisWrap .cpnBlock02 .cpnBlockText {
margin-top: 30px;
font-size: 17px;
color: #fff;
line-height: 1.7;
}
.anacardDisWrap .cpnBlock02 .cpnBlockBtn {
width: 410px;
margin: 20px auto 0;
padding-bottom: 50px;
}
.anacardDisWrap .cpnBlock02 .cpnBlockBtn a {
display: block;
}

.anacardDisWrap .infoBlock01 {
width: 780px;
margin: 50px auto 0;
text-align: center;
}
.anacardDisWrap .infoBlock01 h2 {
padding: 7px 0 3px;
color: #fff;
font-size: 22px;
font-weight: bold;
}
.anacardDisWrap .infoBlock01 .infoBlockArea02,
.anacardDisWrap .infoBlock01 .infoBlockArea03 {
margin-top: 30px;
}
.anacardDisWrap .infoBlock01 .infoBlockArea01 h2 {
background-color: #3a77db;
}
.anacardDisWrap .infoBlock01 .infoBlockArea02 h2 {
background-color: #2357ae;
}
.anacardDisWrap .infoBlock01 .infoBlockArea03 h2 {
background-color: #2357ae;
}
.anacardDisWrap .infoBlock01 .infoBlockNote {
margin-top: 40px;
text-align: center;
}
.anacardDisWrap .infoBlock01 .infoBlockNote .col2 {
display: flex;
justify-content: center;
align-items: center;
}
.anacardDisWrap .infoBlock01 .infoBlockNote .infoBlockNoteText {
margin-left: 20px;
font-size: 17px;
font-weight: bold;
}