@charset "utf-8";

.termbox{background-color: #333333;color: #ffffff;text-align: center;padding: 8px 0;}

.termbox .termbox00{border: 2px solid #fff;font-size: 1.8rem;padding: 3px 20px 3px 22px;margin-right: 20px;font-weight: 900;letter-spacing: 0.2rem;}

.termbox .termbox01{font-size: 2.5rem;font-weight: 900;letter-spacing: 0.1rem;}

.termbox .termbox01 .yo{font-size: 1.4rem;margin-left: 3px;margin-right: 3px;}

.preboxbg{text-align: center;color: #ffffff;
background-image: url(../images/bg.jpg);background-size: cover;

}
.preboxbg .copy{padding: 40px 0;font-size: 1.8rem;line-height: 1.8;font-weight: 900;}

.preboxinwhite .indent00 li{text-align: left;margin-left: 1em;text-indent: -1em;font-size: 1.2rem;letter-spacing: 0;margin: 0;padding: 0;}
.preboxinwhite .indent00{line-height: 1.4;color: #666666;}

.preboxinwhite{background-color: #ffffff;border: 2px inset #FFCC99;margin-left: auto;margin-right: auto;position: relative;text-align: center;margin-bottom: 40px;}
.preboxinwhite .preboxtit{margin-top: 25px;}
.preboxinwhite .tit00mb9{margin-bottom: 10px;}

.preboxinwhite .preboxcopy{margin-top: 23px;color: #666666;font-size: 1.4rem;text-align: center;letter-spacing: -0.1rem;}

.preboxtai{border: 1px solid #C1272D;font-size: 1.3rem;margin-top: 20px;margin-bottom: 40px;}
.preboxtai .preboxtai01{color: #ffffff;background-color: #C1272D;text-align: center;padding: 5px;}
.preboxtai .preboxtai02{text-align: center;color: #666666;font-size: 1.2rem;letter-spacing: 0;}
.preboxtai .tyosei7{letter-spacing: -0.3em;margin-right: -0.2em;}
.bottmnbox3 .btnlink00 a{display: block;border: 1px solid #EDCF8C;color: #ffffff;background-color: #040404;font-weight: 900;padding: 5px;}

.bottmnbox3 .btnlink00 a:link{text-decoration: none;}
.bottmnbox3 .btnlink00 a:hover,
.pointlinebox a:hover{opacity: 0.6;transition-duration: 0.3s;}

.ff00lineupbox{background-color: #333333;color: #ffffff;text-align: center;padding: 40px 0 20px 0;}
.ff00lineupbox .copy{color: #EDCF8C;font-size: 2.8rem;line-height: 1.4;font-weight: 900;}

.ff00lineupbox .car{}
.ff00lineupbox .car .carin{text-align: center;font-size: 1.2rem;margin-bottom: 25px;margin-top: 5px;font-weight: 900;letter-spacing: 0;}
.ff00lineupbox .car .carin img{margin-bottom: 5px;}
.ff00lineupbox .car .carin a:link{text-decoration: none;}
.ff00lineupbox .car .carin a:hover{opacity: 0.6;transition-duration: 0.3s;}

.pointlinebox{}

@media screen and (min-width: 769px) {
.preboxinwhite .indent00{width: 590px;margin: 25px auto;padding-left: 1em;}
.preboxinwhite{width: 750px;}
.premarkbox{position: absolute;top: -10px;left: -10px;}
.preboxtai{width: 590px;margin-left: auto;margin-right: auto;display: -webkit-flex;display: flex; -webkit-align-items: center;align-items: center;}
.preboxtai .preboxtai01{width: 84px;}
.preboxtai .preboxtai02{width: 500px;}
.preboxtai .preboxtai02 p{text-align: center;}

.giftbox{width: 590px;margin-left: auto;margin-right: auto;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.giftbox .giftbox01t{margin-bottom: 20px;}

.bottmnbox3 {width: 650px;margin: 0px auto 0px auto;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.bottmnbox3 .btnlink00{width: 200px;margin: 20px 0 40px 0;}

.ff00lineupbox .car{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between; -webkit-flex-wrap: wrap;flex-wrap: wrap;width: 750px;margin: 20px auto;}

.pointlinebox{width: 750px;margin-left: auto;margin-right: auto;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;padding-top: 60px;margin-bottom: 40px;}

}

@media screen and (max-width: 768px) {
.termbox .termbox00{text-align: center;display: block;font-size: 1.4rem;padding: 3px 10px;margin-right: 0px;font-weight: normal;letter-spacing: 0.2rem;margin: 0 auto;width: 80%;}
.termbox .termbox01{font-size: 1.8rem;font-weight: normal;letter-spacing: 0.1rem;}

.termbox .termbox01 .yo{font-size: 1.2rem;margin-left: 3px;margin-right: 3px;}

.preboxbg .copy{padding: 20px 0;font-size: 1.4rem;}

.preboxinwhite{margin-top: 30px;position: relative;}
.preboxinwhite .premarkbox{position: absolute;top: -10px;left: -10px;text-align: left;}
.preboxinwhite .premarkbox img{width: 25%;height: auto;}
.preboxinwhite .preboxtit{width: 70%;margin-left: 25%;margin-right: auto;}
.preboxinwhite .preboxcopy{font-size: 1.3rem;letter-spacing: -0.1rem;line-height: 1.4;}
.preboxinwhite .preboxtai02{padding: 10px 5px;}

.giftbox .giftbox01p{margin: 10px 0 25px 0;}
.preboxinwhite .indent00{padding-left: 1em;margin-bottom: 20px;}

.btnlink00{margin-bottom: 20px;}
.bottmnbox3{padding-bottom: 40px;}

.ff00lineupbox .copy{font-size: 2.0rem;}

.ff00lineupbox .car .carin{margin-top: 30px;}
.pointlinebox{padding-top: 40px;margin-bottom: 40px;}
.alinkboxtyosei4587{margin-bottom: 20px;display: block;}
.ff00lineupbox .car .carin img{width: 90%;}
}