/* --背景表示用 --*/

html, body {height: 100%;}

.container-fluid, .row, .column {height: 100%;}
/*--------------------------------------------------------------*/
/* ヘッダ */
/*--------------------------------------------------------------*/

#head {
	height:45px;
	width:100%;
	text-align:left;
	background: #ffffff url(../_pic/head_back.gif) left top repeat-x;
	position:relative;
	top:0;

	margin: 0;
	border: 0;

}
img.M_title{
	position:absolute;
	top:0;
	left:0;
}

/*--TOPぺージヘッダ用--*/
#T_head table{
	height:45px;
	width:100%;
	background: #000066 url(../_pic/head_backT.gif) left top repeat-x;
}
img.T_title{
	position:absolute;
	top:0;
	left:0;
}
img.T_title_gg{
	position:absolute;
	top:0;
	right:0;

}
/*--------------------------------------------------------------*/
/* メイン */
/*--------------------------------------------------------------*/

.disp-img{
	background-image: url("../_pic/1_saisyo_back_w1067h600.svg"); 
	background-repeat:no-repeat;
 background-size: 100%;
background-repeat:  no-repeat;
// margin-left:2px;
 width: 100%;
min-width: 500px;
max-width: 1200px;
min-height: 700px;

margin-top:10px;
//width: 1095px;
height:700px;
overflow: hidden;
 padding: 0;


}


.digi_head{
	position:relative;
	top:0;
}


.disp-cont-img{
// margin-left:2px;
 width: 100%;
min-width: 500px;
max-width: 1200px;
min-height: 700px;

margin-top:10px;
//width: 1095px;
height:700px;
overflow: hidden;
 padding: 0;
}

.cont_img_1{
	background-image: url("../_pic/contents/mTop_1.jpg"); 
	background-repeat:no-repeat;
	background-size: 100%;
}
.cont_img_2{
	background-image: url("../_pic/contents/mTop_2.jpg"); 
	background-repeat:no-repeat;
	background-size: 100%;
}
.cont_img_2b{
	background-image: url("../_pic/contents/mTop_2b.jpg"); 
	background-repeat:no-repeat;
	background-size: 100%;
}
.cont_img_3{
	background-image: url("../_pic/contents/mTop_3.jpg"); 
	background-repeat:no-repeat;
	background-size: 100%;
}
.cont_img_3b{
	background-image: url("../_pic/contents/mTop_3b.jpg"); 
	background-repeat:no-repeat;
	background-size: 100%;
}
.cont_img_4{
	background-image: url("../_pic/contents/mTop_4.jpg"); 
	background-repeat:no-repeat;
	background-size: 100%;
}
.cont_img_5{
	background-image: url("../_pic/contents/mTop_5.jpg"); 
	background-repeat:no-repeat;
	background-size: 100%;
}
.cont_img_6{
	background-image: url("../_pic/contents/mTop_6.jpg"); 
	background-repeat:no-repeat;
	background-size: 100%;
}
.cont_img_7{
	background-image: url("../_pic/contents/mTop_7.jpg"); 
	background-repeat:no-repeat;
	background-size: 100%;
}
.cont_img_8{
	background-image: url("../_pic/contents/mTop_8.jpg"); 
	background-repeat:no-repeat;
	background-size: 100%;
}
.cont_img_9{
	background-image: url("../_pic/contents/mTop_9.jpg"); 
	background-repeat:no-repeat;
	background-size: 100%;
}
.cont_img_10{
	background-image: url("../_pic/contents/mTop_10.jpg"); 
	background-repeat:no-repeat;
	background-size: 100%;
}
.cont_img_11{
	background-image: url("../_pic/contents/mTop_11.jpg"); 
	background-repeat:no-repeat;
	background-size: 100%;
}
.cont_img_12{
	background-image: url("../_pic/contents/mTop_12.jpg"); 
	background-repeat:no-repeat;
	background-size: 100%;
}
.cont_img_12b{
	background-image: url("../_pic/contents/mTop_12b.jpg"); 
	background-repeat:no-repeat;
	background-size: 100%;
}





