@charset "UTF-8";


/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
/**
 * uaplus.css version 0.0.1
 */
*,*::after,*::before{box-sizing:border-box}:focus-visible{outline-offset:3px}:where(html){-webkit-text-size-adjust:none;text-size-adjust:none}:where(html){line-height:1.5}:where(html){scrollbar-gutter:stable}:where(h1){font-size:2em;margin-block:.67em}:where(abbr[title]){cursor:help;text-decoration-line:underline;text-decoration-style:dotted}@media (forced-colors:active){mark{color:HighlightText;background-color:Highlight}}:where(del,ins,s)::before,:where(del,ins,s)::after{clip-path:inset(100%);clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden;position:absolute;white-space:nowrap;content:"test"}:where(s)::before{content:"stricken text start "}:where(s)::after{content:" stricken text end"}:where(del)::before{content:"deletion start "}:where(del)::after{content:" deletion end"}:where(ins)::before{content:"insertion start "}:where(ins)::after{content:" insertion end"}:where(audio,iframe,img,svg,video){max-block-size:100%;max-inline-size:100%}:where(fieldset){min-inline-size:0}:where(label):has(+:where(textarea,input,select)){display:block}:where(textarea:not([rows])){min-block-size:6em}:where(button,input,select,textarea){font-family:inherit;font-size:inherit}:where([type="search"]){-webkit-appearance:textfield}@supports (-webkit-touch-callout:none){:where([type="search"]){border:1px solid -apple-system-secondary-label;background-color:canvas}}:where([type="tel"],[type="url"],[type="email"],[type="number"]):not(:placeholder-shown){direction:ltr}:where(table){border-collapse:collapse;border:1px solid}:where(th,td){border:1px solid;padding:.25em .5em}:where(dialog)::backdrop{background:oklch(0% 0 0 / .3)}:where(dialog),:where(dialog)::backdrop{opacity:0;transition:opacity 300ms ease-out,display 300ms allow-discrete,overlay 300ms allow-discrete}:where(dialog[open]),:where(dialog[open])::backdrop{opacity:1}@starting-style{:where(dialog[open]),:where(dialog[open])::backdrop{opacity:0}}[hidden]:not([hidden="until-found"]){display:none!important}

/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body { text-align: center;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; background-color: #7d99c3;}

  body, html {
    margin: 0;
    padding: 0;
  }



/* ======================================== */


a:link { color: #ed3708; text-decoration:none; }
a:visited { color: #666; }
a:hover { color: #ffea10; }
a:active { color: #000; }

.fzLL   { font-size: clamp(1.375rem, 0.966rem + 2.05vw, 2.5rem);}
.fzL   { font-size: 115%;}
.fzS  { font-size: 80%;}
.fwB { font-weight: bold;}
.fzSS  { font-size: clamp(0.773rem, 0.71rem + 0.23vw, 1rem);}
.fred {	color:#e7340c;}

#cent-box{
	margin:auto;width: 1000px;
}


/* !wrapper
---------------------------------------------------------- */
#wrapper {  text-align:center;width:100%;
     position: relative;
     height:auto !important; /*IE6*/
     height: 100%; /*IE6*/
     min-height:100%;
}

.align-left{
	float:left;
}

.align-right{
	float:right;
}	

.clr{
	clear:both;
}

.cnt{
	margin:auto;
}

p {
	margin-bottom: 20px;
}

#head { width: 100%; margin: 0;font-size: 0;display: block;
}

.title img { max-width: 100%;
    height: 100%;
    display: block;object-fit: cover;
}


.jk-line{outline:1px #666 solid;
}

.mob-title  { display: block;}
.title  { display:none;}

/* タブレット向けのスタイル */
@media screen and (min-width: 601px) {

.mob-title  { display: block;}
.title  { display:none;}
}

/* デスクトップ向けのスタイル */
@media screen and (min-width: 1025px) {
.title  { display: block;}
.mob-title  { display: none;}
}



/* !contents
---------------------------------------------------------- */
#contents {
	margin: 0 auto;
	width: 100%;
	padding:0px;
	text-align: left;
	position: relative;
}

#contents:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}


#main {
	margin: 0 auto;  background-color:#FFF;
	width: 90%; height:auto;
	 padding: 25px 0px 50px 0px;
	text-align: left;
	position: relative;border-left: 5px #366fc4 solid;border-right: 5px #366fc4 solid;
	}

#main:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

.top-box{ width: 90%; margin: auto; display:flex;   justify-content:space-around; flex-direction: column;}

/* タブレット向けのスタイル */
@media screen and (min-width: 601px) {
.top-box{ width: 90%; margin: auto; display:flex;   justify-content:space-around; flex-direction: column;}

}

/* デスクトップ向けのスタイル */
@media screen and (min-width: 1025px) {
.top-box{ width: 90%; margin: auto; display:flex;   justify-content:space-around; flex-direction: row;}
}


dl#about{ margin:0px;
	float:left;width:100%; padding-right: 20px; padding-bottom: 20px;

}

