@charset "shift_jis";

/*------------------------------
PC
------------------------------*/
@media screen and (min-width: 769px) {
/*template*/
h1 {
padding: 0;
}

.block-separat{
display: none;
}

.txtBlock{
width: 820px;
margin: auto;
color: #fff;
background: #1f2160;
padding: 30px 60px 20px;
font-size: 16px;
}
.txtBlock p{
width: 690px;
margin: auto;
}
.txtBlock .txtLink{
margin-top: 20px;
text-align: right;
}
.txtBlock .txtLink a{
color: #fff;
text-decoration: underline;
}

.btnBlock{
text-align: center;
margin-top: 30px;
}

.navBlock{
width: 820px;
margin: 30px auto 40px;
}
.navBlock ul{
display: flex;
}

#bagTravel,#lifeStyle,#gourmet{
margin-top: 60px;
margin-bottom: 40px;
}

.noticeBlock{
background: url(/contents/0018/img/event/021001234/anaFinds_bk_001_251010.jpg) no-repeat;
width: 820px;
margin: 40px auto 0;
color: #fff;
padding: 80px;
text-align: center;
}
.noticeBlock h2{
font-size: 36px;
margin: 0;
line-height: 1;
}
.noticeBlock p{
font-size: 16px;
margin-top: 45px;
}

}

/*------------------------------
SP（スマートフォン）
------------------------------*/
@media screen and (max-width: 768px) {
/* SpCommonReset
**************************** */
/* 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;
}

h2{
background-color: transparent;
}

.block-separat{
display: none;
}

.txtBlock{
margin: auto;
color: #fff;
background: #1f2160;
padding: calc(60 / 750 * 100%);
text-align: center;
}
.txtBlock .txtLink{
margin-top: calc(40 / 750 * 100%);
text-align: right;
}
.txtBlock .txtLink a{
color: #fff;
text-decoration: underline;
}

.btnBlock{
margin: calc(60 / 750 * 100%);
}

.navBlock ul{
display: flex;
}

#bagTravel,#lifeStyle,#gourmet{
margin-bottom: calc(40 / 750 * 100%);
}

.noticeBlock{
background: url(/contents/0018/img/event/021001234/anaFinds_sp_bk_001_251010.jpg) no-repeat;
color: #fff;
padding: calc(80 / 750 * 100%) calc(60 / 750 * 100%);
text-align: center;
}
.noticeBlock p{
margin-top: calc(60 / 750 * 100%);
}

}
