@charset "utf-8";


/*-------------------------------------------
各ページ要素
-------------------------------------------*/
#alpenInfo003 .ftnsArea {
    background: #fff;
}

/* クーポンエリア非表示 */
#couponBlock{
	display: none;
}

#fitnessBlock,
#rcmdArea{
	text-align: center;
}

a:link{text-decoration:none !important;}
a:visited{text-decoration:none !important;}
a:hover {text-decoration:none !important;}

/*-------------------------------------------
content
-------------------------------------------*/

#header{
	background: #151b28;
	color: #fff;
}

#header .logo{
	float: left;
}
#header .icon{
	float: right;
}

#header .logo img{
	max-width: 210px;
	vertical-align: middle;
}
#header .icon img{
	vertical-align: middle;
	margin-left: 0.625rem;
}
#header .icon01 img{
	max-width: 38px;
}
#header .icon02 img{
	max-width: 35.5px;
}


/* footer
******************************************* */
.footerSize{
	width: 100%;
}

.tIdt{
	text-indent: -1.0em;	
}
.tIdt li{
	padding-left: 1.0em;
	padding-bottom: 4px;
    line-height: 1.4;
	letter-spacing: -0.5px;
}
.tIdt li:last-child{
	padding-bottom: 0;
}

.maru_em{
    border-radius: 50%;
    font-size: 9px;
    vertical-align: 1.8px;
    padding: 0px 1.5px 0.5px 1.5px;
    margin-top: 10em;
}

.maru_em.bl{
	color: #656160;
	border: 0.5px solid #656160;
}

#footer #contentArea .nav{
	border-bottom: 1px solid #d5d5d5;
}
#footer #contentArea .nav:last-child{
	border-bottom: 0;
}

#footer #contentArea #nav1{
	padding: 20px 0 0 0;
}
.nav1_area{
	width: 90%;
	margin: 0 auto 1rem auto;
}

#footer #contentArea #nav2{
	padding: 6px 0 0 0;
	font-size: 1.2rem;
}
#footer #contentArea #nav2 .box{
	color: #e60012;
	font-weight: bold;
	border: 1px solid #e60012;
	padding: 12px;
	box-sizing: border-box;
	margin-bottom: 1.4rem;
}
#footer #contentArea #nav2 .text{
	
}
.nav2_area{
	width: 90%;
	margin: 0 auto 1rem auto;
}

#footer #contentArea #nav3{
	text-align: center;
}

#footer #contentArea #nav3 img{
	max-width: 256px;
	margin: 2.0rem auto;
}

#footer #contentArea #nav4{
	padding: 1.6rem 0;
	float: left;
	width: 100%;
}
#footer #contentArea #nav4 .iconBlock{
	width: 100%;
    padding: 0px 8%;
    box-sizing: border-box;
}
#footer #contentArea #nav4 .con_l{
	width: 39%;
	float: left;
	text-align: center;
	border-right: 1px solid #000;
}
#footer #contentArea #nav4 .con_l img{
	max-width: 57.5px;
	vertical-align: middle;
	margin-bottom: 3px;
}
#footer #contentArea #nav4 .con_r{
	width: 55%;
    float: left;
    padding-left: 5%;
}
#footer #contentArea #nav4 .con_r .iconWrap{
	width: 100%;
}

#footer #contentArea #nav4 .con_r .icon{
	float: left;
	width: 30%;
	text-align: center;
}
#footer #contentArea #nav4 .con_r .icon img{
	vertical-align: middle;
}

#footer #contentArea #nav4 .con_r .icon .tw{ max-width: 16px; }
#footer #contentArea #nav4 .con_r .icon .fb{ max-width: 7.5px; margin-bottom: 2px; }
#footer #contentArea #nav4 .con_r .icon .line{ max-width: 18.5px; }

#footer #contentArea #nav5{
	text-align: center;
}

#footer #contentArea #nav5 img{
	max-width: 110px;
	margin: 2.4rem auto;
}

#naviArea{    
    height: auto;
    position: fixed;
    bottom: 0;
	width: 100%;
	max-width: 750px;
}

#naviArea .pageTop{
	text-align: right;
}

#naviArea .pageTop img{
	max-width: 60px;
    width: 100%;
	cursor: pointer;
	z-index: 999;
}

#naviArea #footerNav ul{
    display: table;
    width: 100%;
	background-color: #151b28;
	color: #fff;
}

#naviArea #footerNav ul li{
    display: table-cell;
    text-align: center;
	width: 25%;
	border-right: 1px solid #e4eaed;
	padding: 0.85em 0;
	z-index: 999;
	cursor: pointer;
}

#naviArea #footerNav ul li.active{
    background: #565656;
    opacity: 0.98;
}

#naviArea #footerNav ul li a{
    color: #fff;
	width: 100%;
    height: 100%;
    display: block;
}

#footerNav ul li:last-child{
	border-right: 1px solid #151b28!important;
}

#footerNav ul li img{
	max-height: 17.5px;
}

#footerNav ul li .text{
    text-align: center;
	font-size: 1.0rem;
	margin-top: 7px;
}
#footerNav ul li a{
    text-align: center;
	text-decoration: none;
}