dl#about dt{ padding:0px 0px 0px 10px;
	float:left;border-top: 1px #cccccc solid;border-bottom: 1px #cccccc solid;
	width:100%; text-align:left; font-size: clamp(1.25rem, 1.114rem + 0.68vw, 1.625rem); line-height: 1.7;font-weight:bold;
}

dl#about dd{ margin:0px; padding:10px 0px 0px 10px;
	float:left; width:100%; font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem); line-height: 1.5;
}


#news01{ margin:0px;
	float:right;width:100%; padding-left: 0px;
}

#news02 { padding:0px 0px 0px 50px;
	float:left;border-top: 1px #cccccc solid;border-bottom: 1px #cccccc solid;
	width:100%; text-align:left; font-size:clamp(1.5rem, 1.364rem + 0.68vw, 1.875rem); font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold; background-image:url(../images/tit_icon01.png); background-repeat:no-repeat; background-position:5px 2px;
}

#news03 { margin:0px; padding:0px 0px 0px 0px;
	float:left; width:100%; font-size:80%;
}



dl#information{
	margin:10px 0px 20px 10px; padding: 0px;
	float:left; width:96%; height:180px; line-height:120%;
	overflow:auto; overflow-y:scroll !important; overflow-x:hidden; text-align:left;border-bottom: 1px #cccccc solid;border-right: 1px #cccccc solid;
}

dl#information dt{ clear:both; display:inline-block;
	margin: 5px 0px 5px 5px; padding:4px;
	float:left; width:110px; background-color:#f0f0f0; text-align:center;
 font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
}

dl#information dd{
	margin: 5px 0px 5px 5px; padding:0px; display:inline-block;
	float:left; width:90%; line-height:1.5;
 font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
}





#series-tit{ margin-top:50px; padding:0px 0px 0px 65px;
	float:left;border-top: 1px #cccccc solid;border-bottom: 1px #cccccc solid;
	width:100%; text-align:left; font-size:clamp(1.5rem, 1.364rem + 0.68vw, 1.875rem); font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold; background-image:url(../images/tit_icon02.png); background-repeat:no-repeat; background-position:30px 2px;
}

div.one-title{width:100%; margin: auto; display:flex; flex-direction: column; margin-bottom: 80px; padding: 0 5px; }

/* タブレット向けのスタイル */
@media screen and (min-width: 601px) {
div.one-title{ margin-bottom: 80px; padding: 0 80px; }
}

/* デスクトップ向けのスタイル */
@media screen and (min-width: 1025px) {
div.one-title{ margin-bottom: 80px; padding: 0 80px; }
}


