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

#wineCommonHeader .contents {
	max-width: 1164px;
}

.wineContain {
	width: 100%;
	margin: 0 auto;
}

.wrap {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 100px 0;
	position: relative;
}

.banner {
	line-height: 0;
	margin: 0 auto;
	height: 80px;
	width: 100%;
	background: #7b1155;
	overflow: hidden;
}

.bannerLeft {
	float: left;
	height: 80px;
	margin: 0;
}

.bannerRight {
	float: right;
	height: 80px;
	margin: 0px;
}

.container .containInner {
	max-width: 700px;
	margin: 0 auto;
}

.containInner .boxContain {
	border: 2px solid #d1d1d1;
	padding: 27px 29px 25px 29px;
	margin: 24px 0 20px 0;
	letter-spacing: -0.1px;
}

.containInner .boxContain .ttlContain {
	font-size: 1.14285em;
	color: #7b1155;
	letter-spacing: -0.1px;
	margin: 0;
}

.containInner .boxContain .txt {
	font-size: 1.14285em;
	color: #181818;
	margin: 9px 0 0 0;
	line-height: 1.875;
}

.artBox .ttlArt {
	font-size: 2.46em;
	color: #7b1155;
	line-height: 1.44;
	letter-spacing: 0px;
	margin: 53px 0 0 0;
}

.ttlArt.fix {
	font-family: Helvetica, Arial, sans-serif;
	margin: 49px 0 -3px 0;
	letter-spacing: -0.2px;
}

.artBox .artInfo {
	color: #7f7f7f;
	font-size: 1.0714em;
	text-align: right;
	margin: 7px 0 0 0;
	letter-spacing: -0.1px;
}

.artBox .artInfo .date {
	font-family: Helvetica, Arial, sans-serif;
	margin-right: 10px;
}

.artBox .artImg {
	margin: 35px 0;
	line-height: 0;
	text-align: center;
}

.artBox .artImg img {
	max-width: 100%;
}

.artBox .artTxt {
	font-size: 1.285em;
	color: #181818;
	line-height: 1.7;
	letter-spacing: -0.1px;
	margin-bottom: 20px;
}

.artBox .artTxt.fix {
	font-family: Helvetica, Arial, sans-serif;
	margin: 37px 0 20px 0;
	letter-spacing: 0.2px;
	font-weight: 200;
}

.ttlArt.fix2 {
	letter-spacing: 0.5px;
	padding: 2px 0 14px 0;
}

.artBox2 .ttlArt {
	color: #7b1155;
	font-size: 1.9285em;
	letter-spacing: -0.5px;
	padding-bottom: 9px;
	border-bottom: 2px solid #d1d1d1;
	margin: 51px 0 40px 0;
}

.artBox2 .boxImg .boxImgContain {
	overflow: hidden;
	width: 100%;
	display: -webkit-flex;
	display: flex;
}

.artBox2 .boxImg .boxImgContain .txt {
	line-height: 1.375;
	font-size: 1.14285em;
	margin: 8px 0 0 0;
	letter-spacing: 0.4px;
	font-weight: 200;
}

.artBox2 .boxImg .boxImgContain .imgLeft {
	flex: 1;
	line-height: 0;
	text-align: center;
}

.artBox2 .boxImg .boxImgContain .imgLeft:not(:last-child) {
	margin-right: 6%;
}

.artBox2 .boxImg .boxImgContain .imgLeft img {
	max-width: 100%;
}

.artBox2 .boxImg .boxImgContain .imgRight {
	flex: 1;
	line-height: 0;
	text-align: center;
}

.artBox2 .boxImg .boxImgContain .imgRight img {
	max-width: 100%;
}

.artBox2 .boxTxt {
	margin: 30px 0 20px 0;
}

.artBox2 .boxTxt .txt {
	font-size: 1.285em;
	color: #181818;
	line-height: 1.7;
	margin: 31px 0 0 0;
	font-weight: 200;
}



.artBox2 .boxTxt .txt.fix {
	margin: 28px 0 0 0;
	letter-spacing: -0.5px;
	font-weight: 200;
}

.artBox2 .boxTxt .txt2 {
	font-size: 1.285em;
	color: #181818;
	line-height: 1.7;
	letter-spacing: 0.2px;
	margin: 30px 0 0 0;
}