#f_naviCon01 .ttl{
    text-align: center;
	background-color: #151b28;
	color: #fff;
}

#f_naviCon01 .ttl img{
    max-width: 90px;
	padding: 8px 0;	
}

#footer #f_naviCon01{
	background: #565656;
	opacity: 0.98;
    position: fixed;
	display: block;
    bottom: 0;
    width: 100%;
	overflow-y: scroll;
	cursor: pointer;
	/*-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;*/
	z-index: 9999;
	max-width: 750px;
}

#footer #f_naviCon01 .menu{
    border-right: 1px solid #7d7d7d;
    border-bottom: 1px solid #7d7d7d;
    float: left;
    width: 50%;
    padding: 12px 14px;
    box-sizing: border-box;
    color: #fff;
    font-size: 1.05rem;
	text-decoration: none;
}

#footer #f_naviCon01 a .menu{
    text-decoration: none;
    color: #fff;
}

#footer #f_naviCon01 a:hover .menu{
    background-color: #c9c9c9;
}

/* top banner
************************************** */
#topBlock img{
	width: 100%;
}


/* content
************************************** */
.h2_A{
	padding: 1.7% 5%;
	box-sizing: border-box;
	background: #151b28;
	text-align: left;
}
.h2_B{
	padding: 3% 5%;
	box-sizing: border-box;
	background: #fdd000;
	line-height: 1;
}
.h2_A img{
	vertical-align: middle;
	margin-bottom: 3px;
}
.h2_A .ttl_sec01{max-width: 106px;}
.h2_A .ttl_sec02{max-width: 234px;}
.h2_A .ttl_sec03{max-width: 320px;}
.h2_A .ttl_sec04{max-width: 320px;}

.h2_B img{
	width: 38%;
	vertical-align: middle;
}

.itemArea{
	background: url('../images/item_bgImg.jpg') no-repeat top;
	background-size: 100% 100%;
	text-align: center;
}
.itemArea .block-inner{
	padding: 0 3%;
	box-sizing: border-box;
}

.btnWrap{
	width: 100%;
	float: left;
	margin: 0 auto 2rem auto;
}
.btnWrap .con{
	width: 100%;
    float: left;
    text-align: center;
    box-sizing: border-box;
}

.ftnsArea{
	background: url(../images/item_bgImg_ftns.jpg) no-repeat top;
	background-size: 100% 100%;
}

.ftnsArea .btnWrap{
	margin: 2rem auto;	
}

/* menu navi
******************************************* */
.content .naviMenu .ttl{
    text-align: center;
	background-color: #151b28;
	color: #fff;
}
.content .naviMenu .ttl img{
    max-width: 62.5px;
	padding: 8px 0;	
}

.content .naviMenu .menuWrap{
    border-top: 1px solid #7d7d7d;
}

.content .naviMenu .menu{
    border-right: 1px solid #7d7d7d;
    border-bottom: 1px solid #7d7d7d;
    float: left;
    width: 50%;
    padding: 15px;
	box-sizing: border-box;
	color: #151b28;
	font-size: 1.3rem;
}

.content .naviMenu a:nth-child(2n) .menu{
    border-right: none;
}

.content .naviMenu .menu a{
    text-decoration: none;
    color: #151b28;
}

.content .naviMenu .menu:hover{
    background-color: #535353;    
}
.content .naviMenu .menu:hover a{
    color: #ffffff!important;    
}

.content .naviMenu .menuWrap .menu.active{
    background-color: #535353;
	color: #ffffff;
}

/* fix_naviMenu
******************************************* */
.content .fix_naviMenu{
	position: fixed;
    top: 0;
	width: 100%;
	background: #565656;
	max-width: 750px;
}
.content .fix_naviMenu .ttl{
    text-align: center;
	background-color: #151b28;
	color: #fff;
}
.content .fix_naviMenu .ttl img{
    max-width: 62.5px;
	padding: 8px 0;	
}

.content .fix_naviMenu .menu{
    border-right: 1px solid #7d7d7d;
    border-bottom: 1px solid #7d7d7d;
    float: left;
    width: 50%;
    padding: 15px;
	box-sizing: border-box;
	font-size: 1.2rem;
	background: #565656;
	color: #fff;
}

.content .fix_naviMenu .menu:nth-child(2n){
    border-right: none;
}
.content .fix_naviMenu .menu:nth-child(3),
.content .fix_naviMenu .menu:nth-child(4){
    border-bottom: none;
}

.content .fix_naviMenu .menu a{
    text-decoration: none;
    color: #fff;
}

.content .fix_naviMenu .menu:hover{
    background-color: #c9c9c9;    
}
.content .fix_naviMenu .menu:hover a{
    color: #ffffff!important;    
}

.content .fix_naviMenu .menuWrap .menu.active{
    background-color: #c9c9c9;
	color: #ffffff;
}

/* item
******************************************* */
#rcmdBlock{
	background: url('../images/rcmd_bgImg.png') no-repeat top;
	background-size: 100% 100%;
}

/* coupon
******************************************* */
#couponBlock .img{
	border-bottom: 1px solid #fff;
}
#couponBlock .img:last-child{
	border-bottom: 0;
}