@charset "shift_jis";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

#header_nav_wrap{
    position: relative;
    background: #fff;
}
#gNavCm{
    background: #fff;
}

/* 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;
}
#mvBlock{
margin: 0;
}
div#topicPath,
div#mvBlock,
div#navBlock,
div#contentinfo{
position: relative;
background: #fff;
z-index: 9;
}
div.nav_wrap{
z-index: 100;
}
p#anchorTopArea,
div.search_dtl,
ul#incHeaderTop{
position: relative;
z-index: 9;
}
#contents{
margin-bottom: 0;
}
/* wrap */
.welcomeANAWrap{
max-width:750px;
width:100%;
margin:0 auto;
-webkit-text-size-adjust:100%;
background: #ffffff;
font-family:"Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
}
.welcomeANAWrap img{
vertical-align: top;
width: 100%;
height: auto;
zoom: 1 !important;
}
.welcomeANAWrap a{
display: block;
}
.welcomeANAWrap .Wrapinner{
position: relative;
z-index: 2;
}
.welcomeANAWrap .Wrapinner::before{
content:"";
display:block;
position: fixed;
width: 100%;
max-width: 750px;
margin: 0 auto;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: -1;
height:100vh;
background: url(../../../special/021001169/image/welcomeANA_sp_bg_008_200409.jpg) bottom;
background-size: cover;
}
.welcomeANAWrap .text_underline{
display: inline-block;
color: #fff;
text-decoration: underline #fff 1px;
text-underline-offset: 5px;
}
/* navareaA01
******************************************************/
.welcomeANAWrap .navareaA01{
margin: 0 0 8%;
padding: 7.2% 0 0;
background: url(../../../special/021001169/image/welcomeANA_sp_bg_001_200409.png) no-repeat top center;
background-size: 100% auto;
}
.welcomeANAWrap .navareaA01 .headingBlockA01{
margin: 0 0 13.33%;
}
.welcomeANAWrap .navareaA01 .navBlockA01{
padding: 8.66% 4% 6.93%
}
.welcomeANAWrap .navareaA01 .navBlockA01 ul li{
width: 33.3%;
float: left;
}
/* btnBlockA01
******************************************************/
.welcomeANAWrap .btnBlockA01{
width:84%;
margin: 0 auto;
}
.welcomeANAWrap .btnBlockA01 .ttlA01{
margin: 0 0 5%;
font-size: 20px;
color: #333;
line-height: 1.75;
text-align: center;
}
.welcomeANAWrap .btnBlockA01 .btnA01{
margin: 0 0 3%;
box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
}
.welcomeANAWrap .btnBlockA01 .txtA01{
margin-left: 1em;
text-indent: -1em;
font-size: 13px;
line-height: 1.5;
color: #333;
}
/* txtareaA01
******************************************************/
.welcomeANAWrap .txtareaA01{
margin: 3% auto 0;
padding: 13.73% 8% 20%;
background-image: url(../../../special/021001169/image/welcomeANA_sp_bg_002_200409.png), url(../../../special/021001169/image/welcomeANA_sp_bg_003_200409.png);
background-position: top center, bottom center;
background-repeat: no-repeat, no-repeat;
background-size: 100% auto, 100% auto;
overflow: visible;
}
.welcomeANAWrap .txtareaA01 .txtBlockA01{
margin: 0 0 16%;
}
.welcomeANAWrap .txtareaA01 .txtBlockA01 .title{
margin: 0 0 9.52%;
}
.welcomeANAWrap .txtareaA01 .txtBlockA01 .image{
margin: 0 0 6.7%;
box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
}
.welcomeANAWrap .txtareaA01 .txtBlockA01 .text{
font-size: 14px;
line-height: 1.78;
color: #333;
}
.welcomeANAWrap .txtareaA01 .txtBlockA01 .coution{
margin: 3% 0 0 1em;
text-indent: -1em;
font-size: 12px;
color: #333;
}
.welcomeANAWrap .txtareaA01 .txtBlockA01 .coution + .coution{
margin-top: 0;
}
.welcomeANAWrap .txtareaA01 .txtBlockA01 .button{
width: 73.01%;
margin: 7.33% auto 0;
box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
}
/* txtareaA02
******************************************************/
.welcomeANAWrap .txtareaA02{
padding: 0 0 10.66%;
margin: 0 auto 21.33%;
background: url(../../../special/021001169/image/welcomeANA_sp_bg_004_200409.png) bottom center no-repeat;
background-size: 100% auto;
overflow: visible;
}
.welcomeANAWrap .txtareaA02 .headingBlockA01{
padding: 0 0 15.2%;
margin: 0 0 9.33%;
background: url(../../../special/021001169/image/welcomeANA_sp_bg_005_200409.png) bottom center no-repeat;
background-size: 100% auto;
}
/* txtareaA03
******************************************************/
.welcomeANAWrap .txtareaA03{
padding: 0 0 13.33%;
margin: 0 auto 10%;
background: url(../../../special/021001169/image/welcomeANA_sp_bg_006_200409.png) bottom center no-repeat;
background-size: 100% auto;
overflow: visible;
}
.welcomeANAWrap .txtareaA03 .headingBlockA01{
padding: 0 0 15.2%;
margin: 0 0 11.5%;
background: url(../../../special/021001169/image/welcomeANA_sp_bg_007_200409.png) bottom center no-repeat;
background-size: 100% auto;
}
.welcomeANAWrap .txtareaA03 .btnBlockA02 .txtA01{
margin: 0 0 5%;
font-size: 17px;
line-height: 1.7;
color: #333;
text-align: center;
}
.welcomeANAWrap .txtareaA03 .btnBlockA02 .txtA01 .blue{
color: #0f3daa;
font-weight: bold;
}
.welcomeANAWrap .txtareaA03 .btnBlockA02 .btnA01{
width: 84%;
margin: 0 auto;
}
/* bnrBlockA01
******************************************************/
.welcomeANAWrap .bnrBlockA01{
padding: 8% 8% 10.66%;
background: rgba(255, 255, 255, 0.4);
margin: 0 0 18.66%;
}
.welcomeANAWrap .bnrBlockA01 .ttlA01{
margin: 0 0 5%;
font-size: 23px;
color: #333;
text-align: center;
line-height: 1.5;
}
.welcomeANAWrap .bnrBlockA01 .txtA01{
margin: 0 0 3%;
font-size: 15px;
color: #333;
line-height: 1.6;
text-align: center;
}
/* js
******************************************************/
.welcomeANAWrap .fade{
	opacity: 0;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
}

