/* Import Fonts */
@import url(http://fonts.googleapis.com/css?family=Coustard|Open+Sans);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);

/* スライドインメニューに必要なところ */

h1, h2, h3, h4, h5, h6{
	font-family : "Coustard", Meiryo, メイリオ, sans-serif;
	color:#fff;
	font-weight: normal;
	letter-spacing: 1px;
	text-shadow: 1px 2px 2px #000000;
}
h1{font-size: 63px; line-height: 70px; padding: 0; margin: 0;}
h2{font-size: 40px; line-height: 70px; padding: 0; margin: 0;}
h5{font-size: 28px;font-weight: 700; line-height: 35px; padding: 0; margin: 0; color: #b7b7b7;}
td{font-size: 18px;font-family: Meiryo, メイリオ, sans-serif;font-weight: 700;color:#fff;letter-spacing: 1px;text-shadow: 1px 2px 2px #000000;}
#slide_menu{
	position: fixed;
	top: 0;
	left: -300px;
	width: 300px;
	height: 100%;
    background: rgba(0,0,0, 0.5);
}

input, textarea{
border:0;

font-size:14pt;
font-family: Meiryo, メイリオ, sans-serif;
color:#fff;
font-weight: 700;
border:solid 1px #ccc;
margin:0 0 10px;
width:500px;
background-color: rgba( 255, 255, 255, 0.3 );
}

input.w100 {
width:100px;
}

input.w300 {
width:300px;
}

input.w400 {
width:400px;
}

input.w800 {
width:600px;
}

textarea.w800 {
width:600px;
}

/* 以下装飾など */

.circle {
border-radius: 50%;
border: 9px solid #00cc00;
}

#slide_menu ul{
    margin: 0;
    padding: 0;
    font-family : "Coustard", Meiryo, メイリオ, sans-serif;
    font-size: 16px; line-height: 24px; padding: 0; margin: 0;
    color: #b7b7b7;
    text-align: center;
}
#slide_menu li{
   border-bottom: solid 1px #000000; 
    list-style: none;
}
#slide_menu li a{
    display: block;
    font-weight: 700;
    padding: 20px 0;
    color: #fff;
    font-size: 22px; line-height: 50px; padding: 0; margin: 0;
    text-align: center;
    text-decoration: none;
}
#button{
    position: absolute;
    top: 0;
    width: 80px;
    height: 80px;
    outline: none;
    border: none;
    background: rgba(0,0,0, 0.5);
    color: #fff;
    font-size: 20px;
    font-family : "Coustard", Meiryo, メイリオ, sans-serif;
    cursor: pointer;
}
.container{
    margin: 0 auto;

    overflow: hidden;
}
.content > section{
	width: 100%;
	height: auto;
}
.content p{
    margin: 0 0 10px;
    width: 100%;
    line-height: 1.3;
}
.content img{
    display: block;
    box-sizing: border-box;
    width: 50%;
    height: auto;
    border: solid 5px #fff;
    box-shadow: 0 1px 4px #ccc;
    
}



/*画面幅800px以下の設定
---------------------------------------------------------------------------*/
@media screen and (max-width:800px){



}



/*画面幅480px以下の設定
---------------------------------------------------------------------------*/
@media screen and (max-width:480px){

h1{font-size: 24px; line-height: 35px; padding: 0; margin: 0;}
h2{font-size: 18px; line-height: 29px; padding: 0; margin: 0;}
h5{font-size: 18px;font-weight: 700; line-height: 20px; padding: 0; margin: 0; color: #b7b7b7;}
td{font-size: 9px;font-family: Meiryo, メイリオ, sans-serif;font-weight: 700;color:#fff;letter-spacing: 1px;text-shadow: 1px 1px 1px #000000;}

#slide_menu ul{
    font-size: 14px; line-height: 24px; padding: 0; margin: 0;
}

#slide_menu li a{
    font-size: 16px; line-height: 30px; padding: 0; margin: 0;
}

body {
background-position: right top;
background-size:cover;
background-attachment: fixed;
}

#button{
    font-size: 16px;
}
td.sp {
	height: 200px;
}
#slide_menu{
	left: -250px;
	width: 250px;
}

}