@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

body {
	font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
	background: #FFF;
}

/* 個人協賛について ------------------------------------------------------------------*/

.rogo {
    padding: 20px;              /* 余白指定 */
    width:  60%;              /* 幅指定 */               
    text-align:  center;        /* 文字を中央揃えに */
    font-size: 30px;            /* フォントサイズ指定 */
    top:  20px;                    /* 上からの位置指定 */
    bottom:  0;                 /* 下からの位置指定 */
    left:  0;                   /* 左からの位置指定 */
    right:  0;                  /* 右からの位置指定 */
    margin-left:  auto;
	margin-right: auto;/* 位置調整と組み合わせて上下中央に */
}


.info_area {
    background-color:  #fff;    /* 背景色指定 */
    height: auto;              /* 高さ指定 */
	width: 100%;
	padding-top:50px;
	padding-bottom: 100px;
}
 

.text_area {
    background-color:  #555;    /* 背景色指定 */
    color:  #fff;   /* 文字色指定 */
	letter-spacing: 0.1em;	 /* 文字間指定 */
    padding: 20px;              /* 余白指定 */
    width:  80%;              /* 幅指定 */
    height: auto;               /* 高さ指定 */
    text-align:  center;        /* 文字を中央揃えに */
    font-size: 30px;            /* フォントサイズ指定 */
    margin-left:  auto;
	margin-right: auto;/* 位置調整と組み合わせて上下中央に */
	margin-top: 30px;
}
.text_area2 {
    color:  #000000;   			/* 文字色指定 */
	letter-spacing: 0.1em;	 /* 文字間指定 */
    line-height:3em;			/* 行間指定 */
	padding: 20px;              /* 余白指定 */
    width:  60%;              /* 幅指定 */
    height: auto;               /* 高さ指定 */
    text-align:  left;        /* 文字を中央揃えに */
    font-size: 20px;            /* フォントサイズ指定 */             
    margin-left:  auto;
	margin-right: auto;/* 位置調整と組み合わせて上下中央に */
	margin-top: 50px;
	font-weight: bold;
}
.text_area3 {
    color:  #000000;   			/* 文字色指定 */
	letter-spacing: 0.1em;	 /* 文字間指定 */
    line-height:2em;			/* 行間指定 */
	padding: 20px;              /* 余白指定 */
    width:  60%;              /* 幅指定 */
    height: auto;               /* 高さ指定 */
    text-align:  right;        /* 文字を中央揃えに */
    font-size: 20px;            /* フォントサイズ指定 */
    bottom:  0;                 /* 下からの位置指定 */
    left:  0;                   /* 左からの位置指定 */
    right:  0;                  /* 右からの位置指定 */
    margin-top: 60px;
	margin-bottom: 20px;
	margin-left:  auto;
	margin-right: auto;/* 位置調整と組み合わせて上下中央に */
}

/* 協賛内容について ------------------------------------------------------------------*/


.sponsor_area{
	position:  relative;        /* 子要素の起点を指定 */
    background-color:  #fff0f5;    /* 背景色指定 */
	height: auto;              /* 高さ指定 */
	width: 100%;
}

.sponsor_box{
	position:  relative;        /* 子要素の起点を指定 */
    background-color:  #fff0f5;    /* 背景色指定 */
	height: auto;
	width: 100%;
	padding: 10 0 10 0px;
	margin-bottom: 100px;
}

p.sponsor_text1{
	position:  relative;        /* 要素の配置方法を指定 */
    background-color:  #555;    /* 背景色指定 */
    color:  #fff;   /* 文字色指定 */
	letter-spacing: 0.1em;	 /* 文字間指定 */
    padding: 20px;              /* 余白指定 */
    width:  80%;              /* 幅指定 */
    height: auto;               /* 高さ指定 */
    text-align:  center;        /* 文字を中央揃えに */
    font-size: 30px;            /* フォントサイズ指定 */
    top:  30px;                    /* 上からの位置指定 */
    bottom:  0;                 /* 下からの位置指定 */
    left:  0;                   /* 左からの位置指定 */
    right:  0;                  /* 右からの位置指定 */
	margin-left:  auto;
	margin-right: auto;/* 位置調整と組み合わせて上下中央に */
}

p.sponsor_text2{
    position:  relative;        /* 要素の配置方法を指定 */
    letter-spacing: 0.1em;	 /* 文字間指定 */
    line-height:3em;			/* 行間指定 */
	padding: 20px;              /* 余白指定 */
    width:  60%;              /* 幅指定 */
    height: auto;               /* 高さ指定 */
    text-align:  left;        /* 文字を中央揃えに */
    font-size: 20px;            /* フォントサイズ指定 */
    top:  50px;                    /* 上からの位置指定 */
    bottom:  0;                 /* 下からの位置指定 */
    left:  0;                   /* 左からの位置指定 */
    right:  0;                  /* 右からの位置指定 */
    margin-left:  auto;
	margin-right: auto;/* 位置調整と組み合わせて上下中央に */
}