.welcomeANAWrap .fade.on{
	transition-property: all;
	transition-duration: 1s;
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
/*200814追加分*/
.welcomeANAWrap .txtareaA04{
padding: 0 0 31.33%;
margin: 0 auto 21.33%;
background: url(../../../special/021001169/image/welcomeANA_sp_bg_002_200814.png) bottom center no-repeat;
background-size: 100% auto;
overflow: visible;
}
.welcomeANAWrap .txtareaA04 .headingBlockA01{
padding: 0 0 15.2%;
margin: 0 0 9.33%;
background: url(../../../special/021001169/image/welcomeANA_sp_bg_001_200814.png) bottom center no-repeat;
background-size: 100% auto;
}
.welcomeANAWrap .txtareaA04 .movieBlockA01{
	text-align: center;
}


.shoppingBlock{
position: relative;
}
.shoppingBlock_wrap{
display: flex;
align-items: center;
bottom: 0;
left: 0;
right: 0;
width: 100%;
background: #fff;
}
.shoppingBlock_inner{
flex-basis: 100%;
padding: 15px 0;
}
.shoppingBlock .shoppingBlockBtn{
}
.shoppingBlock .ttlA01{
margin: 0 4%;
font-size: 13px;
text-align: center;
font-weight: bold;
}
.shoppingBlock .shoppingBlockBtn{
margin: 15px 8% 0 8%;
}
.shoppingBlock .shoppingBlockBtn > *{
flex: 1;
display: flex;
/* height: 60px; */
/* box-shadow: 0 0 40px 0 rgb(0,0,0,0.15); */
}
.shoppingBlock .shoppingBlockBtn > * + *{
margin-top: 10px;
}
.shoppingBlock .shoppingBlockBtn a{
display: flex;
align-items: center;
justify-content: center;
flex-basis: 100%;
position: relative;
font-size: 15px;
text-align: center;
}
.shoppingBlock .shoppingBlockBtn a:after{
content: '';
display: block;
position: absolute;
width: 6px;
height: 13px;
top: 0;
bottom: 0;
right: 10px;
margin: auto;
background: center no-repeat;
background-size: contain;
}
.shoppingBlock .shoppingBlockBtn a br{
display: none;
}
.shoppingBlock .shoppingBlockBtn .shopping a{
color: #fff;
/* background: #f56800; */
}
.shoppingBlock .shoppingBlockBtn .shopping a.bgRed{
color: #fff;
background: #ed0400;
}
/* .shoppingBlock .shoppingBlockBtn .shopping a:after{
background-image: url(../image/icon_arrow_wh.png);
} */
.shoppingBlock .shoppingBlockBtn .astyle a{
color: #42b2f2;
}
/* .shoppingBlock .shoppingBlockBtn .astyle a:after{
background-image: url(../image/icon_arrow_bl.png);
} */
.shoppingBlock .txtA01{
margin: 10px 4% 0 4%;
font-size: 12px;
text-align: left;
}


#gHeadCm .nav_wrap{
position: relative;
opacity: 1 !important;
}
#gHeadCm .nav_wrap .shoppingBlockBtn{
/* display: none; */
position: absolute;
top: -107px;
width: 100%;
height: 107px;
background: #fff;
}
#gHeadCm.fix .nav_wrap {
position: fixed;
width: 100%;
height: 0;
top: auto;
bottom: 0 !important;
background-color: #092875;
padding-bottom: env(safe-area-inset-bottom);
}
/* #gHeadCm.fix .nav_wrap .shoppingBlockBtn{
display: flex;
} */
#gHeadCm .nav_wrap .shoppingBlockBtn .shoppingBlockBtn_col2 > *{
flex: 1;
display: flex;
height: 60px;
box-shadow: 0 0 40px 0 rgb(0,0,0,0.15);
}
#gHeadCm .nav_wrap .shoppingBlockBtn a{
display: flex;
align-items: center;
justify-content: center;
flex-basis: 100%;
position: relative;
font-size: 15px;
text-align: center;
}
#gHeadCm .nav_wrap .shoppingBlockBtn a:after{
content: '';
display: block;
position: absolute;
width: 6px;
height: 13px;
top: 0;
bottom: 0;
right: 10px;
margin: auto;
background: center no-repeat;
background-size: contain;
}
#gHeadCm .nav_wrap .shoppingBlockBtn .shopping a{
color: #fff;
/* background: #f56800; */
}
#gHeadCm .nav_wrap .shoppingBlockBtn .shopping a.bgRed{
color: #fff;
background: #ed0400;
}
/* #gHeadCm .nav_wrap .shoppingBlockBtn .shopping a:after{
background-image: url(../image/icon_arrow_wh.png);
} */
#gHeadCm .nav_wrap .shoppingBlockBtn .astyle a{
color: #42b2f2;
}
/* #gHeadCm .nav_wrap .shoppingBlockBtn .astyle a:after{
background-image: url(../image/icon_arrow_bl.png);
} */
#gHeadCm .nav_wrap .txtA01{
margin: 10px 4% 0 4%;
font-size: 12px;
text-align: left;
}
#gHeadCm .nav_wrap.shoppingBlockHide .shoppingBlockBtn{
    display: none;
}

