@charset "utf-8";
/* CSS Document */
img{
vertical-align:top;
}
.ttlBx{
background: url(../wine/img/ttl_bg.jpg) center center no-repeat;
background-size: cover;
}
.ttlBx > div{
padding-bottom: 10px;
}
.ttlBx > div .ttsub{
margin-bottom: 0;
}
.ttlBx > div h1 img{
width: 100%;
margin-left: -10px;
margin-top: -10px;
}
.anc li/*:last-child */{
width: 100%;
}
.inner {
padding: 0 4%;
width: 100%;
}
.txCg{
font-size: 18px;
font-weight: bold;
padding: 0;
margin: 15px 0;
}
.sbs{
padding: 0 4%;
}
.sbs img:first-child{
margin-bottom: 10px;
}
.sts01{
font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
font-weight: bold;
font-size: 28px;
text-align: center;
margin-top: 30px;
}
#torihiki .fooB img{
width: 80%;
height: auto;
}
#torihiki .fooB{
text-align: center;
}
#torihiki h4{
text-align: center;
font-size: 18px;
margin-top:10px;
}
.sbs2{
margin-top: 20px;
}
section{
margin-bottom: 30px;;
}
.sbs2{
width: 100%;
}
.introT{
font-size: 20px;
}
#preservative table{
width: 100%;
font-size: 14px;
}
#preservative th{
background-color: #eee;
}
#preservative table .natureWine{
background-color: #006a60;
color: #fff;
font-size: 16px;
}
#preservative table span{
font-size: 12px;
font-weight: normal;
}
#preservative table caption{
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
#preservative td,#preservative th{
padding: 20px 0;
border: 1px solid #ccc;
text-align: center;
width: 50%;
vertical-align: middle;
}
.endingT{
    padding: 4%;
    background-color: #7b1515;
    margin: 15px 0;
}
.endingT .txCg{
	color: #fff;
}

.webS {
    background-color: #fff;
    text-align: center;
    padding: 0;
    margin: 20px 4% 20px;
}
.webS a {
    text-decoration: none;
    font-weight: bold;
    color: #006a60;
    width: 100%;
    display: block;
    font-size: 18px;
    border: 2px solid #006a60;
    box-sizing: border-box;
}

.webS a img {
    vertical-align: middle;
}

@media screen and (min-width: 768px), print {
			.ttlBx > div h1 img {
			margin-top: -30px;
			}
			.ttlBx{
			background-size: auto;
			}
			.anc li/*:last-child*/{
			width: 30%;
			}
			.inner { 
			margin: 0 auto;
			padding: 0;
			max-width: 1280px;
			}	
			.sbs{
			width: 100% !important;
			padding: 0;
			display: flex;
			justify-content: space-between;
			}
			.sbs img{
			width: 48% !important;
			max-width: 910px;
			height: auto;
			}
			.sts01 {
    	font-size: 60px;
			margin-top: 50px;
			}	
			.txCg{
			font-size: 20px;
			text-align: center;
			margin: 30px 0;
			}
			.sbs img:first-child{
			margin-bottom: 0;
			}
			.sbs2{
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-top: 50px;
			}	
			section{
			margin-bottom:100px;
			}
			#torihiki h4{
			text-align: left;
			font-size: 24px;
			margin-bottom: 20px;
			margin-top:0;
			}
			#torihiki .fooB{
			width: 350px;
			flex-shrink: 0;
			margin-right: 30px;
			}
			#torihiki .fooB img{
			width: 100%;
			height: auto;
			}
			#torihiki .txCg{
			margin-top: 50px;
			}
			.pcTC{
			text-align: center;
			}
			.introT{
			font-size: 25px;
			padding-top: 0;
			}
			#nature .fooL,#preservative .fooL{
			width: 400px;
			flex-shrink: 0;
			margin-right: 70px;
			}
			#nature .fooL img,#preservative .fooL img{
			width: 100%;
			height: auto;
			}
			#nature .sbs2{
			align-items: flex-start;
			}	
			#preservative .sbs2:first-of-type{
			align-items: center;
			flex-direction: row-reverse;
			}
			#preservative .preservativeTWrap{
			width: 400px;
			flex-shrink: 0;
			margin-left: 70px;
			}
			#preservative table{
			width: 100%;
			font-size: 16px;
			}
			.endingT {
			padding: 2%;
			background-color: #7b1515;
			margin: 50px 0;
			}
			#preservative table span{
			font-size: 14px;
			}
  
.webS {
    width: 40%;
    margin: 40px 30% 0;
}
}