@charset "shift_jis";
/*content820pxReset*/
/*------------------------------
PC
------------------------------*/
@media screen and (min-width: 769px) {
#main{
  width:820px;
}
.contents_bg{
  max-width: 1120px;
  margin: 0 auto;
}
body.min{
  min-width: 1120px;
}
/* beaujolaisWrap */
.anafanWrap {
  width: 100%;
  max-width: 820px;
  margin: 0 auto;
  font-size: 14px;
	font-feature-settings: "palt";
  color: #000;
}
.anafanWrap img{
vertical-align:top;
}
.anafanWrap a{
display: block;
}
/*mvBlockA01********************************************************/
.anafanWrap .mvBlockA01 h1 img {
width: 100%;
height: auto;
}
/*anchorLinkBlockA01************************************************/
.anafanWrap .anchorLinkBlockA01 {
height: 80px;
background-color: #122459;
}
.anafanWrap .anchorLinkBlockA01 ul{
display: flex;
}
/*itemBlockA01******************************************************/
.anafanWrap .lineupBlockA01 {
margin-bottom: 60px;
}
.anafanWrap .lineupBlockA01Inner {
margin: 40px auto 0;
padding-top: 60px;
}
.anafanWrap .lineupBlockA01 .headingBlockB01 h2 {
font-size: 50px;
text-align: center;
margin-bottom: 15px;
}
.anafanWrap .lineupBlockA01 .headingBlockB01 .ttl01 {
color: #122459;
}
.anafanWrap .lineupBlockA01 .headingBlockB01 .ttl02 {
color: #122459;
}
.anafanWrap .lineupBlockA01 .headingBlockB01 .ttltxt {
font-size: 26px;
line-height: 1.067;
text-align: center;
margin-bottom: 30px;
}
.anafanWrap .lineupBlockA01 .headingBlockB01 .aboutTxtBlockA01 p {
font-size: 16px;
line-height: 2;
text-align: center;
}
.anafanWrap .itemBlockA01 {
margin: 0 auto 50px;
}
.anafanWrap .itemBlockA01 li{
float: left;
margin:0 30px 30px 0;
}
.anafanWrap .itemBlockA01 li:nth-child(4n){
margin-right: 0;
}
.anafanWrap .bnrBlockA01 {
margin: 0 138px 80px;
}
.anafanWrap .bnrBlockA01 li{
float: left;
margin:0 25px 30px 0;
}
.anafanWrap .bnrBlockA01 li:last-child{
margin-right: 0;
}
.anafanWrap .btnBlockA01{
margin-top: 40px;
text-align: center;
}
.anafanWrap .btnBlockA01 a{
display: inline-block;
}
.anafanWrap .productImgA01 p img,
.anafanWrap .productImgA02 p img{
width:100%;
min-width: 1920px;
height: 100%;
}
.anafanWrap .productImgA02{
margin-bottom: 220px;
}
}

/*------------------------------
SP（スマートフォン）
------------------------------*/
@media screen and (max-width: 768px) {
/* h1 and h2 */
#main h1 img,#main div[id^="h2_0"] img{
zoom:1;
display:block;
max-width:750px;
width:100%;
height:auto;
margin:auto;
}
/* wrap */
.anafanWrap{
max-width:750px;
width:100%;
margin:0 auto;
-webkit-text-size-adjust:100%;
background: #ffffff;
}
.anafanWrap img{
vertical-align: top;
width: 100%;
height: auto;
zoom: 1 !important;
}
.anafanWrap a{
display: block;
}
/*anchorLinkBlockA01************************************************/
.anafanWrap .anchorLinkBlockA01 ul {
display: flex;
flex-wrap: wrap;
}
.anafanWrap .anchorLinkBlockA01 li {
width: 50%;
}
.anafanWrap .anchorLinkBlockA01 li:nth-child(2n){
margin-right: 0;
}
/*itemBlockA01******************************************************/
.anafanWrap .lineupBlockA01 {
margin-bottom: 60px;
padding: 10% 0 0;
}
/* .anafanWrap .lineupBlockA01Inner {
padding: 10% 0 0;
} */
.anafanWrap .lineupBlockA01 .headingBlockB01 h2 {
font-size: clamp(30px, 8vw, 60px);
line-height: 1;
text-align: center;
margin-bottom: 4%;
font-weight: bold;
background: transparent;
}
.anafanWrap .lineupBlockA01 .headingBlockB01 .ttl01 {
color: #122459;
}
.anafanWrap .lineupBlockA01 .headingBlockB01 .ttl02 {
color: #122459;
}
.anafanWrap .lineupBlockA01 .headingBlockB01 .ttltxt {
font-size: clamp(15px, 4vw, 30px);
line-height: 1.067;
text-align: center;
margin-bottom: calc(80 / 750 * 100%);
}
.anafanWrap .lineupBlockA01 .headingBlockB01 .aboutTxtBlockA01 p {
font-size: clamp(14px, 3.47vw, 26px);
line-height: 1.5;
text-align: center;
margin:0 calc(55 / 750 * 100%) 0;
}
.anafanWrap .itemBlockA01 {
margin: 0 calc(30 / 750 * 100%);;
}
.anafanWrap .itemBlockA01 li {
float: left;
width: calc(362 / 750 * 100%);
margin: 0 calc(26 / 750 * 100%) calc(30 / 750 * 100%) 0;
}
.anafanWrap .itemBlockA01 li:nth-child(2n){
margin-right: 0;
}
.anafanWrap .bnrBlockA01 {
margin: calc(80 / 750 * 100%) 0 0;
}
.anafanWrap .bnrBlockA01 li{
margin: 0 0 calc(20 / 750 * 100%);
}
.anafanWrap .bnrBlockA01 li:last-child{
margin-bottom: 0;
}
.anafanWrap .btnBlockA01{
width: calc(630 / 750 * 100%);
margin: calc(80 / 750 * 100%) auto 0;
}

}