/* 221213up */
.welcomeANAWrap .cpnBlockA01 {
text-align: center;
background-color: #002069;
margin-bottom: 10%;
padding-bottom: calc(45 / 750 * 100%);
}
.welcomeANAWrap .cpnBlockA01 .cpnTxt {
margin-top: calc(25 / 750 * 100%);
color: #fff;
font-size: clamp(14.5px, 1.8666vw, 28px);
line-height: 1.5;
}

.welcomeANAWrap .couponBlockA01 {
padding-top: 11.333%;
padding-bottom: 13.333%;
background-color: #f9feff;
text-align: center;
color: #333333;
}
.welcomeANAWrap .couponBlockA01 .coupon_ttl_001 {
width: 95.4666%;
margin: 0 auto 5.333%;
}
.welcomeANAWrap .couponBlockA01 .coupon_text_001 {
margin-bottom: 7.333%;
font-size: 12px;
line-height: 1.6;
}
.welcomeANAWrap .couponBlockA01 .couponList {
margin-bottom: 10%;
}
.welcomeANAWrap .couponBlockA01 .couponItem + .couponItem {
margin-top: 8%;
}
.welcomeANAWrap .couponBlockA01 .coupon_ttl_002 {
margin-bottom: 7.333%;
font-size: 24px;
font-weight: bold;
}
.welcomeANAWrap .couponBlockA01 .coupon_icon_001 {
width: 8%;
margin: 0 auto 3.333%;
}
.welcomeANAWrap .couponBlockA01 .coupon_text_002 {
margin-bottom: 9.5%;
font-size: 14px;
line-height: 1.7;
}
.welcomeANAWrap .couponBlockA01 .coupon_image_001 {
width: 61.866%;
margin: auto;
}
.welcomeANAWrap .couponBlockA01 .coupon_image_002 {
width: 60%;
margin: auto;
}
.welcomeANAWrap .couponBlockA01 .coupon_icon_002 {
width: 8%;
margin: 10.5% auto 3.333%;
}