.sponsor_ul {
	width: 60%;
	font-size: 20px;
	left:  0;                   /* 左からの位置指定 */
    right:  0;                  /* 右からの位置指定 */
    margin-left:  auto;
	margin-right: auto;/* 位置調整と組み合わせて上下中央に */
    padding-left: 250px;
	list-style: none;
	margin-top: -15px;
	padding-bottom: 50px;
    }
.sponsor_li{
	letter-spacing: 0em;	 /* 文字間指定 */
    padding: 0 0 30px 0;			/* 行間指定 */
	font-style: bold;
}


/* レセプションパーティーについて ------------------------------------------------------------------*/

.reception_area{
	height:auto;
	width:100%;
	position: relative;
}

.reception_box{
	position:  relative;        /* 要素の配置方法を指定 */
    background-color:  #FFFFFF;    /* 背景色指定 */
    color:  #000000;   /* 文字色指定 */
	letter-spacing: 0.1em;	 /* 文字間指定 */
    padding: 40px;              /* 余白指定 */
    width:  1050px;              /* 幅指定 */
	height: auto;
    bottom:  0;                 /* 下からの位置指定 */
    left:  0;                   /* 左からの位置指定 */
    right:  0;                  /* 右からの位置指定 */
    margin-left:  auto;
	margin-right: auto;/* 位置調整と組み合わせて上下中央に */
}

/* レセプションパーティー（LIVE演奏者）について ------------------------------------------------------------------*/

.live_erea{
	height:auto;
	width:100%;
	padding-top: 10px;
	text-align: left;
	display: flex;
}

p.live{
	font-size: 20pt;
	color: #606060;
	padding-top: 50px;
}

.live_pic{
	width: 300px;
 	height: 300px;
  	background: skyblue;
}

.live_textarea{
	width: 100%;
 	height: 300px;
	margin-left: 20px;

}

p.live_text1{
	width: 90%;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	font-size: 18pt;
	font-weight: bold;
}

p.live_text1b{
	width: 90%;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12pt;
}
p.live_text2{
	width: 90%;
	height: auto;
	padding: 10px;
	font-size: 12pt;
}

/* レセプションパーティー（フード提供）について ------------------------------------------------------------------*/

.food_erea{
	height:auto;
	width:100%;
	padding-top: 10px;
	text-align: left;
	display: flex;
}

p.food{
	font-size: 20pt;
	color: #606060;
	padding-top: 50px;
}

.food_pic{
	width: 300px;
 	height: 300px;
  	background: skyblue;
}

.food_textarea{
	width: 100%;
 	height: 300px;
	margin-left: 20px;
}

p.food_text1{
	width: 90%;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	font-size: 18pt;
	font-weight: bold;
}

p.food_text1b{
	width: 90%;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12pt;
}
p.food_text2{
	width: 90%;
	height: auto;
padding: 10px;
	font-size: 12pt;
}

p.food_text3{
	width: 90%;
	height: auto;
	padding-top: 40px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12pt;
}



/* 複製原画について ------------------------------------------------------------------*/

.pic_frame{
	height:auto;
	width:100%;
	line-height: 40px;
	position: relative;
	padding-top: 30px;
}

.pic_box{
	position:  relative;        /* 要素の配置方法を指定 */
    background-color:  #FFFFFF;    /* 背景色指定 */
    padding: 40px;              /* 余白指定 */
    width:  1050px;              /* 幅指定 */
	height: auto;
    bottom:  0;                 /* 下からの位置指定 */
    left:  0;                   /* 左からの位置指定 */
    right:  0;                  /* 右からの位置指定 */
    margin-left:  auto;
	margin-right: auto;/* 位置調整と組み合わせて上下中央に */
}

p.pic_text{
	width: 100%;
	position:  relative;        /* 要素の配置方法を指定 */
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	text-align: left;
}

.pic{
	text-align: center	
}


/* お振込先について ------------------------------------------------------------------*/


.payee_area{
	position:  relative;        /* 子要素の起点を指定 */
    background-color:  #fff;    /* 背景色指定 */
    height: 700px;              /* 高さ指定 */
}

