@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Poiret+One');
@import url('https://fonts.googleapis.com/css?family=Amatic+SC');
@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@import url('../../font/font-awesome/css/font-awesome.css');

/* 基本設定
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿　*/

* {
	margin: 0;
	padding: 0;
}

a {
	color : #13AD67;
	text-decoration : none;
}
a:hover {
	color : #13AD67;
	opacity:.8;
}

body {
	font-size: 90%;
	color: #555;
	font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック";
	background-image:url(images/bg.jpg);
	background-attachment:fixed;
	background-size:100% auto ;
}
/* wrapperの設定
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿　*/

#wrapper {
	margin: 30px auto;
}

@media screen and ( max-width:479px ){
body{
	background-image:none;
}
#wrapper{
	position: relative;
	margin: 0 auto;
}
#wrapper:before{
	content: "";
	display: block;
	width: 100%;
	height:1400px;
	position:fixed;
	top: 0;
	left: 0;
	z-index: -1;
	
	background-image:url(images/bgsp.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: auto 1000px;
	background-color: #ddd:
}
}



/* 見出しの設定
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿　*/

h1{	
	text-align: center;
	font-size:3em;
	color : #000;
	text-shadow: 1px 1px 3px #000; 
	font-family:"Poiret One","Noto Sans Japanese", serif;
	font-weight:100;
	padding:30px 0 30px;
}

h2 {
	font-size:.9em;
	font-weight: normal;
	font-family:"Amatic SC","Noto Sans Japanese", serif;
	letter-spacing:3px;
	font-weight:100;
	line-height:2.5em;
	text-align: center;
	margin: 0 0 5px;
}
h2 span{
	display:block;
	font-size:3em;
}






/* indexの設定
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿　*/
div#topWrapper{
	max-width:550px;
	width: 90%;
	text-shadow: 1px 1px 3px #555; 
	text-align:center;
	margin:50px auto;
}

div#topWrapper a {
	text-decoration: none;
	color : #000;
}
div#topWrapper a:hover {
	text-shadow: 1px 1px 3px #13AD67; 
	opacity:1;
}

div#menu li{
	font-size:.8em;
	font-family:"Amatic SC","Noto Sans Japanese", serif;
	letter-spacing:3px;
	list-style:none;
	line-height:2em;
	font-weight:100;
	margin:0 0 20px;
}

div#menu li span{
	display:block;
	font-size:2em;
}

/* text部分の設定
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿　*/

#textBox{
	max-width: 800px;
	width: 90%;	
	background-color:rgba(255,255,255,0.4);
	padding:50px 20px 20px;
	margin:20px auto;
		
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}

@media screen and ( max-width:479px ){
#textBox{
	width: 90%;	
	padding:50px 2% 20px;
	margin:0 auto;
}
}

#textBox #day{
	text-align:right;
	font-family:"Poiret One","Noto Sans Japanese", serif;
	font-size:1.2em;
	letter-spacing:3px;
	line-height:.5em;
	padding:50px 0 0;
}

#textBox p{
	padding:0 0 30px;
}

#textBox p.p{
	text-align:center;
	color:  #6FCDD1; 
	text-shadow: 1px 1px 3px #FFB3B3; 
	font-size: 1.5em;
	padding:20px 0 50px;
}


/* clearfix
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿　*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}