@charset "UTF-8";

/* ************************************** _

タイトル：header.css

概要：h用CSSファイル

_ ************************************** */
.beforenember01::before{
	font-family: 'Roboto Condensed', sans-serif;
	content: "01 ";
	color:#fff;
	font-size:40px;
	font-weight:normal;
}
.beforenember02::before{
	font-family: 'Roboto Condensed', sans-serif;
	content: "02 ";
	color:#fff;
	font-size:40px;
	font-weight:normal;
}
.beforenember03::before{
	font-family: 'Roboto Condensed', sans-serif;
	content: "03 ";
	color:#fff;
	font-size:40px;
	font-weight:normal;
}
.beforenember04::before{
	font-family: 'Roboto Condensed', sans-serif;
	content: "04 ";
	color:#fff;
	font-size:40px;
	font-weight:normal;
}

.pink_stech{
	background: #e3007f;
	border: dashed 1px #ff73cd;
	padding: 0.1em 0.5em;
	color: #fff;
	box-shadow: 0px 0px 0px 5px #e3007f;
	font-size:36px;
	font-weight:bold;
	margin-bottom:30px;
}
.ao_stech{
	background: #00a1e0;
	border: dashed 1px #76c8ff;
	padding: 0.1em 0.5em;
	color: #fff;
	box-shadow: 0px 0px 0px 5px #00a1e0;
	font-size:36px;
	font-weight:bold;
	margin-bottom:30px;
}
.midori_stech{
	background: #65d800;
	border: dashed 1px #d3ff7d;
	padding: 0.1em 0.5em;
	box-shadow: 0px 0px 0px 5px #65d800;
	color: #fff;
	font-size:36px;
	font-weight:bold;
	margin-bottom:30px;
}
.murasaki_stech{
	background: #ca00e0;
	border: dashed 1px #db83ff;
	padding: 0.1em 0.5em;
	box-shadow: 0px 0px 0px 5px #ca00e0;
	color: #fff;
	font-size:36px;
	font-weight:bold;
	margin-bottom:30px;
}

@media screen and (max-width: 736px) {
.beforenember01::before{
	font-size:30px;
}
.beforenember02::before{
	font-size:30px;
}
.beforenember03::before{
	font-size:30px;
}
.beforenember04::before{
	font-size:30px;
}

.pink_stech{
	font-size:20px;
	margin-bottom:20px;
}
.ao_stech{
	font-size:20px;
	margin-bottom:20px;
}
.midori_stech{
	font-size:20px;
	margin-bottom:20px;
}
.murasaki_stech{
	font-size:20px;
	margin-bottom:20px;
}
}


/* h1
---------------------------------------------------------------------------- */

h1{}
h1.title{
	margin: 80px auto 5px auto;
	padding: 0;
	font-family: 'Fira Sans', sans-serif;
	font-style: italic;
	font-size: 2.8em;
	font-weight: 300;
	letter-spacing: -0.03em;
	text-align: center;	
}
@media screen and (max-width: 736px) {
	h1.title{
		margin: 30px auto 5px auto;
		font-size: 2em;
	}
}

/* h2
---------------------------------------------------------------------------- */

h2{ margin: 0; }

@media screen and (max-width: 736px) {

}

/* h3
---------------------------------------------------------------------------- */

h3{ margin: 0; }

@media screen and (max-width: 736px) {	

}



/* h4
---------------------------------------------------------------------------- */
h4{ margin: 0; }
h4.shikumi_aka{
	color:#e50012;
	font-size: 32px;
	margin-bottom:10px;
	font-weight:bold;
}
@media screen and (max-width: 736px) {	
h4.shikumi_aka{
	font-size: 20px;
	margin-bottom:5px;
}
}
/* h5
---------------------------------------------------------------------------- */

h5{ margin: 0; }

/* h6
---------------------------------------------------------------------------- */

h6{ margin: 0; }