.payee_text1{
	position:  absolute;        /* 要素の配置方法を指定 */
    background-color:  #555;    /* 背景色指定 */
    color:  #fff;   /* 文字色指定 */
	letter-spacing: 0.1em;	 /* 文字間指定 */
    padding: 20px;              /* 余白指定 */
    width:  80%;              /* 幅指定 */
    height: 45px;               /* 高さ指定 */
    text-align:  center;        /* 文字を中央揃えに */
    font-size: 30px;            /* フォントサイズ指定 */
    top:  30px;                    /* 上からの位置指定 */
    bottom:  0;                 /* 下からの位置指定 */
    left:  0;                   /* 左からの位置指定 */
    right:  0;                  /* 右からの位置指定 */
    margin-left:  auto;
	margin-right: auto;/* 位置調整と組み合わせて上下中央に */
}

.payee_text2{
    position:  absolute;        /* 要素の配置方法を指定 */
    color:  #000000;   			/* 文字色指定 */
	letter-spacing: 0.1em;	 /* 文字間指定 */
    line-height:2em;			/* 行間指定 */
	padding: 20px;              /* 余白指定 */
    width:  60%;              /* 幅指定 */
    height: 150px;               /* 高さ指定 */
    text-align:  left;        /* 文字を中央揃えに */
    font-size: 20px;            /* フォントサイズ指定 */
    top:  120px;                    /* 上からの位置指定 */
    bottom:  0;                 /* 下からの位置指定 */
    left:  0;                   /* 左からの位置指定 */
    right:  0;                  /* 右からの位置指定 */
    margin-left:  auto;
	margin-right: auto;/* 位置調整と組み合わせて上下中央に */
}

.payee_text3{
	position:  absolute;        /* 要素の配置方法を指定 */
    background-color:  #555;    /* 背景色指定 */
    color:  #fff;   			/* 文字色指定 */
	letter-spacing: 0.1em;		/* 文字間指定 */
    padding: 20px;              /* 余白指定 */
    width:  80%;            	/* 幅指定 */
    height: 45px;               /* 高さ指定 */
    text-align:  center;        /* 文字を中央揃えに */
    font-size: 30px;            /* フォントサイズ指定 */
    top:  330px;                /* 上からの位置指定 */
    bottom:  0;                 /* 下からの位置指定 */
    left:  0;                   /* 左からの位置指定 */
    right:  0;                  /* 右からの位置指定 */
    margin-left:  auto;
	margin-right: auto;			/* 位置調整と組み合わせて上下中央に */
}

.payee_text4{
    position:  absolute;        /* 要素の配置方法を指定 */
    color:  #000000;   			/* 文字色指定 */
	letter-spacing: 0.1em;	 /* 文字間指定 */
    line-height:2em;			/* 行間指定 */
	padding: 20px;              /* 余白指定 */
    width:  60%;              /* 幅指定 */
    height: 150px;               /* 高さ指定 */
    text-align:  left;        /* 文字を中央揃えに */
    font-size: 20px;            /* フォントサイズ指定 */
    top:  420px;                    /* 上からの位置指定 */
    bottom:  0;                 /* 下からの位置指定 */
    left:  0;                   /* 左からの位置指定 */
    right:  0;                  /* 右からの位置指定 */
    margin-left:  auto;
	margin-right: auto;/* 位置調整と組み合わせて上下中央に */
}

/* Google Form について ------------------------------------------------------------------*/

.formArea {
	background-color:#f5f5f5;
    position:  relative;        /* 子要素の起点を指定 */    /* 背景色指定 */
    height: 2400px;              /* 高さ指定 */
}

.form{
    position:  absolute;        /* 要素の配置方法を指定 */
    padding: 20px;              /* 余白指定 */
    width:  60%;              /* 幅指定 */
    height: 45px;               /* 高さ指定 */
    text-align:  center;        /* 文字を中央揃えに */
    font-size: 30px;            /* フォントサイズ指定 */
    top:  20px;                    /* 上からの位置指定 */
    bottom:  0;                 /* 下からの位置指定 */
    left:  0;                   /* 左からの位置指定 */
    right:  0;                  /* 右からの位置指定 */
    margin-left:  auto;
	margin-right: auto;/* 位置調整と組み合わせて上下中央に */
}




/* フッター ------------------------------------------------------------------*/


.comingsoon{
	font-size: 170%;
	font-weight: lighter;
	transform: scaleY(1.1);
	letter-spacing: 3px;
	color:#4d4d4d;
	margin-bottom: -10px;
	position: absolute;
	right: 30px;
    bottom: 0;
}

.footer{
	font-weight: lighter;
	background-color: #4d4d4d;
	height: 250px;
	width: 100%;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-size: 12px;
}

.OrganizerandContact{
	padding-top: 50px;
	color:#FFF;
	text-align: center;
	letter-spacing: 1px;
}

.copyright{
	padding-top: 80px;
	padding-bottom: 30px;
	color:#FFF;
	text-align: center;
	letter-spacing: 1px;
}

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