.sp{
  display:none; 
}
.pc{
  display:inline-block; 
}

/* --------------------------
load
----------------------------- */

#load-text{
	height:56px;
	line-height:56px;
	width:190px;
	margin:-25px 0 0 -95px;
	text-align:center;
	z-index:9999;
	color:#441c1d;
  font-size: 12px;
}

#mask{
	height:100%;
	width:100%;
	position:fixed;
  top: 0;
  left: 0;
	z-index: 9999;
	background:#EAE5E2;
}

#load-text,#loadMask{
	position:absolute; top:50%; left:50%; display: block;
}
#barArea{
	position:absolute; top:50%; left:0%; display: block;
}

#barArea{
	height:26px;
  width: 0;
	margin:-26px 0 0 0;
}
#bar{
	background: #F2C11A;
	height:13px;
}
 

/* --------------------------
main
----------------------------- */

main,
main *{
  box-sizing: border-box;
}
.beerjushindan.main{
  background: url(../images/bg.jpg)no-repeat top center;
  background-size: cover;
  background-color: #EAE5E2;
  width: 100%;
  font-family: 'Noto Sans JP', sans-serif;
}
.beerjushindan_kaitou.main{
  background: url(../images/bg-kaitou.png)repeat top center;
  background-size: auto;
  background-color: #EAE5E2;
  width: 100%;
  font-family: 'Noto Sans JP', sans-serif;
}
.beerjushindan_result.main{
  background: url(../images/bg-result.png)repeat top center;
  background-size: auto;
  background-color: #EAE5E2;
  width: 100%;
  font-family: 'Noto Sans JP', sans-serif;
}

.beerjushindan .l-beerjushindan__inner{
  padding:110px 0 85px;
  line-height:1;
}

.beerjushindan_kaitou .l-beerjushindan__inner{
  padding:0 0 170px;
  line-height:1;
}

.l-beerjushindan__inner{
  position:relative;
}

.shindan-txt{ 
  position: absolute;
  top: 160px;
  top: 46px;
  right: 105px;
  transition: all .5s;
}

@media screen and (min-width: 481px ) and ( max-width: 1280px ) {
  .shindan-txt{ 
    right: 20px;
  }
}

@media screen and (min-width: 481px ) {
  .u-mb0{ margin-bottom:0px!important;}
  .u-mb20{ margin-bottom:20px!important;}
  .u-mb30{ margin-bottom:30px!important;}
  .u-mb40{ margin-bottom:40px!important;}
  .u-mb50{ margin-bottom:50px!important;}
  .u-mb100{ margin-bottom:100px!important;}
}

@media screen and (max-width: 480px ) {
  .u-mb0-sp{ margin-bottom:0px!important;}
  .u-mb1-sp{ margin-bottom:1vw!important;}
  .u-mb2-sp{ margin-bottom:2vw!important;}
  .u-mb3-sp{ margin-bottom:3vw!important;}
  .u-mb4-sp{ margin-bottom:4vw!important;}
  .u-mb5-sp{ margin-bottom:5vw!important;}
  .u-mb6-sp{ margin-bottom:6vw!important;}
  .u-mb7-sp{ margin-bottom:7vw!important;}
  .u-mb8-sp{ margin-bottom:8vw!important;}
  .u-mb9-sp{ margin-bottom:9vw!important;}
  .u-mb10-sp{ margin-bottom:10vw!important;}
  .u-mb11-sp{ margin-bottom:11vw!important;}
  .u-mb12-sp{ margin-bottom:12vw!important;}
  .u-mb13-sp{ margin-bottom:13vw!important;}
  .u-mb14-sp{ margin-bottom:14vw!important;}
  .u-mb15-sp{ margin-bottom:15vw!important;}
  .u-mb16-sp{ margin-bottom:16vw!important;}
  .u-mb17-sp{ margin-bottom:17vw!important;}
  .u-mb18-sp{ margin-bottom:18vw!important;}
  .u-mb19-sp{ margin-bottom:19vw!important;}
  .u-mb20-sp{ margin-bottom:20vw!important;}
}
.u-text-center {  text-align: center; }
.u-text-red {  color:#fe0000; }

.breadcrumbs{background-color: #ffffff;}
.u-sitemap,
.u-sitemap *{
  box-sizing: border-box;
}
.u-sitemap{
  position: fixed;
  width:400px;
  height:340px;
  bottom:-300px;
  left:0px;
  background: rgba(255,255,255,.8);
  padding:15px;
  overflow: auto;
  z-index:100;
  -moz-box-shadow: 0px 5px 14px -9px rgba(0, 0, 0, 0.75);
-webkit-box-shadow: 0px 5px 14px -9px rgba(0, 0, 0, 0.75);
-ms-box-shadow: 0px 5px 14px -9px rgba(0, 0, 0, 0.75);
box-shadow: 0px 5px 14px -9px rgba(0, 0, 0, 0.75);
}
.u-sitemap.close{
  bottom:0px;
}
.u-sitemap *{  
  font-size:12px!important;
}
.u-sitemap__close{
  text-align: right;
}

.u-sitemap >ul{
  display: block;
  width: 48%;
  float:left;

}.u-sitemap >ul.logined{
  float:right;
}
@media screen and (max-width: 480px) {
  .u-sitemap{
    width:100%;
    height:50vh;
    background: rgba(255,255,255,.9);
    bottom:-44vh;
  }
  .u-sitemap.close{
    bottom:0;
  }
  .u-sitemap *{  
    font-size:12px!important;
  }
}

@media screen and (max-width: 480px) {
  .sp{
    display:block; 
  }
  .pc{
    display:none; 
  }

  .beerjushindan_kaitou.main{
    background: url(../images/bg-kaitou.png)repeat top center;
    background-size: 9%;
    background-color: #EAE5E2;
    width: 100%;
    font-family: 'Noto Sans JP', sans-serif;
  }
  .beerjushindan_result.main{
    background: url(../images/bg-result.png)repeat top center;
    background-size: 12%;
    background-color: #EAE5E2;
    width: 100%;
    font-family: 'Noto Sans JP', sans-serif;
  }

  .beerjushindan.main{
    background: url(../images/bg-sp.jpg)no-repeat top center;
    background-size: cover;
  }

  .beerjushindan .l-beerjushindan__inner{
    padding:10vw 0 0;
    line-height:1;
  }
  .beerjushindan_kaitou .l-beerjushindan__inner{
    padding:5vw 0;
    line-height:1;
  }

  .shindan-txt{ 
    display: none;
  }

  .footer_top{
    background: #FEFAEC;
    width: 100%;
    height: 7vw;
  }
}