.bg-grey{ background-color: #f1f5f9; }

dl.date{ margin:30px 0px 0px 0px;
	float:left;width:100%;
}

dl.date dt{
	float:left; height:40px; font-size: clamp(1.375rem, 1.33rem + 0.15vw, 1.5rem);
	width:200px; text-align:center; color:#FFF; background-color:#000;
}

dl.date dd{ margin:0px; padding:0px; display:inline-block; height:28px;
	float:left; width:100%; border-top: 1px #000 solid;
}


.song-tit{ width:100%; background-image: url(../images/tit_icon03.png); background-repeat:no-repeat; text-indent:25px;
background-position:0 7px;
	margin:10px 0px 20px 0px; float:left; 
}


dl.song-box{ clear:both; margin:0px 0px 50px 0px;flex-direction: column;
	display:flex; width:100%; 
}

dl.song-box dt{ padding:0px 10px; 
	width:100%; text-align:left; font-size: clamp(0.875rem, 0.83rem + 0.15vw, 1rem);
}

dl.song-box dt img{ width: 100%;
  max-width: 400px;
  height: auto;
}

dl.song-box dd{ margin:0px 0px 0px 0px; padding:0px 10px; display:inline-block;
	 width:100%;font-size:clamp(1.125rem, 1.034rem + 0.15vw, 1.375rem);
}

.tube-box{ width: 100%;display:flex;justify-content:center;align-items:center; padding: 20px; }
.tube{ margin: auto; 
	display:flex;justify-content:center; width:100%; height:auto;
}

/* youtube埋め込み */
.youtube-container {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 縦幅の指定 (16:9のアスペクト比) */
  height: 0; /* 縦幅はpadding-topで確保するので0に */
}

.youtube-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.song-box-frm{ width: 100%; display:flex; flex-direction: column; }

.jkt-box{width: 100%;display:flex;justify-content:center;
padding: 0;
 }


/* タブレット向けのスタイル */
@media screen and (min-width: 601px) {
.song-box-frm{  width: 100%;display:flex; flex-direction: column;  }

dl.song-box{ clear:both; margin:0px 0px 50px 0px; 
	display:flex; width:100%;
}
.tube{padding: 20px;  margin: auto; 
	display:flex;justify-content:center; width:100%; min-height:220px; background-image: url(../images/tube_bg.png);
	background-repeat:no-repeat; background-position:center;
}
dl.song-box dt img{  width: 100%;
  max-width: 400px;
  height: auto;
}
}

/* デスクトップ向けのスタイル */
@media screen and (min-width: 1025px) {
.song-box-frm{ width: 100%; display:flex; flex-direction: column; }

dl.song-box{ clear:both; margin:0px 0px 50px 0px; 
	display:flex; flex-direction: row; width:100%;
}

dl.song-box dt{ 
	width:30%; text-align:left; line-height:1.5; font-size:16px;
}
dl.song-box dt p{ padding: 5px; }

dl.song-box dd{ margin:0px 0px 0px 10px; padding:0px; display:inline-block;
	 width:70%; line-height:1.5; font-size:18px;
}
dl.song-box dt img{ width: 100%;
  max-width: 400px;
  height: auto;
}
.tube{padding: 20px; margin: auto; 
	display:flex;justify-content:center; width:80%; min-height:220px; background-image: url(../images/tube_bg.png);
	background-repeat:no-repeat; background-position:center;
}

}

.btn-box{ width: 100%;display:flex;justify-content:flex-start; text-align: center;margin: 0px auto; padding: 0; }
.shosai_bt{ margin: 0px auto;
	 width: 90%; padding: 10px; background-color: #000; color: #FFF; transition: color 0.3s;
}

.shosai_bt:hover{ background-color: #3697b3; color: #000; cursor: pointer;
}

/* タブレット向けのスタイル */
@media screen and (min-width: 601px) {
.shosai_bt{  width: 70%;}
}

/* デスクトップ向けのスタイル */
@media screen and (min-width: 1025px) {
.shosai_bt{  width: 50%;}
}



.info-tit{ margin-top:50px; padding:0px 0px 0px 80px;
	float:left;border-top: 1px #cccccc solid;border-bottom: 1px #cccccc solid;
	width:100%; text-align:left; font-size:clamp(1.5rem, 1.364rem + 0.68vw, 1.875rem); font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold; background-image:url(../images/tit_icon01.png); background-repeat:no-repeat; background-position:30px 5px;
}


dl.main-info{ clear:both; margin:20px 40px 50px 30px;
	float:left;width:auto;
}

dl.main-info dt{
	float:left; background-image:url(../images/allow.jpg); background-repeat:no-repeat; background-position:0px 8px;
	width:100%; text-align:left; font-size:clamp(1.125rem, 1.034rem + 0.15vw, 1.375rem); font-weight:bold;
	text-indent:15px;
}

dl.main-info dd{ margin:0px 0px 0px 10px; padding:0px; display:inline-block;
	float:left; width:100%; font-size:clamp(1.125rem, 1.034rem + 0.15vw, 1.375rem);
}






/* !footer
---------------------------------------------------------- */
#foot01{
	margin:-1px 0px 0px 0px; padding:0px;
	width:100%; height:140px; bottom:0;background-color: #a0b0c9;
}


#foot02{ width:100%;margin:0px auto; padding:0px; height:140px;
bottom:0; 
	
}

#foot-c{ margin:auto; padding-top:30px;
	width:100%; text-align:center;
}



.foot-logo{ padding:0px; float:left;
	width:120px; text-align:center;
}

#foot-logo:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

#foot-logo-w{  float:left;
	width:100%;
}

#foot-logo02{ margin:auto; background-color:#36C; width:240px;
}