.welcomeANAWrap .couponBlockA01 .cautionList {
margin: 3.333% auto 0;
width: 95.333%;
}
.welcomeANAWrap .couponBlockA01 .cautionItem {
text-align: left;
font-size: 11px;
line-height: 1.6;
letter-spacing: -0.09em;
padding-left:1em;
text-indent:-1em;
}


/* 250701up */
.shoppingBlock .shoppingBlockBtn.ButtonHide {
display: none;
}

.shoppingBlock .shoppingBlockBtn2{
margin: 15px 8% 0 8%;
}
.shoppingBlock .shoppingBlockBtn2 > *{
flex: 1;
display: flex;
}
.shoppingBlock .shoppingBlockBtn2 > * + *{
margin-top: 10px;
}
.shoppingBlock .shoppingBlockBtn2 a{
display: flex;
align-items: center;
justify-content: center;
flex-basis: 100%;
position: relative;
font-size: 15px;
text-align: center;
}
.shoppingBlock .shoppingBlockBtn2 a:after{
content: '';
display: block;
position: absolute;
width: 6px;
height: 13px;
top: 0;
bottom: 0;
right: 10px;
margin: auto;
background: center no-repeat;
background-size: contain;
}
.shoppingBlock .shoppingBlockBtn2 a br{
display: none;
}
#gHeadCm .nav_wrap .shoppingBlockBtn .shopping {
background: url(../image/shopping_sp_btn03s_bg_250701.png) repeat-x;
background-size: contain;
}
#gHeadCm .nav_wrap .shoppingBlockBtn .astyle {
background: url(../image/shopping_sp_btn04s_bg_250701.png) repeat-x;
background-size: contain;
}

.shoppingBlock .ttlA01.decoration::before {
content: "＼";
font-size: 30px;
margin-right: 10px;
}
.shoppingBlock .ttlA01.decoration::after {
content: "／";
font-size: 30px;
margin-left: 10px;
}

#gHeadCm.fix .nav_wrap .shoppingBlockBtn_col2 {
display: flex;
}
#gHeadCm.fix .nav_wrap .ttlA01 {
text-align: center;
font-weight: bold;
}
#gHeadCm.fix .nav_wrap .ttlA01_text01 {
margin-top: 5px;
}
#gHeadCm.fix .nav_wrap .ttlA01_text02 {
margin: -7px 0 5px;
}
#gHeadCm.fix .nav_wrap .ttlA01.decoration::before {
content: "＼";
font-size: 30px;
margin-right: 10px;
}
#gHeadCm.fix .nav_wrap .ttlA01.decoration::after {
content: "／";
font-size: 30px;
margin-left: 10px;
}