.boxNote {
	background: #fffad9;
	border-radius: 10px;
	padding: 28px 30px 24px 30px;
	margin: 40px 0 20px 0;
}

.boxNote .boxNoteInner .ttl {
	color: #bda600;
	font-size: 1.14285em;
	letter-spacing: 0px;
	margin: 0;
}

.boxNote .boxNoteInner ul {
	padding: 7px 0 0 15px;
}

.boxNote .boxNoteInner li {
	letter-spacing: -0.1px;
}

.navPageInner ul li a {
	text-decoration: none;
	color: #7b1155;
}
.navPageInner {
	margin-top: 20px;
}
.navPageInner ul {
	padding: 0;
	text-align: center;
}

.navPageInner ul li {
	display: inline-block;
}

.navPageInner ul li:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.navPageInner ul li.btn {
	background: #7b1155;
	border-radius: 10px;
	color: #ffffff;
	padding: 13px 0px;
	font-weight: bold;
}

.navPageInner ul li.btn a {
	color: #ffffff;
	padding: 13px 113px;
	font-size: 1.14285em;
}

.navPageInner ul li.prev, .next {
	color: #7b1155;
	font-size: 1.14285em;
	font-weight: bold;
}

.navPageInner ul li.prev {
	margin-right: 0px;
	margin-top: 12px;
	float: left;
}

.navPageInner ul li.next {
	float: right;
	margin: 15px 0 0 0;
}

.navPageInner ul li.prev a:before {
	content: "";
	display: inline-block;
	width: 11px;
	height: 14px;
	background: url("../img/ico_paPrev.png") no-repeat;
	margin-right: 12px;
}

.navPageInner ul li.next a:after {
	content: "";
	display: inline-block;
	width: 11px;
	height: 14px;
	background: url("../img/ico_paNext.png") no-repeat;
	margin-left: 12px;
}

#toTop2 {
	position: absolute;
    top: 0px;
    bottom: 0px;
    right: 15%;
}
#toTop2 ul li{
	list-style: none;
}

#toTop2 ul .lang {
	background: #7b1155;
	border-radius: 6px;
	text-align: center;
	color: #ffffff;
	cursor: pointer;
	width: 50px;
	height: 50px;
	margin-bottom: 4px;
	font-family: Helvetica, Arial, sans-serif;
}

#toTop2 ul .lang a {
	text-decoration: none;
	padding-top: 0px;
	color: #ffffff;
	position: relative;
	top: 17px;
	padding: 15px;
	right: 1px;
}

#toTop2 ul li:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}


#toTop2 ul .top {
	background: url("../img/topPage.png") no-repeat;
	width: 50px;
	height: 50px;
	background-size: contain;
	vertical-align: middle;
	cursor: pointer;
}
.toTop2 ul {
	position: fixed;
    margin-right: 0;
    margin-top: 120px;
}
.show {
	display: block;
}
.lineDoted {
	background: url("../img/ico_dotted.png") repeat-x;
	height: 2px;
	margin: 60px 0 50px 0;
}

.mb40 {
	margin-bottom: 40px!important;
}


.mb0 {
	margin-bottom: 0;
}