/*-- 購入ボタン --*/
.left-box-buy {
    background-color: #f0f8ff;
	border: 1.7mm double rgba(255, 165, 0, .6);
	text-align:center;
	padding:2px 3px;
}

.left-box-buy:hover {
	border: 2mm double rgba(255, 165, 0, .6);
}
.left-box-buy:active {
	border: 2mm ridge rgba(255, 165, 0, .6);
}

/*-- 内容紹介 --*/
.left-box {
    background-color: #f0f8ff;
	border: 1.5mm double rgba(50, 205, 50, .6);
	text-align:center;
	padding:2px 3px;
}


.left-box:hover {
	border: 2mm double rgba(50, 205, 50, .6);
}
.left-box:active {
	border: 2mm double rgba(50, 205, 50, .6);
}

.btn_img img {
	transition: 0.5s;
}
.btn_img img:hover {
	transform: scale(1.1, 1.1);
}



aaaa {
display:inline-block;
max-width:200px;
width:100%;
padding:5px 1px;
background:blue;
text-align:center;
color:white;
border-radius:10px;
}

.center-setumeiwaku {

	border:solid 2px #87ceeb;

}

.oshirase{
	background-image: url("../_pic/top/SP_TOP_news_w222h90.svg"); 
	background-repeat:no-repeat;
 background-size: 100%;
background-repeat:  no-repeat;
    width: 50%;
height:170px;
}

.relative {
	height:85yw;
    position: relative;
    width: 300px;

    background-color:rgba(255,0 0,0.5);
	text-align:center;

}

.relative_cont {
   margin:0 0 0 0;

	height:85yw;
    position: relative;
    width: 300px;
	background-image: url("../_pic/contents/SP_leftbar_back_w167h434.svg"); 
	background-repeat:no-repeat;
 background-size: 86%;

    background-color:rgba(255,0 0,0.5);
	text-align:center;

}

.absolute {
    position: absolute;
    right: 10px;
    bottom: 50%;
}


.clear-decoration {
    border: none;  /* buttonタグの枠線を消す */
    outline: none; /* クリックしたときに表示される枠線を消す */
    background: transparent; /* 背景の灰色を消す */
}

.clear-decoration:active {
    border: none;  /* buttonタグの枠線を消す */
    outline: none; /* クリックしたときに表示される枠線を消す */
    background: transparent; /* 背景の灰色を消す */
}

 
.decorated {
    cursor: pointer; /* マウスカーソルを乗せると指になる */
    outline: none;
}

