/* test */



/* topページのインフォメーションのところ */

.notice-title::before {
    content: "\1F525" !important;
    font-size: 20px;
}
/*
.test-blue{
border-radius:30px;
background: #488888;
box-shadow: inset 8px 8px 13px #407979, 
            inset -8px -8px 13px #407979;
}

.test-blue-inner {
  border-radius: 67px;
background: #488888;
box-shadow:  37px 37px 73px #407979, 
             -37px -37px 73px #407979;
}



.tategaki {
 -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}


.newnew {
	font-weight:bold;
	font-family:'Helvetica', 'sans-serif';
	position:relative;
	display:block;
	width:240px;
	height:144px;
	margin:40px;
	overflow:visible;
}
.newnew:before,
.newnew:after{
	display:block;
	position:absolute;
	left:-10px;
}
.newnew:before{
	content:"";
	border:6px solid transparent;
	border-top-color:#a1364f;
	border-right-color:#a1364f;
	top:32px;
}
.newnew:after{
	content:"NEW!";
	background:#c24760;
	color:#fff;
	padding:0 24px;
	height:24px;
	line-height:24px;
	top:8px;
	z-index:10;
}

*/
/*********************************
                h2 タグ 
h2.blueblue
h2.orange
h2.blueline
h2.maru
h2.simple
h2.kakomi
h2.tententen // the day of today
h2.kadowhitetenten
h2 .wf-nicomoji font-family: "Nico Moji"
**********************************/

/**********************************
                h3タグ
h3.check
h3.point
h3.tenten
h3.midashi2
h3.midashi
h3.simple
h3.whitetenten
***********************************/


/**********************************
h3 check 
h3タグに、check! のタブがついたもの
***********************************/

h3.check{
position: relative;
color: black;
background: #edddc5;
line-height: 1.4;
padding: 0.25em 0.5em;
margin: 2em 0 0.5em;
border-radius: 0 5px 5px 5px;
}

h3.check:after {/*タブ*/
  position: absolute;
  font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;
  content: '\f00c Check';
background: #59402d;
color: #fff;
left: 0px;

bottom: 100%;
border-radius: 5px 5px 0 0;
padding: 3px 7px 1px;
 	font-size: 0.7em;
 	line-height: 1;
 	letter-spacing: 0.05em
  }



/***********************
 h3 .point
************************/
h3.point{
position: relative;
border-top: solid 2px #59402d;
border-bottom: solid 2px #59402d;
background: #edddc5;
line-height: 1.4;
padding: 0.4em 0.5em;
margin: 2em 0 0.5em;
}

h3.point:after {/*タブ*/
position: absolute;
font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;
content: '\f0a7\ POINT';
background: #7a421c;
color: #fff;
left: 0px;
bottom: 100%;
border-radius: 5px 5px 0 0;
padding: 5px 7px 3px;
font-size: 0.7em;
line-height: 1;
letter-spacing: 0.05em;
  }

/*************************
h3 点線 .tenten
*************************/
h3.tenten {
color: #6594e0;/*文字色*/
border-bottom: dashed 2px #6594e0;
/*線の種類（点線）2px 線色*/
}


/*************************
 h3 midashi2 
**************************/
h3.midashi2{
  position: relative;
  color: white;
  background: #7a421c;
  line-height: 1.4;
  padding: 0.5em 0.5em 0.5em 1.8em;
}

h3.midashi2:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f14a";
  position: absolute;
  left : 0.5em; /*左端からのアイコンまでの距離*/
}

/*************
 h3 midashi 
******************/
h3.midashi {
color: #7a421c;
text-shadow: 0 0 5px white;
padding: 0.3em 0.5em;
background: -webkit-repeating-linear-gradient(-45deg, #efceb4, #efceb4 3px,#7a421c 3px, #7a421c 7px);
background: repeating-linear-gradient(-45deg, #efceb4, #efceb4 3px,#7a421c 3px, #7a421c 7px);

}

/*********************
simple border
**********************/
h3.simple {
color: #364e96;/*文字色*/
padding: 0.5em 0;/*上下の余白*/
border-top: solid 3px #364e96;/*上線*/
border-bottom: solid 3px #364e96;/*下線*/
}

h3.whitetenten {
background: #dfefff;
box-shadow: 0px 0px 0px 5px #dfefff;
border: dashed 2px white;
padding: 0.2em 0.5em;
}

/*********************************
                 h2 タグ 
h2.blueblue
h2.orange
h2.blueline
h2.maru
h2.simple
h2.kakomi
**********************************/


h2.blueblue {
color: #010079;
text-shadow: 0 0 5px white;
border-left: solid 7px #010079;
background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
padding-left:1em;
}

/******* h2 orange 菊炭 *******/
h2.orange {
position: relative;/*相対位置*/
padding: 0.5em 0.5em 0.5em 1.5em;/*アイコン分のスペース*/
line-height: 1.4;/*行高*/
color: #ff6a6a;/*文字色*/
border-top: dotted 1px gray;
border-bottom: dotted 1px gray;
background: #fffff4;
}

h2.orange:before{ font-family: FontAwesome;/*忘れずに*/
content: ❉/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;/*サイズ*/
left: 0.25em;/*アイコンの位置*/
top: 0.25em;/*アイコンの位置*/
color: #ff6a6a; /*アイコン色*/
}

/***** h2 blueline ******/

h2.blueline {
background: #c2edff;/*背景色*/
padding: 0.5em;/*文字まわり（上下左右）の余白*/
}




/***** h2 maru ******/

h2.maru {
padding: 0.5em;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #fffaf4;/*背景色*/
border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
}


/************ h2 kakomi **************/
h2.kakomi {
color: #364e96;/*文字色*/
border: solid 3px #364e96;/*線色*/
padding: 0.5em;/*文字周りの余白*/
border-radius: 0.5em;/*角丸*/
}


/************ H2 kadowhitetenten **************/
h2.kadowhitetenten {
position: relative;
background: #dfefff;
box-shadow: 0px 0px 0px 5px #dfefff;
border: dashed 2px white;
padding: 0.2em 0.5em;
color: #454545;
}

h2.kadowhitetenten:after{
position: absolute;
content: '';
left: -7px;
top: -7px;
border-width: 0 0 15px 15px;
border-style: solid;
border-color: #fff #fff #a8d4ff;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}



/*********************
 H2 simple border
**********************/
h2.simple {
color: #364e96;/*文字色*/
padding: 0.5em 0;/*上下の余白*/
border-top: solid 3px #364e96;/*上線*/
border-bottom: solid 3px #364e96;/*下線*/
}


/**************************
          H2 tententen
****************************/
h2.tententen {
color: #5b5b5b;/*文字色*/
border-bottom: dashed 2px #5b5b5b;
/*線の種類（点線）2px 線色*/
}



/*********************
simple border h4
**********************/
h4.simple {
color: #364e96;/*文字色*/
padding: 0.5em 0;/*上下の余白*/
border-top: solid 3px #364e96;/*上線*/
border-bottom: solid 3px #364e96;/*下線*/
}