@charset "Shift-JIS";


/*
==========================================================================
常用バナーセット
==========================================================================
*/
.contents a{text-decoration:none;}
a {text-decoration: none;}

.regular_slide,.regular_bnr{position:relative;width: fit-content; block-size: fit-content;}

.regular_slide .period{
width:calc(100% - 40px);padding: 0 20px;display:flex; justify-content: center;align-items: center;
font-family: 'Noto Sans JP', sans-serif;font-size: 160%; color:#FFFFFF;font-weight:900;white-space: nowrap;line-height:40px;}

.regular_bnr{width:100%;max-width:870px;}
.regular_bnr img{width:100%;vertical-align: top;}
.regular_bnr .period{width:100%;}
.regular_bnr .period ul{width:100%;margin:0 auto;padding:0;display:flex; justify-content:center;align-items: center;}
.regular_bnr .period ul.no_camp{width:100%;}
.regular_bnr .period ul li{width: fit-content;list-style-type:none;display:flex; justify-content:center;align-items: center;}
.regular_bnr .period ul li .title_img{width:35%;margin-right:20px;}
.regular_bnr .period ul li .title_img img{vertical-align:bottom;width:100%;}
.regular_bnr .period ul li .text{display:block;width: fit-content;font-family:'Noto Sans JP', sans-serif;font-size:18px;line-height:30px;color:#FFFFFF;font-weight:900;white-space: nowrap;}
.regular_bnr .period ul li .text span.period{width: fit-content;margin-right:10px;}

@media screen and (max-width:799px){
.regular_slide .period,
.regular_slide .period2{padding:0 5px;}

.regular_bnr .period ul li .title_img{margin-right:2%;}
.regular_bnr .period ul li .text{display:flex;justify-content:space-between;width:60%;font-size:2.1vw;line-height: normal;}
.regular_bnr .period ul li .text span.period{margin-right:1%;}
.regular_bnr .period ul.no_camp .text{width: fit-content;}
}

@media screen and (max-width:639px){
.regular_bnr .period ul li.title_img{width:35%;}
.regular_bnr .period ul li.text{font-size:1.8vw;}
}

@media screen and (max-width:480px){
.regular_slide .period,
.regular_slide .period2{line-height:30px;}
.regular_bnr .period ul li.title_img{width:30%;}
.regular_bnr .period ul li.text{}
}

.regular_slide .period span,
.regular_slide .period2 span,
.regular_bnr .period ul li.text span{padding:0 5px;}
/*sp1 { letter-spacing: 10px; }*/
sp1 { letter-spacing: 2px; }
sp2 { letter-spacing: 3px; }

@media screen and (max-width:400px){
.regular_slide .period,
.regular_slide .period2{padding:0 5px;}
sp1,
sp2 { letter-spacing:1.5px; }

.regular_bnr .period ul li.text{font-size:2.0vw;}
}