@media (min-width: 1200px) {
 .center-box {
	position: absolute; top: 1.2vw; left: 1vw;
      -moz-background-clip: padding;
      -webkit-background-clip: padding;
    background-color: #ffffff;
	border: 1vw solid rgba(238, 238, 255, .5);
	text-align:left;
	width:93%;
	padding:2px 3px;
 }

.digi_logoff{
	position:relative;
	top:0;
    margin:1rem 0 0 0;

}
 .digi_btn_t {
   margin:0 0 0 0;
 }
 .digi_btn_n {
   margin:0.5rem 0 0 0;
 }

 /* ログインページ  */
 .m_sp_logo {
   margin:2rem 0 0 2rem;
 }
 .m_login {
   margin:1.5rem 0 0 1.5rem;
 }
 .m_osira {
   margin:1.5rem 0 0 1.5rem;
 }

 .textfontYMD {
   padding: 0.5rem 0 0 0;
   font-size: 1.2rem;
 }
 .textfontOS {
   padding: 1.5rem 0 0 1.5rem;
   font-size: 1.2rem;
   width: auto;
 }

 .inputform {
   padding: 1rem 0 0 5rem;
   font-size: 1.1rem;
 }

 .inputform input{
   width:480px;
 }

 .idpwhozon{
   padding: 0.5rem 0 2rem 7rem;
   font-size: 1.1rem;
 }

 .idpwhozon_img{
   width:100%;
 }

 .loginbtn{
   padding: 0.5rem 0 0 1rem;
   width:90%;
 }
 .modorubtn{
   width:50%;
 }
 .alertlogin{
   width:auto;
   font-size: 0.9rem;
 }
 .loginbtn_abso {
    position: absolute;
    left: 18rem;
 }
 .mgn-login {
    margin: 3px;
 }
 .hdnameabsol {
   width:34%;

    position: absolute;
    right: -1vw;
    top: 0;
 }
 .hd_trk td{
   padding: 1rem;
   font-size: 1rem;
 }

 /* コンテンツメニュー  */

 .cont_howawa{
	position:relative;
	right: 10px;
/*	bottom: 170px; */
	bottom: 125px;
 }
 .cont_howawa_fuki{
	position:relative;
	right: 150px;
/*	bottom: 300px; */
	bottom: 250px;
 }

.c-clock {
	background-image: url("../_pic/contents/SP_clock_back_w65h65.svg"); 
	background-repeat:no-repeat;
 background-size: 100%;
  position: relative;
  width: 170px;
  height: 170px;
  max-width:170px;
  margin-left:30px;
}
.c-clock__hour {
  position: absolute;
  top: calc(50% - 31px);
  left: calc(50% - 0.7px);
  width: 5.5px;
  height: 33.5px;
  background: #0000ff;
  transform-origin: bottom;
}
.c-clock__min {
  position: absolute;
  top: calc(50% - 38.5px);
  left: calc(50% - 1px);
  width: 4.5px;
  height: 40.5px;
  background: #ff0000;
  transform-origin: bottom;
}
.c-clock__sec {
  position: absolute;
  top: calc(50% - 42.5px);
  left: calc(50% - 0.1px);
  width: 0.5px;
  height: 43.5px;
  background: #333;
  transform-origin: bottom;
}


}
@media (max-width: 1200px) {
 .center-box {
	position: absolute; top: 1.2vw; left: 1vw;
      -moz-background-clip: padding;
      -webkit-background-clip: padding;
    background-color: #ffffff;
	border: 1vw solid rgba(238, 238, 255, .5);
	text-align:left;
	width:93%;
	padding:2px 3px;
 }

.digi_logoff{
	position:relative;
	top:0;
    margin:1rem 0 0 0;

}
 .digi_btn_t {
   margin:0 0 0 0;
 }
 .digi_btn_n {
   margin:0.5rem 0 0 0;
 }

 /* ログインページ  */

 .m_sp_logo {
   margin:1.7rem 0 0 1.5rem;
 }
 .m_login {
   margin:1rem 0 0 1.5rem;
 }
 .m_osira {
   margin:1rem 0 0 1.5rem;
 }

 .textfontYMD {
   padding: 0.2rem 0 0 0;
   font-size: 1.1rem;
 }

 .textfontOS {
   padding: 1.5rem 0 0 1rem;
   font-size:  1.54vw; 
   width: auto;
 }

 .inputform {
   padding: 0.8rem 0 0 4.2rem;
 }
 .inputform input{
   font-size:  1.54vw; 
   width:40vw;
    background-color:rgba(255,0 0,0.5);
 }

 .idpwhozon{
   padding: 0.4rem 0  2rem 6.5rem;
   font-size: 1.1rem;
 }

 .idpwhozon_img{
   width:100%;
 }

 .loginbtn{
   padding: 0.5rem 0 0 1rem;
   width:80%;
 }
 .modorubtn{
   width:50%;
 }
 .alertlogin{
   width:auto;
   font-size: 0.85rem;
 }
 .loginbtn_abso {
    position: absolute;
    left: 14rem;
 }
 .mgn-login {
    margin: 3px;
 }
 .hdnameabsol {
   width:38%;

    position: absolute;
    right: -4vw;
    top: 0;
 }
 .hd_trk td{
   padding: 1vw;
   font-size: 1rem;
 }

 /* コンテンツメニュー  */

 .cont_howawa{
	position:relative;
	right: 0.1vw;
/*	bottom: 14vw; */
	bottom: 10.5vw;
 }
 .cont_howawa_fuki{
	position:relative;
	right: 9vw;
/*	bottom: 24.5vw; */
	bottom: 20.5vw;
 }

.c-clock {
	background-image: url("../_pic/contents/SP_clock_back_w65h65.svg"); 
	background-repeat:no-repeat;
 background-size: 100%;
  position: relative;
  width: 14vw;
  height: 14vw;
  max-width:14vw;
  margin-left:2vw;


}
.c-clock__hour {
  position: absolute;
  top: calc(50% - 31px);
  left: calc(50% - 0.8px);
  width: 5.5px;
  height: 33.5px;
  background: #0000ff;
  transform-origin: bottom;
}
.c-clock__min {
  position: absolute;
  top: calc(50% - 35.5px);
  left: calc(50% - 1px);
  width: 4.5px;
  height: 37.5px;
  background: #ff0000;
  transform-origin: bottom;
}
.c-clock__sec {
  position: absolute;
  top: calc(50% - 40.5px);
  left: calc(50% - 0.1px);
  width: 0.5px;
  height: 41.5px;
  background: #333;
  transform-origin: bottom;
}


}

