/* COMMON */
img{
	display: inline-block;
}
.animate-elm{
  opacity: 0;
}

.toolBox01{background: #291D54;}

#v5{
  margin: 0 0 0 0;
}

.v5-inner{
  width: 940px;
  margin: 0 auto;
  position: relative;
}
.v5-inner:after{
  content: '';
  display: block;
  clear: both;
}

.other-content{
  margin-top: 40px;
}

.bottom-content-bnrs{
  margin: 0 0 60px 0;
}
.bottom-content-bnrs--left{
  float: left;
  width: 460px;
}
.bottom-content-bnrs--right{
  float: right;
  width: 460px;
}

@media screen and (max-width: 768px) {
  .v5-inner{
    width: 91%;
    margin: 0 auto;
  }
  .bottom-content-bnrs--left,
  .bottom-content-bnrs--right{
    width: 48%;
  }
}
@media screen and (max-width: 568px) {
  .bottom-content-bnrs--left,
  .bottom-content-bnrs--right{
    float: none;
    width: 100%;
    margin: 0 0 10px 0;
  }
}
@media screen and (max-width: 481px) {
  .v5-inner{
    width: 100%;
  }
}

@media screen and (min-width: 569px) {
  .display-sp{display: none;}
  a .on{display: none;}
  a:hover .on{display: block;}
  a:hover .off{display: none;}
}
@media screen and (max-width: 568px) {
  .display-pc{display: none;}
}

/* TOP */
.top-kv{
  background: url(../top_bg.png) left top repeat-x #291D54;
  -webkit-background-size: cover;
  background-size: cover;
}

.top-kv > .v5-inner{
  position: relative;
  padding: 0 0 600px 0;
}

