@import url('https://fonts.googleapis.com/css?family=Monoton'); /*H1のアルファベットフォント*/
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c'); /*H1の日本語フォント*/
@import url('color.css'); /*参加者の文字色とか*/
@import url('html5reset-1.6.1.css'); 
@import url('../font.css'); 

BODY,TH,TD,P,DIV{
font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
font-size : 14px;
line-height : 1.8;
color:#333;
letter-spacing: 0.05em;
}
BODY{
	text-align:center;
	margin : 0 auto;
	background: #d4d9df;
	background : url(img/bg.gif) ;
}
DIV,TABLE,P{
	margin : 0 auto;
	padding: 0 auto;
}
a{
	text-decoration : none;
	color:#b4aeb1;
	transition: all .3s;
}
a:hover {
	color: #fff;
	background-color: #d4d9df;
}
img{
	border: 0;
}
DIV#all{
	width : 100%;
}

/* -------------------------------------------------- */
/*　　　　　　　　　　　ヘッダー　　　　　　　　　　　*/
/* -------------------------------------------------- */
DIV#header{
	z-index: 999;
	width : 100%;
	height: 90px;
	position: fixed;
	top: 0;
	background : url(img/back_hana.png) bottom center repeat-x;
}
.first{
	background : url(img/first.png)  no-repeat center center;
	height:200px;
	margin:0 auto 50px;
}
.first2{
	opacity: .7;
	font-size : 40px;
	font-family: 'Mountains of Christmas', cursive;
	padding:50px 0;
	color:#fff;
	text-shadow: 0 0 8px #e6e6fa,0 0 12px #c71585;
	line-height : 50px;
	font-weight:bold;
}
.first3{
	font-size:15px;
	text-shadow: 0 0 1px #c0c0c0,0 0 3px #fff;
	font-family: '刻明朝', "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	background-color:#fff;
	padding:5px;
	border-radius: 10px;
	box-shadow: 0 0 15px #e0b5d3;
	width : 80%;
	opacity: .85;
}


/* -------------------------------------------------- */
/*　　　　　　　ヘッダー内リンク（共通）　　　　　　　*/
/* -------------------------------------------------- */
#header ul{
	padding:0;
	font-size: 0;
	position: absolute;
	text-align: center;
	width : 100%;
	top: 25%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#header li{
	display: inline;
	font-family: 'Miltonian', cursive;
	font-weight: bold;
}
#header li a {
	color: #333;
	display: inline-block;
	text-decoration : none;
	transition: all .3s;
	border-radius: 10px;
	padding:5px 10px;
	font-size : 20px;
}
#header li a:hover {
	color: #fff;
}

@media ( max-width: 779px ){
#header li a {
	display: inline-block;
	text-decoration : none;
	transition: all .3s;
	border-radius: 10px;
	padding:5px 0px;
	font-size : 15px;
}
}

/* -------------------------------------------------- */
/*　　　　　ヘッダー内リンク（パソコン用）　　　　　　*/
/* -------------------------------------------------- */
@media screen and (min-width:780px) {
#header li{
	font-size : 16px;
	line-height : 20px;
	padding: 10px;
}
#header li a {
	width: 100px;
}
}
/* ---- ヘッダー内リンク（スマホ用） ---- */
@media ( max-width: 779px ){
#header li{
	font-size : 12px;
	line-height : 13px;
	padding: 5px;
}
#header li a {
	width: 65px;
	margin: 4px auto;
}
DIV#header{
	position: absolute;
}
}

/* -------------------------------------------------- */
/*　　　　　　　　　　　コンテンツ　　　　　　　　　　*/
/* -------------------------------------------------- */
#contents{
	margin-top: 100px;
	margin-bottom: 80px;
}
/* ---- ヘッダーとコンテンツの横幅統一（PC用） ---- */
@media screen and (min-width:780px) {
.linkmenu,#contents{
	width : 750px;
}
}
/* ---- コンテンツ余白（スマホ用） ---- */
@media ( max-width: 779px ){
#contents{
	width : 95%;
}
}
.text-lft{ /* 左寄せを加えたい時に使用しています */
	text-align: left;
}
.w100{ /* 横幅を追加したい時にｒｙ */
	width : 100%;
}
@media ( max-width: 779px ){ /* スマホ時オート */
.w100{
	width : auto;
}
}

