@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300&family=Oswald:wght@700&display=swap');
/* CSS Document */
#wrap h2{
font-size:24px;
font-weight:bold;
line-height:1.2em;
margin-bottom:20px;
position: relative;
border-bottom:6px double #000;
padding:6px;
}

#wrap h3{
font-size:20px;
margin-bottom:20px;
	color:#333;
	padding:8px 0;
font-weight:bold;
}

#wrap p{
line-height:2.0em;
}
#wrap .fontL{
font-size:20px;
}
.note{
font-size:12px;
}
strong{
font-weight:bold;
}
.left{
text-align:left;
}
.right{
text-align:right;
}
.center{
text-align:center;
}
.red{
color:#CC0000;
}
#wrap ul{
margin:0 0 16px 20px;
}
#wrap ul li{
	line-height:1.6em;
	margin-bottom:16px;
	list-style-type: disc;
}
#wrap ol{
margin:0 0 16px 40px;
}
#wrap ol li{
list-style-type: decimal;
line-height:2.0em;
margin-bottom:16px;
}
dt{
font-weight:bold;
margin-bottom:8px;
}
dd{
margin-bottom:20px;
padding-left:8px;
}
#wrap table{
width:100%;
}
#wrap table th{
background:#F2F2F2;
vertical-align:top;
	border: 1px solid #CCC;
}
#wrap table td{
border: 1px solid #CCC;
word-break: break-all;
}
@media only screen and (min-width: 768px) {
#wrap h2{
font-size:32px;
margin-bottom:30px;
padding:10px;
}

#wrap h3{
font-size:22px;
margin-bottom:20px;
font-weight:bold;
}

dd{
margin-bottom:30px;
padding-left:14px;
}
}

.center{
	text-align:center;
}
#wrap p.copy{
	font-size:24px;
	line-height:1.4;
	margin-bottom:20px;
}
#wrap p.copy .fS{
	font-size:18px;
}


@media only screen and (min-width: 768px) {
#wrap p.copy{
	font-size:28px;
	margin-bottom:30px;
}
#wrap p.copy .fS{
	font-size:20px;
}
}

#detail{
	padding-bottom:30px;
}
dl.date{
	border-left:8px solid #2c461c;
	padding:10px 20px;
	    font-family: "Oswald", sans-serif;
	letter-spacing: 0.1em;
	margin-bottom:30px;
}
dl.date dt{
	font-weight:700;
	font-size:1.2em;
	margin-bottom:0;
}
dl.date dd{
	font-weight:700;
	margin-bottom:0;
	margin-top: -16px;
	padding-left:0;
	font-size:1.2em;
}
.num{
	font-size:2.5em;
}
.dow{
	    display: inline-block;
    transform: rotate(90deg);
    transform-origin: center;
    letter-spacing: 0;
	font-size: 0.75em;
}

@media only screen and (min-width: 768px) {
#detail{
	padding-bottom:60px;
}
dl.date{
	padding:10px 30px;
	margin-bottom:60px;
}
dl.date dt{
	font-size:1.6em;
}
dl.date dd{
	font-size:1.6em;
}
.num{
	font-size:2.8em;
}
}

#lineup{
	border-top:1px solid #AAA;
	padding-top:30px;
	padding-bottom:30px;
}

.lineupBlock{
	display: flex;
	flex-wrap: wrap; /* flex-flow:column;はアイテムを縦に並べる */
	margin-bottom:30px;
}
.lineupBox{
	width:100%;
	padding:10px;
	margin:0;
}
.lineupTxt{
	width:100%;
	padding:10px;
	margin:0;
}
#wrap p.carTit{
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:0;
	line-height:1.2;
}
#wrap p.carE{
	    font-family: "Oswald", sans-serif;
		color:#AAA;
		padding:4px;
}
.photoCar{
	text-align:center;
	position:relative;
	margin-bottom:10px;
}
#wrap p.limit{
	position:absolute;
	right:0;
	top:0;
	background-color:#CC0000;
	color:#FFF;
	padding:4px 6px;
}
#wrap p.catch{
	font-weight:bold;
	margin-bottom:0;
	padding:6px;
}
#wrap p.badge{
	color:#FFF;
	display:inline-block;
	background-color:#DC3545;
	border-radius:10px;
	padding:10px;
	font-weight:bold;
	font-size:0.9em;
	text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}
.sup{
	text-align:center;
	line-height:0;
}
#wrap p.bt a{
	display:block;
	color:#FFF;
	background-color:#333;
	padding:10px;
	font-size:1.2em;
	position: relative;
}
#wrap p.bt a::after{
    content: '';
    /*絶対配置で矢印の位置を決める*/
  position: absolute;
    top:42%;
    right: 13px;
    /*矢印の形状*/
    width: 5px;
    height: 5px;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    transform: rotate(45deg);
}
#wrap p.bt a:hover{
	background-color:#999;
	text-decoration:none;
}

@media only screen and (min-width: 768px) {
#lineup{
	padding-top:60px;
	padding-bottom:60px;
}
.lineupBlock{
	margin-bottom:60px;
}

.lineupBox{
	width:50%;
	padding:10px;
	margin:0;
}
.lineupTxt{
	width:50%;
	padding:10px;
	margin:0;
}
#wrap p.carTit{
	font-size:1.8em;
}
#wrap p.bt a{
	padding:18px;
}

}

#app{
	border-top:1px solid #AAA;
	padding-top:30px;
	padding-bottom:30px;
}
#wrap #app p.bt{
	margin-bottom:40px;
}
#wrap #app p.bt a{
	font-size:1.4em;
	text-align:center;
}

@media only screen and (min-width: 768px) {
#app{
	padding-top:60px;
	padding-bottom:60px;
}
}

#shop{
	border-top:1px solid #AAA;
	padding-top:30px;
	padding-bottom:30px;
}
.sBlock{
	display: flex;
	flex-wrap: wrap; /* flex-flow:column;はアイテムを縦に並べる */
}
.sBox{
	width:100%;
	padding:10px;
	margin:0;
}
.pBox{
	width:100%;
	padding:10px;
	margin:0;
	text-align:center;
}
#wrap p.shopname{
	font-weight:bold;
	font-size:20px;
}

@media only screen and (min-width: 768px) {
#shop{
	padding-top:60px;
	padding-bottom:60px;
}
.sBox{
	width:50%;
	padding:10px;
	margin:0;
}
.pBox{
	width:50%;
	padding:10px;
	margin:0;
}
#wrap p.shopname{
	font-size:24px;
}

}