@charset "utf-8";

a.opcolor8:hover{opacity: 0.6;transition-duration: 0.3s;}

@media screen and (min-width: 1440px) {
.w1440pcsp100,.preboxall,.bnrbottomall,.recoboxall{width: 1440px;margin-left: auto;margin-right: auto;}
}


@media screen and (max-width: 1439px) {
.w1440pcsp100{width: 100%;}
.w1440pcsp100 img{width: 100%;height: auto;}
}


.termbox{background-color: #00003a;color: #e9d0a1;text-align: center;padding: 10px 0;}
.termbox .termbox00{border: 1px solid #e9d0a1;font-size: 3.6rem;padding: 0 20px 3px 22px;margin-right: 20px;font-weight: 900;letter-spacing: 0.4rem;}
.termbox .termbox00 .termbox11258{font-size: 2.6rem;}

.termbox .termbox01{font-size: 3.6rem;font-weight: 900;letter-spacing: 0.1rem;border: 1px solid #00003a;}
.termbox .termbox01 .yo{font-size: 2.2rem;margin-left: 3px;margin-right: 3px;}

.preboxall{color: #000000;}

.preboxall{background-image: url(../images/bg.jpg);background-repeat: no-repeat;}
.recoboxall{background-image: url(../images/bg2.jpg);background-repeat: no-repeat;padding-bottom: 30px;padding-top: 60px;}

.bnrbottomall{padding-top: 70px;}

.preboxall .copy{text-align: center;padding: 40px 0;font-size: 2.4rem;font-weight: 900;letter-spacing: -0.01em;line-height: 1.4;}



.bottmnbox3 .btnlink00 a{display: block;border: 2px solid #ffcc66;color: #ffffff;background-color: #00003a;font-weight: 900;padding: 10px 5px;text-align: center;font-size: 1.9rem;letter-spacing: 0.05em;}
.bottmnbox3 .btnlink00.colorchange9 a{border: 2px solid #cc9966;color: #000000;background-color: #edcf8c;}

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

.recoboxall h4{text-align: center;padding-bottom: 5px;border-bottom: 1px solid #edcf8c;font-size: 3.6rem;color: #edcf8c;font-weight: 900;letter-spacing: 0;margin-bottom: 60px;}

.carboxreco a{margin-bottom: 40px;display: block;}

.predboxbord5{background-color: #eaeae8;width: 1010px;margin-left: auto;margin-right: auto;text-align: center;padding-bottom: 15px;}
.predboxbord5 .tit{padding: 0px;text-align: center;}
.predboxbord5 .copy00{font-size: 1.9rem;color: #fff;font-weight: 900;letter-spacing: -0.01em;}
.predboxbord5 .copy00 span{font-size: 1.7rem;letter-spacing: 0;}


.prebox_2 img,
.prebox_2 div{margin-top: 35px;}
.atte{font-size: 1.3rem;text-align: left;margin: 30px 0;font-weight: 900;line-height: 1.5;}

@media screen and (min-width: 769px) {

.bottmnbox3 {width: 825px;margin: 60px auto 40px auto;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.bottmnbox3 .btnlink00{width: 255px;margin: 20px 0 40px 0;}
.carboxreco{width: 970px;margin-left: auto;margin-right: auto;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;}

.bnrareafle{width: 960px;margin-left: auto;margin-right: auto;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;padding-bottom: 30px;padding-top: 60px;}

.prebox_2{width: 930px;margin-left: auto;margin-right: auto;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.atte{width: 930px;margin-left: auto;margin-right: auto;}

}

@media screen and (max-width: 768px) {

.preboxall{background-repeat: repeat-y;}
.recoboxall{background-repeat: repeat-y;}

.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;}
.termbox .termbox00 .termbox11258{font-size: 1.4rem;}

.bnrareafle{width: 100%;}
.bnrareafle a{margin-left: 0.5%;margin-right: 0.5%;}

.bottmnbox3{padding-bottom: 40px;padding-top: 40px;}

.btnlink00{margin-bottom: 20px;}
.preboxall .copy{font-size: 1.6rem;}

.recoboxall h4{font-size: 2.4rem;line-height: 1.2;}

.predboxbord5,.prebox_2{width: 100%;}

/*.predboxbord5 .tit{width: 70%;margin-left: auto;margin-right: auto;}*/

.predboxbord5 .copy00{font-size: 1.6rem;font-weight: normal;line-height: 1.3;}
.predboxbord5 .copy00 span{font-size: 1.3rem;letter-spacing: -0.1rem;}
.carboxreco{text-align: center;}

.bnrareafle a{margin-bottom: 30px;display: block;}

}