.top-kv--lead{
  width: 99.9%;
  margin: 2.0% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.top-kv--item{
  width: 62.35%;
  margin: 5.67% 0 0 -9.36%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.top-kv--name{
  width: 24.58%;
  margin: 55.7% 0 0 8.4%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
.top-kv--notice{
  width: 47.66%;
  margin: 58.89% 0 0 1.91%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
}
.top-kv--person{
  width: 40%;
  margin: 15% 0 0 54.57%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.top-kv--bnr1{
  width: 45.22%;
  margin: 47.2% 0 0 53.08%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
.top-kv--bnr2{
  width: 45.22%;
  margin: 55.42% 0 0 53.08%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}

.top-kv--graph{
  width: 51.07%;
  margin: 1.27% 0 0 -5.53%;
  position: absolute;
  top: 0;
  left:0;
  z-index: 0;
}

@media screen and (max-width: 768px) {
  .top-kv > .v5-inner{
    width:100%;
    padding: 0 0 63.82% 0;
  }
}
@media screen and (max-width: 568px) {
  .top-kv > .v5-inner{
    padding: 0 0 153.66% 0;
  }
  .top-kv--lead{
    width: 91.86%;
    margin: 3.33% 0 0 6.13%;
  }
  .top-kv--item{
    width: 63.6%;
    margin: 39.06% 0 0 0;
  }
  .top-kv--name{
    width: 44.8%;
    margin: 105.53% 0 0 3.06%;
  }
  .top-kv--notice{
    width: 56.13%;
    margin: 111.13% 0 0 3.06%;
  }
  .top-kv--person{
    width: 44.4%;
    margin: 51.33% 0 0 53.2%;
  }
  .top-kv--bnr1{
    width: 86.53%;
    margin: 121.6% 0 0 6.8%;
  }
  .top-kv--bnr2{
    width: 86.53%;
    margin: 136.8% 0 0 6.8%;
  }
  .top-kv--graph {
    width: 86.4%;
    margin: 17.2% 0 0 -18.66%;
  }
}

@media screen and (max-width: 481px) {
  .top-kv{overflow: hidden;}
}


.l-navi-box{
  background: #271a55;
  border-top: 1px solid #d3c571;
  border-bottom: 1px solid #d3c571;
  z-index: 100;
	margin-bottom: -53px;
}
@media screen and (max-width: 568px){
	.l-navi-box{
	margin-bottom: 40px;
}
}
.l-navi{
  text-align: center;
  border-left: 1px solid #d3c571;
	z-index: 100;
	position: relative;
}
.l-navi img{display: inline;}
.l-navi-list{
  display: block;
  float: left;
  width: 33.333%;
  border-right: 1px solid #d3c571;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.l-navi-list a,
.l-navi-current div{
  display: block;
  display: block;
	height: 51px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.l-navi-list a:hover,
.l-navi-current div{
  background: #503b98;
}

@media screen and (max-width: 568px) {
  .l-navi{
    width: 100%;
    border-left: none;
  }
  .l-navi-list{
    float: none;
    width: 100%;
    border-bottom: 1px solid #d3c571;
    border-right:none;
  }
  .l-navi-list:nth-child(3){border-bottom: none;}
}

.top-kv-bottom{
  background: #0b1129;
  padding: 2% 0;
}

@media screen and (max-width: 568px) {
  .top-kv-bottom{
    background: #0b1129;
    padding: 4% 0;
  }
}
@media screen and (max-width: 481px) {
  .top-kv-bottom .v5-inner{width: 91%;}
}

.top-fact{
	margin-top: 143px
}
.top-fact img{
  display: inline;
}
.top-fact--btn{
  width: 469px;
  margin: 0 auto;
}
.top-fact--txt01{
  text-align: center;
  margin: 0 0 13px;
}
.top-fact--txt02{
  text-align: center;
}
.top-fact--txt03{
  text-align: center;
}

.top-fact--trouble-btn{
  width: 91%;
  max-width: 494px;
  margin: 32px auto 42px;
}

.top-fact--imgs{
  width: 871px;
  margin: 25px auto;
}
.top-fact--imgs:after{
  content: '';
  display: block;
  clear: both;
}
.top-fact--imgs > div{
  float: left;
}
.top-fact--img01{}
.top-fact--img02{margin: 0 26px;}
.top-fact--img03{}

.top-fact-elm{
  border: 5px solid #004796;
  margin: 25px 0 50px;
}
@media screen and (max-width: 568px) {
.top-fact{
	margin-top: 40px
}
.top-fact-elm{
  margin: 25px 0 40px;
}}

.top-fact-elm--ttl{
  text-align: center;
  background: url(../fact_elm_bg.png) 0 0;
  border: 3px solid #fff;
  border-bottom: none;
  padding: 17px 0;
}
.top-fact-elm--inner{
  border: 2px solid #004796;
  border-top: none;
  margin: 0 3px 3px 3px;
}
.top-fact-elm--inner:after{
  content: '';
  display: block;
  clear: both;
}
.top-fact-elm--left{
  float: left;
  width: 49%;
  margin: 0 0 0 5%;
  padding: 35px 0 0 0;
}
.top-fact-elm--txt01{
  border-bottom: 1px solid #004796;
  margin: 0 0 16px 0;
  padding: 0 0 16px 0;
}
.top-fact-elm--txt02{
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.7;
  margin: 0 0 20px 0;
}
.top-fact-elm--txt02 span{
	display: block;
  font-size: 1.1rem;
	margin-top: 1rem;
}
.top-fact-elm--right{
  float: right;
  width: 43%;
  padding: 16px 0 0 0;
}
.top-fact-elm--graph{}
.top-fact-elm--caution{
  text-align: right;
  margin: 16px 10px 16px 0;
}

@media screen and (max-width: 768px) {
  .top-fact--imgs{
    width: 100%;
  }
  .top-fact--imgs > div{
    width: 32%;
  }
  .top-fact--img02{margin: 0 2%;}
}

@media screen and (max-width: 568px) {
  .top-fact--txt01{
  }
  .top-fact--txt02{
    margin: 0 10px;
  }
  .top-fact--txt03{
    margin: 0 10px;
  }

  .top-fact-elm--ttl > img{
    width: 90%;
  }
  .top-fact-elm--left{
    float: none;
    width: 90%;
    margin: 0 auto;
    padding: 35px 0 0 0;
  }
  .top-fact-elm--right{
    float: none;
    width: 90%;
    margin: 0 auto;
  }
  .top-fact-elm--txt01,
  .top-fact-elm--graph{
    text-align: center;
  }
  .top-fact-elm--caution{
    text-align: center;
    margin: 16px 0;
  }
}
@media screen and (max-width: 481px) {
  .top-fact--btn{
    width: 98%;
  }
}




.top-appimage{
	background: #004da3;
	padding: 55px 0;
	text-align: center;
	margin-bottom: 60px;
}
.top-appimage_ttl{
	width: 833px;
	margin: 0 auto 40px;
}
.top-appimage_img{
	width: 708px;
	margin: 0 auto;
}
.top-appimage_notice{
	width: 708px;
	text-align: right;
	font-size: 1.1rem;
	color: #fff;
	margin:  1rem auto 0;
}

@media screen and (max-width: 568px) {
	.top-appimage{
	padding: 50px 0;
	text-align: center;
	margin-bottom: 40px;
}
	.top-appimage_inner{
		margin: 0 20px;
	}
.top-appimage_ttl{
	width: 100%;
	margin: 0 auto 30px;
}
.top-appimage_img{
	width: 100%;
	margin: 0 auto;
}
.top-appimage_ttl img,.top-appimage_img img{
	width: 100%;}
.top-appimage_notice{
	width: 100%;
	text-align: right;
	font-size: 1.1rem;
	color: #fff;
	margin:  1rem auto 0;
}

}

.top-entry{
  min-height: 606px;
  background: url(entry_bg.jpg) center bottom no-repeat;
  padding: 0 0 30px;
}
.top-entry--ttl
{
  text-align: center;
  padding: 14px 32px;
  position: relative;
}
.top-entry--ttl img{display: inline;}
.top-entry--tri{
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7px 0 0 -164px;
}
.top-entry--txt01{
  text-align: center;
  position: relative;
  margin: 40px 0 24px 0;
}
.top-entry--txt02{
	text-align: center;
	margin-bottom: 20px;
}
.top-entry--txt03{
  text-align: center;
}
.top-entry--inner{
  width: 692px;
  margin: 37px auto 0;
}
.top-entry--inner:after{
  content: "";
  display: block;
  clear: both;
}
.top-entry--ex{
  float: left;
  padding: 48px 20px 0 0;
}
.top-entry--name{
  margin: 0 0 14px 0;
}
.top-entry--func{}
.top-entry--items{
  float: left;
  padding: 0 0 32px 0;
  position: relative;
}
.top-entry--items:after{
  content: '';
  display: block;
  clear: both;
}
.top-entry--item01{
  float: left;
  padding: 13px 0 0 0;
  position: relative;
  z-index: 1;
}
.top-entry--item02{
  float: left;
  margin:-10px 0 0 -6px;
  position: relative;
  z-index: 1;
}
.top-entry--item01-shadow{
  position: absolute;
  bottom: 1px;
  left: 0;
  z-index: 0;
}
.top-entry--item02-shadow{
  position: absolute;
  bottom: 3px;
  right: 0px;
  z-index: 0;
}
.top-entry--supplement{
  position: absolute;
  bottom: 0;
  left: -90px;
}

.top-entry--note{text-align: center;}
.top-entry--item-sp{display: none;}

@media screen and (max-width: 768px) {
  .top-entry--inner{width: 100%}
  .top-entry--items{float: right;}
}
@media screen and (max-width: 568px) {
  .top-entry{
    -webkit-background-size: cover;
    background-size: cover;
  }
  .top-entry--inner{
    width: 90%;
    margin: 5% auto 0;
  }
  .top-entry--ex{padding: 5% 3% 0 0;}
  .top-entry--note{
    width: 90%;
    margin: 0 auto 0;
  }
	.top-entry--txt02 img{
		max-width: 90%;
	}
}
@media screen and (max-width: 481px) {
  .top-entry--txt01{margin: 5% 0 3%;}
  .top-entry--txt01 > img{
    width: 80%;
  }
  .top-entry--txt03{
    margin: 0 10px;
  }
  .top-entry--items{display: none;}
  .top-entry--ex{float: none;}
  .top-entry--item-sp{
    clear: both;
    display: block;
    margin: 10px 0 0 0;
  }
}


.top-diff{
  /*min-height: 881px;*/
  background: url(../diff_bg.png) left top #2F215F;
  padding: 55px 0 15px 0;
	background-size: cover;
}

.top-diff--ttl{
  position: relative;
}
.top-diff--pop{
  position: absolute;
  top: -45%;
  right: 16%;
}
.top-diff--ttl-sp{display: none;}
.top-diff--txt{
  float: right;
  margin: 0 60px 0 0;
  padding: 38px 0 0 0;
}
.top-diff--eye{
  float: left;
  margin: 23px 0 0 0;
  position: relative;
  z-index: 0;
}

.top-diff--eye .top-diff--eye-light{
  display: none;
  width: 100%;
  max-width: 521px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.top-diff--eye-txt{
  width: 100%;
  max-width: 521px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.top-diff--eye-normal{
  width: 100%;
  max-width: 521px;
  position: relative;
  z-index: 0;
}

.top-diff--box01{
  width: 354px;
  background: #fff;
  border: 3px solid #ff9522;
  padding: 20px;
  position: absolute;
  top: 320px;
  right: 0;
  z-index: 15;
}
.top-diff--subttl01{
  text-align: center;
  background: url(../diff_subttl01_bg.png) left center repeat-x;
}
.top-diff--subttl01 img{display: inline;}
.top-diff--point01-1{
  background: url(../diff_point01-1.png) left center no-repeat;
  margin: 10px 0 6px 0;
  padding: 8px 0 8px 84px;
}
.top-diff--inner{width: 100%;}
.top-diff--inner:after{
  content: "";
  display: block;
  clear: both;
}
.top-diff--left-img{
  float: left;
  margin: 0 10px 0 0;
}
.top-diff--txt-right{
  font-size: 15px;
  font-size: 1.6rem;
  line-height: 1.4;
	color: #000;
}
.top-diff--box01 .top-diff--txt-right{
  font-size: 13px;
  font-size: 1.5rem;
	color: #000;
}
.top-diff--txt-note{
	font-size: 1.2rem;
	margin-top: 1rem;
}
.top-diff--point01-2{
  background: url(../diff_point01-2.png) left center no-repeat;
  margin: 15px 0 12px 0;
  padding: 0 0 0 84px;
}
.top-diff--box02{
  width: 460px;
  background: #fff;
  border: 3px solid #9b9b9b;
  padding: 20px;
  position: absolute;
  top: 526px;
  left: 0;
  z-index: 15;
}
.top-diff--box03{
	margin: 780px auto 60px;
	width: 812px;
}
.top-diff--box03_wrap{
	padding: 20px 30px;
	background: #fff;
}
.top-diff--box03_inner{
	display: flex;
	justify-content: space-around;
}
.top-diff--box03_img{
	width: 200px;
}
.top-diff--box03_txtwrap{
	width: 520px;
}
.top-diff--box03_ttl-txt{
	font-size: 1.7rem;
	font-weight: bold;
	margin-bottom: 0.5rem;
}
.top-diff--box03_ttl-txt span{
	font-weight:nomal;
	font-size: 1.3rem;
}
.top-diff--box03_ttl-txt b{
	color: #ac2ba6;
	font-size: 2rem;
}
.top-diff--box03_txt sub {
	font-size: 60%;
	position: relative;
	top: -0.2em;
}
.top-diff--box03_txt{
	color: #000;
	font-size: 1.5rem;
}
@media screen and (max-width: 568px) {
	.top-diff--box03{
	margin: 30px auto;
	width: 90%;
}
.top-diff--box03_wrap{
	padding: 10px 20px 20px;
	background: #fff;
}
.top-diff--box03_inner{
	display: flex;
	justify-content: space-between;
}
.top-diff--box03_img{
	width: 33.5%;
}
.top-diff--box03_txtwrap{
	width: 62%;
}
.top-diff--box03_ttl-txt{
	font-size: 1.7rem;
	font-weight: bold;
	margin-bottom: 0.5rem;
}
.top-diff--box03_ttl-txt span{
	font-weight: normal;
	font-size: 1.3rem;
}

.top-diff--box03_ttl-txt b{
	color: #ac2ba6;
	font-size: 2rem;
}
.top-diff--box03_ttl-txt span.att{
	display: block;
	text-align: right;
}
.top-diff--box03_txt sub {
	font-size: 60%;
	position: relative;
	top: -0.2em;
}
	
	
}






.top-diff--subttl02{
  text-align: center;
  background: url(../diff_subttl02_bg.png) left center repeat-x;
}
.top-diff--subttl02 img{display: inline;}
.top-diff--point02{
  background: url(../diff_point02.png) left center no-repeat;
  margin: 16px 0 6px 0;
  padding: 8px 0 8px 84px;
}
.top-diff--arrow01{
  position: absolute;
  top: 225px;
  left: 411px;
  z-index: 10;
}
.top-diff--arrow01-sp{
  display: none;
  z-index: 10;
}
.top-diff--arrow02{
  position: absolute;
  top: 318px;
  left: 90px;
  z-index: 10;
  overflow: hidden;
}
.top-diff--note{
	color: #fff;
  position: absolute;
  top: 493px;
  left: 0;
	font-size: 1.6rem;
}
.top-diff--line{
	box-decoration-break: clone;	
	-webkit-box-decoration-break: clone;
	display: inline;
	padding-top: .1em;
	line-height: 1.8;
	background-color: #fdff86;
}
@media screen and (max-width: 768px) {
  .top-diff{padding-bottom: 20px;}
  .top-diff--pop{width: 9%;}

  .top-diff--txt{
    float: none;
    text-align: center;
    margin: 20px 0;
    padding: 0 10px;
  }
  .top-diff--txt img{display: inline;}
  .top-diff--eye{
    float: none;
    text-align: right;
    margin: -18% 0 -28% 0;
    padding: 0 0 0 0;
  }
  .top-diff--eye > img{display: inline;}

  .top-diff--box01{
    width: 80%;
    margin: 0 auto;
    padding: 5%;
    position: relative;
    top: inherit;
    right: inherit;
  }
  .top-diff--box02{
    width: 80%;
    margin: 0 auto;
    padding: 5%;
    position: relative;
    top: inherit;
    left: inherit;
  }

  .top-diff--point01-1{
    background: url(../diff_point01-1.png) left top no-repeat;
    padding: 30px 0 0 0;
  }
  .top-diff--point01-2{
    background: url(../diff_point01-2.png) left top no-repeat;
    padding: 30px 0 0 0;
  }
  .top-diff--point02{
    background: url(../diff_point02.png) left top no-repeat;
    padding: 30px 0 0 0;
  }

  .top-diff--arrow01{display: none;}
  .top-diff--arrow01-sp{
    display: block;
    text-align: right;
    position: relative;
    margin: -80px 70px 0 0;
  }
  .top-diff--arrow01-sp img{display: inline;}
  .top-diff--arrow02{
    text-align: right;
    position: relative;
    top: inherit;
    left: inherit;
    margin: 0 75px 0 0;
  }
  .top-diff--arrow02 img{
    display: inline;
  }
	.top-diff--note{
		color: #fff;
  	display: block;
    top: inherit;
    left: inherit;
		font-size: 1.4rem;
		margin: -8% 0 0 4%;
}
}
@media screen and (max-width: 568px) {
  .top-diff--eye{margin: -25% 10px -34% 10px;}
  .top-diff--arrow02{margin: 0 15% 0 0;}
}
@media screen and (max-width: 481px) {
	.top-diff{
		padding-top: 20px;
	}
  .top-diff--ttl{display: none;}
  .top-diff--ttl-sp{
    display: block;
    padding: 0;
    position: relative;
  }
	.top-diff--ttl-sp{
		width: 100%;
	}
  .top-diff--pop{
    width: 20%;
    top: -80%;
    right: 0;
  }

  .top-diff--arrow01-sp{
    margin: -90px 13% 0 0;
  }
}


.top-first{
  margin: 50px 0 60px;
}
.top-first--ttl{
  text-align: center;
	margin-bottom: 40px;
}
.top-first--ttl img,
.top-first--ttl-sp img{display: inline;}
.top-first--inner{
  width: 940px;
  margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-direction:row-reverse;
}
.top-first--photo{
  width: 260px;
}
.top-first--ex{
  width: 611px;
}
.top-first--subttl{
  margin-bottom: 15px;
}
.top-first--subttl01-sp{display: none;}
.top-first--txt{
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.7;
  margin: 0 0 24px 0;
}

@media screen and (max-width: 568px){
.top-first{
  margin: 50px 0 ;
}
.top-first--ttl{
  text-align: center;
	margin-bottom: 30px;
}
	.top-first--ttl img{
		width: 50%;
	}
.top-first--ttl img,.top-first--ttl-sp img{display: inline;}
.top-first--inner{
  width: 90%;
  margin: 0 auto;
	display:block;
}
.top-first--photo{
  width: 100%;
}
	.top-first--photo img{
		width: 100%;
	}
.top-first--ex{
  width: 100%;
}
.top-first--subttl{
  margin-bottom: 20px;
}
.top-first--subttl img{
	width: 100%;
	}
.top-first--txt{
  font-size: 1.7rem;
  line-height: 1.7;
  margin: 0 0 20px 0;
}

}

.top-movie--ttl{
  text-align: center;
  background: url(../movie_ttl_bg.png) center 0 no-repeat;
  padding: 12px 10px;
}
.top-movie--ttl img{display: inline-block;}
.top-movie--youtube{
  width: 769px;
  height: 462px;
  background: url(../movie_bg.png) 0 0 no-repeat;
  margin: 10px auto 40px;
  padding: 24px 5px 20px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .top-movie--youtube{
    width: 560px;
    height: inherit;
    background: none;
    margin: 10px auto 40px;
    padding: 0;
  }

  .top-movie--youtube iframe{
    width: 560px;
    height: 315px;
  }
}

@media screen and (max-width: 568px) {
  .top-movie--youtube{width: 480px;}
  .top-movie--youtube iframe{
    width: 480px;
    height: 270px;
  }
}
@media screen and (max-width: 481px) {
  .top-movie--youtube{width: 300px;}
  .top-movie--youtube iframe{
    width: 300px;
    height: 169px;
  }
}

.top-voice{}
.top-voice--ttl{
  width: 91%;
  max-width: 640px;
  text-align: center;
  background: url(../voice_ttl_bg.png) center bottom repeat-x;
  margin: 0 auto 30px;
  padding: 0 20px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.top-voice--ttl img{display: inline;}
.top-voice--person{
  width: 91%;
  max-width: 640px;
  min-height: 158px;
  background: url(../voice_line.gif) center bottom repeat-x;

  margin: 0 auto 15px;
  padding: 0 0 15px;
  position: relative;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.top-voice--person-last{
  background: none;
  margin: 0 auto 20px;
  padding: 0 0 0 0;
}

.top-voice--person-photo{
  position: absolute;
  left: 0;
  top: 0;
}
.top-voice--person-txt{
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0 0 0 114px;
}
.top-voice--btn{
  width: 91%;
  max-width: 334px;
  margin: 20px auto 36px;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.top-voice--bnr{
  width: 91%;
  max-width: 685px;
  margin: 20px auto 10%;
}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 568px) {}
@media screen and (max-width: 481px) {}


.top-bottom{
  background: url(../bottom_bg.png) left top repeat-x #2F215F;
  padding: 40px 0;
	margin-bottom: 60px;
}

.top-bottom .v5-inner{
  width: 680px;
}

.top-bottom--ttl{
  margin: 0 0 16px 0;
}
.top-bottom--func{}

.top-bottom--inner{}
.top-bottom--inner:after{
  content: '';
  display: block;
  clear: both;
}

.top-bottom--items{
  float: right;
  margin: -124px 0 0 0;
}
.top-bottom--items:after{
  content: "";
  display: block;
  clear: both;
}
.top-bottom--item01{
  float: left;
  padding: 12px 0 0 0;
}
.top-bottom--item02{
  float: left;
	margin-top: -10px;
}
.top-bottom--icons{}
.top-bottom--icons:after{
  content: "";
  display: block;
  clear: both;
}
.top-bottom--icon{
  float: left;
  padding: 45px 10px 0 0;
}
.top-bottom--caution{
  margin: 16px 0 30px 0;
}
.top-bottom--caution-sp{
  margin: 16px 0 30px 0;
  display: none;
}
.top-bottom--btn{
  width: 436px;
  margin: 0 auto;
}
.top-bottom--store{
	text-align: center;
}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 568px) {
  .top-bottom .v5-inner{
    width: 90%;
  }

  .top-bottom--items{
    float: none;
    margin: 20px 0;
  }

  .top-bottom--item01{
    width: 56%;
    text-align: right;
    padding: 14px 0 0 0;
  }
  .top-bottom--item01 img{display: inline;  }
  .top-bottom--item02{width: 44%}

  .top-bottom--icons{
    float: none;
    width: 295px;
    margin: 0 auto;
  }

  .top-bottom--caution{display: none;}
  .top-bottom--caution-sp{
    display: block;
  }

  .top-bottom--btn{
    max-width: 436px;
    width: 90%;
  }

}

.top-bnr{
	padding: 60px 0;
	text-align: center;
	background-image:url(/-/Media/com/v5/contents/top/221011/bg_bnr_premium.jpg) ;
	background-position: center center;
	background-size: cover;
}
.top-bnr a:hover{
	opacity: .7;
}
.top-bnr_ttl{
	margin-bottom: 30px;
}
@media screen and (max-width: 568px) {
	.top-bnr{
		padding: 30px 30px;
		background-image:url(/-/Media/com/v5/contents/top/221011/bg_bnr_premium_sp.jpg) ;
	}
	.top-bnr_ttl{
	margin-bottom: 15px;
	}
	.top-bnr_ttl img{
		width: 80%;
		
	}
}
@media screen and (max-width: 481px) {}

.bnr-rohto,.online-bnrs{
  width: 83.2%;
  margin: 0 auto 3.2%;
}
.online-bnrs:after{
  content: '';
  display: block;
  clear: both;
}
.online-bnr{
  float: left;
  width: 24.81%;
  margin: 0 .25% 0 0;
}
.online-bnr:last-child{margin: 0 0 0 0;}

@media screen and (max-width: 768px) {
  .bnr-rohto,.online-bnrs{
    width: 100%;
  }
}
@media screen and (max-width: 568px) {
  .bnr-rohto,.online-bnrs{
    width: 95.3%;
  }
  .online-bnr{
    width: 49%;
    margin: 0 0 2% 0;
  }
  .online-bnr:nth-child(even){float: right;}
}


.bnr-rohto,
.bnr-lohaco{
  width: 685px;
  margin: 50px auto;
}

@media screen and (max-width: 768px) {
  .bnr-rohto,
  .bnr-lohaco{
    max-width: 685px;
    width: 91%;
    margin: 30px auto;
  }
}


.bottom-bnr-content > .v5-inner{
  margin: 56px auto;
}
.onlinestore{
  width: 700px;
  background: #fff;
  border: 3px solid #503b98;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.onlinestore-head{
  width: 366px;
  margin: 1.8% auto;
}
.onlinestore-inner{
  background: url(../../common/180109/bg_onlinestore.png) 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  padding: 2.1%;
}
.onlinestore-inner:after{
  content: "";
  display: block;
  clear: both;
}
.onlinestore-txt{
  width: 398px;
  margin: 0 auto 1%;
}
.onlinestore-bnr1{float: left;}
.onlinestore-bnr2{float: right;}


@media screen and (max-width: 768px) {
  .onlinestore{width: 100%;}
  .onlinestore-bnr1{width: 49%;}
  .onlinestore-bnr2{width: 49%;}
}
@media screen and (max-width: 568px) {
  .onlinestore-head{
    width: 85%;
    margin: 2.8% auto;
  }
  .onlinestore-inner{
    background: url(../../common/180109/bg_onlinestore_sp.png) 0 0 no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    padding: 2.8% 2.1% 2.1% 2.1%;
  }
  .onlinestore-txt{width: 62%;}
  .onlinestore-bnr1{
    float: none;
    width: 100%;
    margin: 2% 0;
  }
  .onlinestore-bnr2{
    float: none;
    width: 100%;
  }
}
@media screen and (max-width: 481px) {
  .bottom-bnr-content .v5-inner{width: 91%;}
}

/** ANIMATIONS */
.fadeinup{
  opacity: 0;
  -webkit-animation: slideInUp .5s ease-out forwards;
  -moz-animation: slideInUp .5s ease-out forwards;
  -o-animation: slideInUp .5s ease-out forwards;
  animation: slideInUp .5s ease-out forwards;
}

.fadeinrtol{
  opacity: 0;
  -webkit-animation: slideInRtoL .5s ease-out forwards;
  -moz-animation: slideInRtoL .5s ease-out forwards;
  -o-animation: slideInRtoL .5s ease-out forwards;
  animation: slideInRtoL .5s ease-out forwards;
}

.fadeindown{
  opacity: 0;
  -webkit-animation: slideInDown .5s ease-out forwards;
  -moz-animation: slideInDown .5s ease-out forwards;
  -o-animation: slideInDown .5s ease-out forwards;
  animation: slideInDown .5s ease-out forwards;
}

.alphaanimate{
  opacity: 0;
  -webkit-animation: alphaAnimate 1s ease-out forwards;
  -moz-animation: alphaAnimate 1s ease-out forwards;
  -o-animation: alphaAnimate 1s ease-out forwards;
  animation: alphaAnimate 1s ease-out forwards;
}

.lightanimate{
  opacity: 0;
  -webkit-animation: lighting 1s ease-out forwards;
  -moz-animation: lighting 1s ease-out forwards;
  -o-animation: lighting 1s ease-out forwards;
  animation: lighting 1s ease-out forwards;
}

.ie9-elm{
  opacity: 1;
  -ms-transform: translateY(0);
  -ms-transform: translateX(0);
}


@-webkit-keyframes slideInUp {
  0%{
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100%{
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@-moz-keyframes slideInUp {
  0%{
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100%{
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@-o-keyframes slideInUp {
  0%{
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100%{
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}


@keyframes slideInUp {
  0%{
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100%{
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes slideInRtoL {
  0%{
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100%{
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@-moz-keyframes slideInRtoL {
  0%{
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100%{
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@-o-keyframes slideInRtoL {
  0%{
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100%{
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRtoL {
  0%{
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100%{
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes slideInDown {
  0%{
    opacity: 0;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100%{
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@-moz-keyframes slideInDown {
  0%{
    opacity: 0;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100%{
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@-o-keyframes slideInDown {
  0%{
    opacity: 0;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100%{
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0%{
    opacity: 0;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100%{
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}



@-webkit-keyframes alphaAnimate {
  0%{opacity: 0;}
  100%{opacity: 1;}
}

@-moz-keyframes alphaAnimate {
  0%{opacity: 0;}
  100%{opacity: 1;}
}

@-o-keyframes alphaAnimate {
  0%{opacity: 0;}
  100%{opacity: 1;}
}

@keyframes alphaAnimate {
  0%{opacity: 0;}
  100%{opacity: 1;}
}

@-webkit-keyframes lighting {
  0%{opacity: 0;}
  50%{opacity: 1;}
  100%{opacity: 0;}
}

@-moz-keyframes lighting {
  0%{opacity: 0;}
  50%{opacity: 1;}
  100%{opacity: 0;}
}

@-o-keyframes lighting {
  0%{opacity: 0;}
  50%{opacity: 1;}
  100%{opacity: 0;}
}

@keyframes lighting {
  0%{opacity: 0;}
  50%{opacity: 1;}
  100%{opacity: 0;}
}

.line-up{
  width: 940px;
  padding-top: 90px;
  margin: -90px auto 60px;
}
.line-up_ttl{
	text-align: center;
	margin-bottom: 50px;
  padding-top: 20px;
}
.line-up_box{
	display: flex;
	justify-content: center;
	align-content: flex-start;
}
.line-up_Product{
	border-right: 1px solid #e9e2b8;
	padding: 18px 25px 95px;
	position: relative;
	text-align: center;
	min-width: 160px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.line-up_Product__img{
	margin-bottom: 18px;
	display: inline-block;
	position: relative;
}
.line-up_Product__ico{
	position: absolute;
	top: -30px;
	right: -30px;
	width: 61px;
	z-index: 2;
}
.line-up_Product__name{
	font-size: 1.6rem;
	font-weight: bold;
	color: #3a276a;
}
.line-up_Product:last-child{
	border-right: none;
}
.line-up_Product__icon{
	font-size: 0.75em;
	color: #333333;
	position: absolute;
	bottom: 66px;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
}
.line-up_Product__icon p{
	display: inline-block;
	padding: 5px 5px 3px 5px;
	line-height: 1;
	border: 1px solid #333333;
}
.line-up_Product__btn{
	position: absolute;
	bottom: 18px;
	left: 0 ;
	right: 0;
	margin: auto;
}
.line-up_Product__btn a:hover{
	opacity: .7;
}
@media screen and (max-width: 568px) {
	.line-up{
  width: 90%;
  padding-top: 40px;
  margin: -40px auto 50px;
}
.line-up_ttl{
	text-align: center;
	margin-bottom: 30px;
}
	.line-up_ttl img{
		width: 80%;
	}
.line-up_box{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.line-up_Product{
	border-bottom: 1px solid #e9e2b8;
	border-right: none;
	padding: 15px 15px 95px;
	position: relative;
	text-align: center;
	width: 100%;
	box-sizing: border-box;}
.line-up_Product:last-child{
	border-bottom: none;
	border-right: none !important;
}
.line-up_Product__img{
	margin-bottom: 18px;
}
.line-up_Product__ico{
	position: absolute;
	top: 00px;
	right: 18px;
	width: 51px;
	z-index: 2;
}
.line-up_Product__name{
	font-size: 1.4rem;
	font-weight: bold;
	color: #3a276a;
}
.line-up_Product:last-child{
	border-right: none ;
	border-bottom: none;
}
.line-up_Product:nth-child(2n){
	border-right: none;
}
.line-up_Product__btn a:hover{
	opacity: 1;
}
}

.top-cart {
	background-image: linear-gradient(0deg, rgb(211,111,3) 0%, rgb(211,111,3) 0%, rgb(255,149,34) 100%);
	position: relative;
	z-index: 2;
}
.top-cart--btm {
	margin-bottom: 60px;
}
.top-cart-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px 0;
}
.top-cart-inner {
	display: flex;
}
.top-cart-head {
	margin: 0 30px 0 0;
}
.top-cart-items {
	display: flex;
}
.top-cart-item {
	display: block;
	background: #fff;
}
.top-cart-item + .top-cart-item {
	margin: 0 0 0 20px;
}

@media screen and (min-width: 569px) {
.top-cart-item:hover img {
	opacity: 0.7;
}
}

@media screen and (max-width: 568px) {
.top-cart-inner {
	padding: 10px 17px;
	width: auto;
}
.top-cart--btm {
	margin-bottom: 40px;
}
.top-cart-head {
	margin: 0;
}
.top-cart-head a {
	display: block;
}
.top-cart-head a img {
	width: 100%;
}
}



.top-modal-cart {
	padding: 0 17px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	font-size: 1.6rem;
	line-height: 1.5;
	background: rgba(0, 0, 0, 0.3);
	overflow-x: hidden;
	overflow-y: auto;
	visibility: hidden;
	opacity: 0;
	box-sizing: border-box;
}
.top-modal-cart-wrap {
	display: table;
	width: 100%;
	height: 100%;
	padding: 30px 0;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	box-sizing: border-box;
}
.top-modal-cart-inner {
	display: table-cell;
	vertical-align: middle;
	box-sizing: border-box;
}
.top-modal-cart-cont {
	position: relative;
	background-image: linear-gradient( 0deg, rgb(211,111,3) 0%, rgb(211,111,3) 0%, rgb(255,149,34) 100%);
	overflow: hidden;
	padding: 40px;
	box-sizing: border-box;
}
.top-modal-cart-ttl {
	margin-bottom: 20px;
}
.top-modal-cart-item {
	display: block;
}
.top-modal-cart-item + .top-modal-cart-item {
	margin-top: 15px;
}
.top-modal-cart-close {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 53px;
	height: 53px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	box-sizing: border-box;
	background: url(cart_close.png) no-repeat center center / 24px;
}
.top-modal-cart.is-hide {
	pointer-events: none;
	visibility: hidden;
	opacity: 0
}
.top-modal-cart.is-show {
	visibility: visible;
	opacity: 1
}