@charset "UTF-8";
/*
Theme Name:NagaHighSchoolTheme
Theme URI:http://www.naga-h.wakayama-c.ed.jp
Description:学校用テーマ
Version:1.0
Author:GARAGEWORKS Inc.
Author URI:www.garage-works.net/
Tags:GARAGEWORKS
*/

/*
 -----------------------------------------
	INDEX
 -----------------------------------------
	1. General Setting
	2. Contents：共通
	3. カスタムanimation
 -----------------------------------------
*/


/************************************************************************************************************************
1. General Setting 
*************************************************************************************************************************/

/*float用*/
.fl{
	float:left;
	/*display:inline;ie6でマージンが２倍になる対策*/
}
.fr{
	float:right;
	/*display:inline;ie6でマージンが２倍になる対策*/
}


/*floatのclearfix用*/
.cfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
  font-size:0;
}

.cfix {
  min-height: 1px;
}


/*floatにより、親要素の高さが失われるのを防ぐ為にclear要素を入れる*/
.clear{
	clear:both;
}



.fontS{
  font-size: 62.5%;
  font-size:9px;
  font-size:0.9rem;
}
.fontM{
  font-size: 62.5%;
  font-size:12px;
  font-size:1.2rem;
}
.fontL{
  font-size: 62.5%;
  font-size:15px;
  font-size:1.5rem;
}

/*md( > 768 )の場合 文字の大きさをリセットする*/
/*@media screen and (max-width: 767px) {
  body{
    font-size: 62.5%;
    font-size:10px;
    font-size:1.0rem;
  }
}*/

.wf-roundedmplus1c { font-family: "Rounded Mplus 1c"; }
.wf-notosansjapanese { font-family: "Noto Sans Japanese"; }


body{
	background-color:#fff;

  /*font:'新細丸ゴシック','細丸ゴシック','ヒラギノ丸ゴ Pro W3','メイリオ',Meiryo,Myriad Pro, Arial, Helvetica,'Hiragino Maru Gothic Pro','MS P Gothic','ＭＳ Ｐゴシック',Verdana, Arial,Osaka, sans-serif;*/
	/*font:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", Arial, sans-serif;*/
  font-family: "Noto Sans Japanese","Rounded Mplus 1c",'新細丸ゴシック','細丸ゴシック','ヒラギノ丸ゴ Pro W3','メイリオ';

	color:#666;
	background-color:#fff;
	
	/*テキストの選択を防止する場合*/
	/*-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;*/
	
	width: 100%;
	
	/*-webkit-text-size-adjust: 100%;*/

  -webkit-overflow-scrolling:touch; /* iosでスクロールがスムーズになる デフォルトはauto*/
}
ul{
	list-style:none;
}
a{
	text-decoration:none;
	outline:none;
}

#errorImage{
	padding-bottom:150px;
}


/* IE8+, Chrome */
input, button {
  outline: 0;
}

/* Firefox */
input::-moz-focus-inner, button::-moz-focus-inner {
  border: 0;
}
/*select*/


.img-fluid{
    max-width: 100%;
    height: auto;
}

/************************************************************************************************************************
2. container：共通
*************************************************************************************************************************/

#container{
}


/*===============　カード部分（Bootstrapのカードを部分的に上書き）　START　===============*/
/*.card-block .card-title{
	font-size:14px;font-size:1.4rem;
	/*font-weight:600;
	letter-spacing:3px;
	line-height:2;
	color:#555;
	border-bottom:dashed 1px #CCC;
	/*background-color:#FFF;
	margin-right:20px;
	margin-left:20px;
}*/

/*.card-block .card-text{
	font-size:10px;font-size:1.0rem;
	/*font-weight:600;*
	line-height:2;
	/*color:#666;*
	margin-right:20px;
	margin-left:20px;
}*/
/*===============　カード部分　END　===============*/

/*@media screen and (max-width: 500px) {
	.card-block .card-title{
		margin-right:10px;
		margin-left:10px;
	}

	.card-block .card-text{
		margin-right:10px;
		margin-left:10px;
	}
}
*/


/************************************************************************************************************************
3. カスタムアニメーション
*************************************************************************************************************************/

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, %0px, 0);
    -webkit-filter: blur(20px);
    filter: blur(20px);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
    -webkit-filter: blur(20px);
    filter: blur(20px);
}

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
    -webkit-filter: blur(20px);
    filter: blur(20px);
  }

  90% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
    -webkit-filter: blur(20px);
    filter: blur(20px);
  }

  90% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

/*@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
    -webkit-filter: blur(20px);
    filter: blur(20px);
  }

  90% {
    opacity: 1;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
    -webkit-filter: blur(20px);
    filter: blur(20px);
  }

  90% {
    opacity: 1;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
*/