/* -------------------------------------------------- */
/*　　　　　　　　　　　装飾　　　　　　　　　　　　　*/
/* -------------------------------------------------- */
hr{
	height: 6px;
	background: url(img/hr.png) repeat-x 0 0;
	border: 0;
}
H1{
	font-weight:bold;
	font-size : 40px;
	font-family: 'Mountains of Christmas', cursive;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	transform: translateY(-40px) translateX(-18px) rotate(-8deg);
	margin:0 0 50px;
	color:#66b7d8;
}
@media ( max-width: 779px ){
H1{
	transform: translateY(-40px) translateX(0px) rotate(-8deg);
}
}
H2{
	margin: 0;
	margin-bottom: 8px;
	width : 100%;
	text-align: center;
	font-size : 13px;
	line-height : 20px;
}
H2 img{ /* 見出しの画像と文字を同じ高さに揃える */
	vertical-align:middle;
	margin: 0 5px;
}
h3{
	font-family:"Dancing Script","刻明朝";
	font-weight:normal;
	font-size:25px;
	letter-spacing:0.03em;
	margin:30px 0 10px;
	background: url(img/h3.gif) no-repeat left center;
	padding:0 40px;
}
.voice{
	font-family: "刻明朝",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 20px;
}
.voice2{
	font-family:"Dancing Script","刻明朝";
	font-size: 30px;
}
.girl{
	color: #f4b3c2;
}
.boy{
	color: #89c3eb;
}
.who{
	color:#dcdcdc;
}
b{
	color: #e0b5d3;
}

/* -------------------------------------------------- */
/*　　　　　　　　　　　メイン　　　　　　　　　　　　*/
/* -------------------------------------------------- */
.hallo{
	position: relative;
	margin: 120px auto;
	padding: 18px;
	background: #fff;
	border-radius: 10px;
	text-align: left;
	border: 2px solid #d4d9df;
}
.center{
    text-align:center;
}
.left{
    text-align:left;
}
.right{
    text-align:right;
}
.link{
 text-align:center;
}
.inline-block {
 display: inline-block; 
 padding:  5px; 
 width:90%;
}
.ue{
 float:left;
 color:#fff;
 padding:10px 40px;
}
.sita{
 padding:10px;
}
@media ( max-width: 779px ){
.inline-block {
 display: inline-block; 
 padding:  5px; 
 width:100%;
}
.ue{
 float:none;
 color:#fff;
 padding:10px 40px;
}
.sita{
 padding:10px;
}

}



/* -------------------------------------------------- */
/*　　　　　　　　　　　リスト　　　　　　　　　　　　*/
/* -------------------------------------------------- */
.imgitem{
	margin: 20px 10px;
	padding: 20px;
	border: 1px #999 dashed;
	border-radius: 10px;
	text-align: left;
}
.imgitem dd{  
	margin-left : 10px;
	padding-bottom: 3px;
}

.imgitem dl{
	width : 100%;
}
.imgitem dt{
	font-weight: bold;
}
.refer{
	text-align: right;
}



/* -------------------------------------------------- */
/*　　　　　　　　　メンバーページ　　　　　　　　　　*/
/* -------------------------------------------------- */
.list {
 display: inline-block; 
 padding:  5px 0; 
 width:180px;
 text-align:center;
 margin:5px auto;
}
.name{
 font-family: "Dancing Script","刻明朝",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
 font-size:15px;
 margin:-8px 0 0;
line-height : 0.8;
color:#333;
letter-spacing: 0.05em;
}
.name2{
	font-size:30px;
	font-family: "Dancing Script";
	letter-spacing: -0.05em;
	opacity: .8;
}


/* -------------------------------------------------- */
/*　　　　　　　　　ジャンプボタン　　　　　　　　　　*/
/* -------------------------------------------------- */
#page-top {
	font-family: 'Mountains of Christmas', cursive;
	font-size : 16px;
	line-height : 30px;
	width: 65px;
	height: 65px;
	position: fixed;
	right: 10;
	bottom: 10;
	background: #fff;
	border-radius: 50%;
	border: 2px solid #d4d9df;
}
 
#page-top a {
	display: block;
	width: 65px;
	padding: 18px 0;
	text-align: center;
	text-decoration: none;
	border-radius: 10px;
}
#page-top a:hover {
	text-decoration: none;
	border-radius: 50%;
	color: #fff;
	background: #d4d9df;
}