body{
background: #FFF
}
#titeltop .container .txtheadsh{
margin: -15px 0 0 0;
}
#titeltop .container h1{
margin: 0 0 0 0!important;
font-size: calc(2.4rem + ((1vw - 0.64rem) * 2.1429));/* 24px~36px縺ｧ蜿ｯ螟�*/
line-height: 1.3;
color: red;
}
#eventpage {
color: #333333;
}
.itemnote{
padding: 0 15px 20px;
font-weight: Medium;
}
.itemnote h2{
margin: 15px 0 10px 0;
font-size: 24px;
font-size: calc(1.5rem + ((1vw - 4.8px) * 0.7639));
color: #c60000;
line-height: 1.3;
font-weight:bold;
}
.itemnote .label{
margin-top: 15px;
font-size: 16px;
}
.itemnote p{
margin: 8px 0 6px 0 !important;
}
.shopinfo{
padding: 0 15px 10px;
}
.shopinfo .txttop{
font-weight: bold;
margin-bottom: 5px;
color:gold;
}
.shopinfo .txttop:before {
content: "\f54e";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
padding-right: 4px;
}
.day {
border-bottom: 2px dotted #66ff66;
padding: 0 0 4px 0;
margin: -10px 0 15px 0;
font-weight:bold;
}
#eventpage .btn2 {
background: #fff;
color: #cc0000;
border: 1px solid transparent;
border-radius: 4px;
cursor: pointer;
display: inline-block;
font-size: 18px;
font-weight: 700;
line-height: 1;
margin-bottom: 0;
padding: 4px 6px 3px;
margin-top: 12px 0 16px 0;
text-align: center;
}
#eventpage a:before {
content: "\f360";
padding-right: 5px;
font-family: 'Font Awesome 5 Free';
font-weight:900;
}
#eventpage .btn2 {
background: #cc0000;
color: #FFF;
border: 1px solid transparent;
border-radius: 4px;
cursor: pointer;
display: inline-block;
font-size: 18px;
font-weight: 700;
line-height: 1;
margin-bottom: 0;
padding: 4px 6px 3px;
margin-top: -5px 0 16px 0;
text-align: center;
}
#eventpage.btn2 a:hover {
background: #ffff33!important;
}
.shopinfo a:before {
content: "\f360";
padding-right: 5px;
font-family: 'Font Awesome 5 Free';
font-weight:900;
}
.iteminfo a:hover,
.shopinfo a:hover {
color: brown;
background-color: #D6FF00;
}
.shopinfo p{
margin: 8px;
}
.att2{
padding: 0;
font-size: 0.8em;
}
.att2 p{
text-indent: -1em;
padding-left: 1em;
margin: 0 0 3px 0!important;
}
.att{
padding: 10px 15px 5px 0;
font-size: 0.8em;
}
.att p{
text-indent: -1em;
padding-left: 2em;
margin: 0 0 3px 0;
}
.pb10{
padding: 0 0 15px 0;
}
#campaign{
padding: 20px;
padding-top: 100px;
margin-top: -100px;
}
#campaign a{
color: #ff3209;
}
#campaign a:hover{
color: #ff9999;
}
#campaign p{
color: #333333;
}
/* LINE UP */
.lineup2{
margin: 20px;
font-size: 16px;
line-height: 22px;
color: #cc0000;
}
.lineup2 p{
font-size: 14px;
margin: 2px 0 0 0;
color: #FFF;
}
/* 02.繝��繝� */
#heading02{
position:relative;
margin:0 -1px;
font:bold 24px/1.6 Arial, Helvetica, sans-serif;
font-size: calc(2rem + ((1vw - 0.64rem) * 0.7143));/* 20px~24px縺ｧ蜿ｯ螟�*/
text-align:center;
color:#FFF;
background:#cc0000;
-webkit-transform: rotate(-3deg) skew(-3deg);
-moz-transform: rotate(-3deg) skew(-3deg);
-o-transform: rotate(-3deg) skew(-3deg);
-ms-transform: rotate(-3deg) skew(-3deg);
transform: rotate(-3deg) skew(-3deg);
text-shadow:1px 1px 0 rgba(83,0,0,1);
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2),
30px 0 0 0 #cc0000,
-30px 0 0 0 #cc0000;
}
#campaign h3 {
padding: .5em;
position: relative;
color:#cc0000;
font-weight: bold;
font-size: 18px;
}
#campaign h3:after {
content: "";
width:100%;
height:4px;
position: absolute;
left: 0;
bottom: 0;
background: linear-gradient(to right, #cc0000, rgba(255,255,255,0) 100%);
}
#campaign h3:before {
content: "\f06a";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
padding-right: 4px;
}
/*繝ｪ繝ｳ繧ｯ繝懊ち繝ｳ */
.btn {
background-color: transparent;
color: #ff3209;
padding: 10px 30px;
border-radius: 0;
border: 1px solid;
margin-top: 10px;
-webkit-transition: all .5s ease-in 0s;
-moz-transition: all .5s ease-in 0s;
-o-transition: all .5s ease-in 0s;
transition: all .5s ease-in 0s;
}
.btn-transparent:hover {
background-color: #ff3209;
border: 1px solid transparent;
color: #fff!important;
}
.lineup2 .row .col-md-6{
padding: 0;
}
.tenpo-box{
margin: 2em 0;
padding: 1em 2em;
position: relative;
border: 3px solid #000;
border-radius:10px;
}
.tenpo-box-title{
position: absolute;
top: -0.8em;
left: 20px;
font-weight: bold;
font-size: 1.4em;
background: #000;
padding: 0 0.5em;
color: #FFF;
}
.tenpo-box p{
margin: 0;
padding: 0;
font-size: 0.8em;
}
.tenpo-box h2 {
margin: 15px 0 5px 0;
}
.tenpo-box h2:before {
content: "\f54e";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
padding-right: 4px;
}
.tenpo-box a {
position: relative;
}
.btcam{
font-weight: bold;
margin: 3px 10px 5px 0!important;
}
/* 縺薙％縺九ｉ荳九′繝懊ち繝ｳ縺ｮCSS縲*/
.btn-tenpo {
display: inline-block;
text-align: left;
background-color: #c60000;
font-size: 14px;
color: #FFF;
text-decoration: none;
font-weight: bold;
padding: 6px;
border-radius: 4px;
position: relative;
margin: 0 8px 8px 0;
}
.btn-tenpo:hover {
opacity: 0.6;
color: #FFF;
}
/* 20px @ 480px increasing to 25px @ 1920px */
@media (min-width: 768px) {
h2 {
}
.txtheadsh h2 {
font-size: calc(1.125rem + ((1vw - 4.8px) * 0.8333)); /* 180px to 30px @ 1920px */
min-height: 0vw;
}
.name {
font-size: calc(1.875rem + ((1vw - 0.3em) * 3.3929));
}
.itemnote p{
font-size: calc(1.25rem + ((1vw - 0.3em) * 0.4167));
}
.txtheadsh p{
font-size: calc(1.25rem + ((1vw - 0.3em) * 0.4167));
}
.shopinfo .txttop{
font-size: calc(1.5rem + ((1vw - 4.8px) * 0.4167));
}
.shopinfo {
font-size: calc(1.25rem + ((1vw - 0.3em) * 0.4167));
}
p.noteatt{
font-size: calc(0.875rem + ((1vw - 7.68px) * 0.9549));
min-height: 0vw;
}
}
/* Prevent font scaling beyond this breakpoint */
@media (min-width: 1920px) {
.itemnote p {
font-size: 1.625em;
}
.txtheadsh p {
font-size: 1.5em;
}
.shopinfo .txttop{
font-size: 30px;
}
p.noteatt{
font-size: 20px;
}
}
a.anchor{height: 1px;
display: block;
padding-top: 70px;
margin-top: -70px;
}
#scrollUp {
color: #cc0000!important;
}