@charset "UTF-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url("pc-1dayvip.css") screen and (min-width:768px);
@import url("sp-1dayvip.css") screen and (max-width:767px);
@font-face { font-family: "RakutenSans_Bd"; src:url("/fonts/RakutenSans_Bd.woff2") format("woff2"), url("/fonts/RakutenSans_Bd.woff") format("woff"); }

a {
	color:#00339b;
	text-decoration:none;
}
a:hover,
a:active {
	color:#2f62ca;
}

.clearfix:before,
.clearfix:after {
	content: " "; 
	display: table;}

.clearfix:after {
	clear: both;
	}
.clearfix {*zoom:1;}

img {
	border:0;
	vertical-align:middle;
	max-width: 100%;
	height:auto;
}

.itemKv {text-align: center; position: relative;}
.itemKv img{width: 100%;}
	
ul, ol	{ padding-left: 1.5em;}

.reset	{margin: 0; padding: 0; list-style-type: none;}
.reset-t	{margin-top: 0; padding-top: 0;}
.reset-b	{margin-bottom: 0; padding-bottom: 0;}
.reset-v	{margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0;}
.reset-h	{margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0;}

.rakutenFont	{font-family: "RakutenSans_Bd";}

#page-top { position: fixed; bottom: 20px; right: 20px; font-size: 2.0rem; z-index: 9;}
#page-top a { display: block; width: 60px; height: 60px; line-height: 54px; color: #ffffff; background: rgba(218,202,55,0.5); border-radius: 30px; text-align: center; text-decoration: none;}
#page-top a:hover { background: rgba(218,202,55,0.9);}

.bgPremium	{background-color: #000000;}
.Gold-txt	{color: #daca37;}
.red-txt{color: #a9002f;}
.White-txt{color: #ffffff;}

.bgLineup ol li	{opacity: 0;  transform: translateY(20px); transition: all 1.5s;}
.bgLineup .container img,
.bgLineup ol li	img { border-radius: 10px;}


@media only screen and (min-width: 768px) and (max-width: 988px)  {
	.oneday-vip .uiTab .tabContent .container,
	footer .container,
	header .fixed,
	.container{
		width:90%;
		margin: 0 auto;
		text-align: center;
	}
	
	.one-dayvip .bgLineup ol > li > .inner,
	.one-dayvip .bgLineup ol > li > .inner02{
	text-align: left;
	padding: 0 ;
}
	.one-dayvip .bgLineup .unit3Lg img {
    height: auto;
}
	header .fixed nav{
	 overflow: scroll;
	}
}


/*-- ヘッダー --*/
header.fixed	{ position: fixed; top: 0; left: 0; width: 100%; z-index: 1000;}


/*-- ボタン --*/

.btn-box{ margin: 2em 0 5em ;}

/*枠*/

.btn {
  border: 1px solid #000000;
  border-radius: 50px;
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 20px auto 0;
  color: #000000;
  background-color: #fff;
  transition: 0.3s ease-in-out;
  font-weight: bold;
}

.btn:hover{
  background-color: #333333;
  color: #FFFFFF;
  opacity: 1;
}

p.btn {
  pointer-events: none;
}

.btn:hover:after{
  border-color: #FFF;
}

.btn.border-w {
  border: 1px solid #fff;
  color: #fff;
}

.btn.border-w:hover {
  background-color: #fff;
  color: #333;
}

.btn.border-w:after {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}

.btn.border-w:hover:after {
  border-color: #333;
}

/*背景色*/


.btn.bg-bk {
  border: 1px solid #ffffff;
  color: #fff;
  background-color: #000000;
}

.btn.bg-bk:hover {
  border: 1px solid #fff;
  color: #000000;
  background-color: #fff;
}

.btn.bg-gold {
  border: 1px solid #daca37;
  color: #ffffff;
  background-color: #daca37;
}

.btn.bg-gold:hover {
  border: 1px solid #daca37;
  color: #daca37;
  background-color: #ffffff;
}

.btn.bg-black:hover:after {
  border-color: #000;
}

.btn-l { max-width: 300px; padding: 15px 25px;}
.btn-s { max-width: 150px; padding: 10px 25px;}




/*-- 見出し --*/

.one-dayvip .bgLineup .ttlPage h1,
.one-dayvip .bgLineup .ttlPage em{ color:#daca37 ; background-color: transparent;}

.bgLineup h2{
  border-radius: 5px;
  margin: 0 auto;
  padding: 0;
  font-family: "RakutenSans_Bd";
  text-align: center;
}

.bgLineup h2 {
    background-color: #daca37;
    color: #000000;
}


.bgLineup h3{
    position: relative;
    display: inline-block;
    text-align: center;
	font-style: normal;
	margin-top: 0;
	font-family: "RakutenSans_Bd";
}

.bgLineup .textCenter{ margin: 0;}

.bgLineup h3 { 
	text-align: center;	
    background-color: #daca37;
    color: #000000;
}

.bgLineup h3::before,
.bgLineup h3::after {
    position: absolute;
    top: 0;
    width: 0px;
    height: 0px;
    border-color: #daca37 transparent;
    border-style: solid;
    content: '';
}

.ribbon-wrapper {   
  position: relative;
  }

.bgLineup .ribbon01 h4,
.bgLineup .ribbon02 h4,
.bgLineup .ribbon03 h4{
  background-color: #000000;
  color: #daca37;
}

.ribbon01 h4,
.ribbon02 h4,
.ribbon03 h4{
  display: inline-block;
  position: absolute;
  left: 0;
  width: auto;
  font-weight: bold;
  text-align: left;
  line-height: 0.5em;
}

.ribbon01 h4:after,
.ribbon02 h4:after,
.ribbon03 h4:after{
  position: absolute;
  border-style: solid;
  content: '';
}