.fontEng {
	font-family: Helvetica, Arial, sans-serif;
}
.artBox2 .boxImg .boxImgContain{
	margin: 40px 0 30px 0;
}
@media screen and (max-width: 767px) {
	.banner img {
		max-width: 100%;
	}
	.banner {
		height: 53px;
		overflow: hidden;
	}
	#toTop2 ul li {
		display: block;
	}
	.wrapInner {
		padding: 0 15px;
	}
	.containInner .boxContain .ttlContain {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Helvetica Neue LT Std", メイリオ, Meiryo, sans-serif;
		font-size: 0.9286em;
		line-height: 1.6;
	}
	.containInner .boxContain .txt {
		font-size: 0.9286em;
		line-height: 1.6;
	}
	.containInner .boxContain {
		padding: 15px;
		margin: 20px 0 0 0;
	}
	.artBox .artInfo {
		font-size: 0.93em;
	}
	.artBox .artTxt {
		font-size: 0.93em;
	}
	#toTop2 ul .lang {
		margin: 0 0 5px 0;
		padding: 0px;
	}
	.artBox .ttlArt {
		font-size: 1.5714em;
		line-height: 1.5;
	}
	.artBox2 .ttlArt {
		font-size: 1.286em;
	}
	.artBox2 .boxImg .boxImgContain .txt {
		font-size: 0.86em;
		line-height: 1.3;
		margin-bottom: 20px;
		text-align: center;
	}
	.artBox2 .boxTxt .txt {
		font-size: 0.93em;
		line-height: 1.7;
	}
	.artBox2 .boxTxt .txt2 {
		font-size: 0.93em;
		line-height: 1.7;
	}
	.artBox2 .boxImg .boxImgContain .imgLeft, .artBox2 .boxImg .boxImgContain .imgRight{
		margin-bottom: 20px;
	}
	.artBox2 .boxImg .boxImgContain .imgLeft {
		float: none;
		width: 100%;
		text-align: center;
	}
	
	.artBox2 .boxImg .boxImgContain .imgRight {
		float: none;
		width: 100%;
		text-align: center;
	}
	.navPageInner ul li.prev {
		margin-right: 0px;
		float: left;
	}
	.navPageInner ul li.btn {
		width: 150px;
		padding: 9px 0;
		text-align: center;
	}
	#toTop2 ul .top {
		width: 40px;
		height: 40px;
	}
	.toTop2.fixed {
		position: fixed;
		top: 25%;
		bottom: 0;
	}
	#toTop2 ul .lang {
		width: 40px;
		height: 40px;
		float: none;
	}
	#toTop2 ul .lang a {
		top: 11px;
		font-size: 0.93em;
		padding: 12px;
		right: 1px;
	}
	.navPageInner ul li.btn a {
		padding: 8px 38px;
		font-size: 1em;
	}
	.navPageInner ul li.prev a {
		background: url("../img/ico_paPreSp.png") no-repeat;
		width: 15px;
		height: 21px;
		background-size: 100%;
		display: block;
	}
	.navPageInner ul li.prev:before {
		background: none;
		display: none;
	}
	.navPageInner ul li.next a {
		background: url("../img/ico_paNextSp.png") no-repeat;
		width: 15px;
		height: 21px;
		background-size: 100%;
		display: block;
	}
	.navPageInner ul li.next:after {
		background: none;
		display: none;
	}
	.ttlArt.fix {
		letter-spacing: -1.2px;
	}
	.banner img {
		width: 163.5px;
		margin-top: 14.5px;
	}
	.navPageInner ul li.next a:after {
		display: none;
	}
	.navPageInner ul li.prev a:before {
		display: none;
	}
	.artBox .ttlArt {
		margin: 30px 0 0 0;
	}
	.artBox .artImg {
		margin: 25px 0 15px 0;
	}
	.artBox2 .ttlArt {
		margin: 20px 0 20px 0;
	}
	.artBox2 .boxImg .boxImgContain {
		display: block;
	}
	.artBox2 .boxImg .boxImgContain .imgLeft {
		margin-right: 0%;
	}
	.artBox2 .boxTxt {
		margin: 0px;
	}
	.artBox2 .boxTxt .txt {
		margin: 0px;
	}
	.artBox2 .boxTxt .txt2 {
		margin: 20px 0 0 0;
	}
	.boxImgContain .img {
		text-align: center;
	}
	.artBox2 .boxImg .boxImgContain .txt, .artBox2 .boxImg .boxImgContain .img {
		margin: 10px 15px 20px;
	}
	.toTop2.fixed ul{
		right: 2%;
		top: 100px;
	}
	.toTop2 ul{
	right: 2%;
	}
	.boxNote .boxNoteInner .ttl{
		font-size: 0.93em;
	}
	.boxNote .boxNoteInner li{
		font-size: 0.93em;
	}
	.artBox2 .boxImg .boxImgContain{
	margin: 20px 0 0 0;
}
}

.mb20 {
	margin-bottom: 20px!important;
}

html {
	scroll-behavior: smooth;
}

@media print, screen and (min-width: 768px) {
	.onlySp {
		display: none !important;
	}
}

@media screen and (max-width: 767px) {
	.onlyPc {
		display: none !important;
	}
}

html {
	-webkit-text-size-adjust: 100%;
}