@media (max-width: 992px) {
 .center-box {
	position: absolute; top: 1vw; left: 1vw;
      -moz-background-clip: padding;
      -webkit-background-clip: padding;
    background-color: #ffffff;
	border: 1vw solid rgba(238, 238, 255, .5);
	text-align:left;
	width:93%;
	padding:2px 3px;
 }

.digi_logoff{
	position:relative;
	top:0;
    margin:1rem 0 0 0;

}
 .digi_btn_t {
   margin:0 0 0 0;
 }
 .digi_btn_n {
   margin:0.5rem 0 0 0;
 }

 /* ログインページ  */

 .m_sp_logo {
   margin:1.4rem 0 0 1.3rem;
 }
 .m_login {
   margin:1rem 0 0 1rem;
 }
 .m_osira {
   margin:1rem 0 0 1rem;
 }

 .textfontYMD {
   padding: 0.2rem 0 0 0;
   font-size: 0.8rem;
 }

 .textfontOS {
   padding: 0.8rem 0 0 0.8rem;
	line-height: calc( 140% + 1vw - 3.2px );
   font-size:  1.54vw; 
   width: auto;
 }

 .inputform {
   padding: 0.7rem 0 0 3.6rem;
 }
 .inputform input{
   font-size:  1.54vw; 
   width:40vw;
 }

 .idpwhozon{
   padding: 0.2rem 0  1rem 5.5rem;
   font-size: 1.1rem;
 }

 .idpwhozon_img{
   width:90%;
 }

 .loginbtn{
   width:75%;
 }
 .modorubtn{
   width:40%;
 }
 .alertlogin{
   width:auto;
   font-size: 0.7rem;
 }
 .loginbtn_abso {
    position: absolute;
    left: 10rem;
 }
 .hdnameabsol {
   width:40%;

    position: absolute;
    right: -6vw;
    top: 0;
 }
 .hd_trk td{
   padding: 1vw;
   font-size: 1rem;
 }

 /* コンテンツメニュー  */

 .cont_howawa{
	position:relative;
	right: 1vw;
	bottom: 13vw;
 }
 .cont_howawa_fuki{
	position:relative;
	right: 9.3vw;
	bottom: 23.5vw;
 }

.c-clock {
	background-image: url("../_pic/contents/SP_clock_back_w65h65.svg"); 
	background-repeat:no-repeat;
 background-size: 100%;
  position: relative;
  width: 14vw;
  height: 14vw;
  max-width:14vw;
  margin-left:1.5vw;

}
.c-clock__hour {
  position: absolute;
  top: calc(50% - 31px);
  left: calc(50% - 0.8px);
  width: 5px;
  height: 31.5px;
  background: #0000ff;
  transform-origin: bottom;
}
.c-clock__min {
  position: absolute;
  top: calc(50% - 40.5px);
  left: calc(50% - 1px);
  width: 4px;
  height: 40.5px;
  background: #ff0000;
  transform-origin: bottom;
}
.c-clock__sec {
  position: absolute;
  top: calc(50% - 42.5px);
  left: calc(50% - 1px);
  width: 0.5px;
  height: 42.5px;
  background: #333;
  transform-origin: bottom;
}


}
@media (max-width: 767.95px) {
 .center-box {
	position: absolute; top: 0; left: 1vw;
      -moz-background-clip: padding;
      -webkit-background-clip: padding;
    background-color: #ffffff;
	border: 1vw solid rgba(238, 238, 255, .5);
	text-align:left;
	width:93%;
	padding:2px 3px;
 }

.digi_logoff{
	position:relative;
	top:0;
    margin:0.7rem 0 0 0;

}
 .digi_btn_t {
   margin:0 0 0 0;
 }
 .digi_btn_n {
   margin:0.5vw 0 0 0;
 }

 /* ログインページ  */

 .m_sp_logo {
   margin:2vw 0 0 2.5vw;
 }
 .m_login {
   margin:1rem 0 0 0.6rem;
 }
 .m_osira {
   margin:1rem 0 0 0.6rem;
 }

 .textfontYMD {
   padding: 0 0 0 0;
   font-size: 0.6rem;
 }

 .textfontOS {
   padding: 0.2rem 0 0 0.6rem;
	line-height: calc( 140% + 1vw - 3.2px );
   font-size:  1vw; 
 }

 .inputform {
   padding: 0.2rem 0 0 2.6rem;
 }
 .inputform input{
   font-size:  1.2vw; 
   width:40wm;
 }

 .idpwhozon{
   padding: 0 0 0 4.4rem;
   font-size: 0.9rem;
 }

 .idpwhozon_img{
   width:70%;
 }
 .loginbtn{
   width:55%;
 }
 .modorubtn{
   width:25%;
 }
 .alertlogin{
   font-size: 0.6rem;
   width:auto;
 }
 .loginbtn_abso {
    position: absolute;
    left: 5.5rem;
 }
 .mgn-login {
    margin: 2px;
 }
 .hdnameabsol {
   width:50%;

    position: absolute;
    right: -13vw;
    top: 0;
 }
 .hd_trk td{
   padding: 0.3rem;
   font-size: 0.9rem;
 }

 /* コンテンツメニュー  */

 .cont_howawa{
	position:relative;
	right: 1vw;
	bottom: 12.5vw;
 }
 .cont_howawa_fuki{
	position:relative;
	right: 9.5vw;
	bottom: 23vw;
 }

.c-clock {
	background-image: url("../_pic/contents/SP_clock_back_w65h65.svg"); 
	background-repeat:no-repeat;
 background-size: 100%;
  position: relative;
  width: 14vw;
  height: 14vw;
  max-width:14vw;
  margin-left:1.3vw;


}
.c-clock__hour {
  position: absolute;
  top: calc(50% - 23px);
  left: calc(50% - 0.8px);
  width: 4px;
  height: 24px;
  background: #0000ff;
  transform-origin: bottom;
}
.c-clock__min {
  position: absolute;
  top: calc(50% - 29.5px);
  left: calc(50% - 0.9px);
  width: 3px;
  height: 30.5px;
  background: #ff0000;
  transform-origin: bottom;
}
.c-clock__sec {
  position: absolute;
  top: calc(50% - 36.5px);
  left: calc(50% - 0.8px);
  width: 0.5px;
  height: 37.5px;
  background: #333;
  transform-origin: bottom;
}


}
@media (max-width: 544.95px) {

/* デジスタ */

.digi_head{
	position:relative;
	top:0;
}

.digi_logoff{
	position:relative;
	top:0;
    margin:0.7rem 0 0 0;

}
 .digi_btn_t {
   margin:0 0 0 0;
 }

 .digi_btn_n {
   margin:0.2rem 0 0 0;
 }

 /* ログインページ  */

 .m_sp_logo {
   margin:0.5rem 0 0 0.6rem;
 }
 .m_login {
   margin:1rem 0 0 0.6rem;
 }
 .m_osira {
   margin:1rem 0 0 0.6rem;
 }

 .textfontYMD {
   padding: 0 0 0 0;
   font-size: 0.5rem;
 }

 .textfontOS {
   padding: 0 0 0 0;
	line-height: calc( 140% + 1vw - 3.2px );
   font-size:  0.7vw; 
	-webkit-transform:scale(0.8);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(0.5);

   width: auto;

 }
 .inputform {
   padding: 0.1rem 0 0 2.5rem;
 }
 .inputform input{
   font-size:  0.7vw; 
   width:12rem;
 }


 .idpwhozon{
   padding: 0 0 0 4.2rem;
   font-size: 1.1rem;
 }

 .idpwhozon_img{
   width:60%;
 }

 .loginbtn {
   width:50%;
 }
 .modorubtn {
   width:20%;
 }
 .alertlogin{
   width:auto;
   font-size: 0.6rem;

 }
 .loginbtn_abso {
    position: absolute;
    left: 2rem;
 }
 .mgn-login {
    margin: 1px;
 }
 .hdnameabsol {
   width:50%;

    position: absolute;
    right: -15vw;
    top: 0;
 }
 .hd_trk td{
   padding: 0.2rem;
   font-size: 0.7rem;
 }

 /* コンテンツメニュー  */

 .cont_howawa{
	position:relative;
	right: 0.3rem;
	bottom: 3.5rem;
 }
 .cont_howawa_fuki{
	position:relative;
	right: 3rem;
	bottom: 6.7rem;
 }

.c-clock {
	background-image: url("../_pic/contents/SP_clock_back_w65h65.svg"); 
	background-repeat:no-repeat;
 background-size: 100%;
  position: relative;
  width: 5rem;
  height: 5rem;
  max-width:5rem;
  margin-left:1vw;


}
.c-clock__hour {
  position: absolute;
  top: calc(50% - 18px);
  left: calc(50% - 0.8px);
  width: 2.5px;
  height: 18.5px;
  background: #0000ff;
  transform-origin: bottom;
}
.c-clock__min {
  position: absolute;
  top: calc(50% - 21.5px);
  left: calc(50% - 1px);
  width: 2px;
  height: 21.5px;
  background: #ff0000;
  transform-origin: bottom;
}
.c-clock__sec {
  position: absolute;
  top: calc(50% - 23.5px);
  left: calc(50% - 1px);
  width: 0.5px;
  height: 23.5px;
  background: #333;
  transform-origin: bottom;
}

}

.rando1{
	display:block;			/*リンク部分をブロック表示にする*/
	text-align:center;		/*テキストをセンター揃えにする*/
	text-decoration:none;		/*リンク部分を下線無しにする*/
content: 小学1年

}
.rando1:after{
content: 小学1年
}

/* アニメーション 
@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.anifadeIn {
    animation-name: fadeIn;
}
*/

/*--TOPぺージのフッタ--*/
#footer_T {
	margin-top: 20px;
	padding:5px;
	text-align: center;
	background-color: #000066;
}
p#copyright {
	margin: 0 auto;
	color: #999999;
}

/*--プリント教材のボタン（生徒画面）--*/
.btn_pdfmei {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 14px;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 7px 8px;   /* 余白       */
  margin       : 1px;   /* 余白       */
  background    : #c5e2ff;     /* 背景色     */
  color         : #00007f;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 2px 2px #666666;  /* 影の設定 */
  border        : 2px solid #c5e2ff;    /* 枠の指定 */
 text-decoration: none; 

}
.btn_pdfmei:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #c5e2ff;     /* 背景色     */
  background    : #00007f;     /* 文字色     */
 text-decoration: none; 
}