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

.pure-container{
display: none;
z-index: -999;}
@media screen and (min-width: 376px){
.contents{
margin:30px;
}


h3{

    position: relative;
    color: #111;
    font-size: 1.143em;
    font-weight: bold;
    margin:0 0 1.5em;
    padding: 0.5em 0.5em 0.5em 1.7em;
    border-bottom: 3px solid #B92A2C;
}

h3:before{
    content: "";
    position: absolute;
    background: #d48789;
    top: 0;
    left: 0.4em;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

h3:after{
    content: "";
    position: absolute;
    background:#d26466;
    top: 1.0em;
    left: 0;
    height: 8px;
    width: 8px;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
}
	#menu a{
	text-decoration: none;
}
	#menu li{
		list-style: none;}
.st1
{
	font-family : Impact;
	font-size : 20px;
	color : #FFFFFF;
	color : rgb(255, 255, 255);
}
	#header
{
margin: auto;
	text-align: center;
	background : #F41C1C;
	background : rgba(244, 28, 28, 1);
	margin-left: -10px;
	width : 1200px;
	height : 30px;
}
	
	.st
{
	font-family : メイリオ;
	text-align: center;
	margin-top: 8px;
	
	font-size : 13px;
	color : #000000;
	color : rgb(0, 0, 0);
}
	#footer
{
margin: auto;
	background : #FF1212;
	background : rgba(255, 18, 18, 1);
		float:left;

	width : 1200px;
	height : 59px;
}
body{
	background-color: aliceblue;
	}
	#gaiyou img{
		width: 100%;
	}
	#gaiyou{
		width:100%;
		margin-top: 100px;
		
	}



}

@media screen and (max-width: 375px){
.contents{
margin:1.5em;
font-size:50%;
}

h3{

    position: relative;
    color: #111;
    font-size: 1.143em;
    font-weight: bold;
    margin:1.5em;
    padding: 0.5em 0.5em 0.5em 1.7em;
    border-bottom: 3px solid #B92A2C;
}

h3:before{
    content: "";
    position: absolute;
    background: #d48789;
    top: 0;
    left: 0.4em;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

h3:after{
    content: "";
    position: absolute;
    background:#d26466;
    top: 1.0em;
    left: 0;
    height: 8px;
    width: 8px;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
}
#menu a{
	text-decoration: none;
}
	#menu li{
		list-style: none;}
	#gaiyou img{
		width: 100%;
	}
	#gaiyou{
		margin-top:20px;
		
	}
body{
	background-color:aliceblue;
}
#header
{
	text-align: center;
	background : #F41C1C;
	background : rgba(244, 28, 28, 1);
	position : absolute ;
	left : -1px;
	top : 0px;
	width : 376px;
	height : 30px;
}
.st1
{
	font-family :Impact;
	font-size : 20px;
	color : #FFFFFF;
	color : rgb(255, 255, 255);
}
	
	#footer
{
	background : #FF1212;
	background : rgba(255, 18, 18, 1);
	position : absolute ;
	left : 0px;
	top : 1300px;
	width : 375px;
	height : 59px;
}
	.st
{
	font-family : メイリオ;
	text-align: center;
	margin-top: 8px;
	
	font-size : 13px;
	color : #000000;
	color : rgb(0, 0, 0);
}



}