@charset "UTF-8";
/* CSS Document */
body {
	margin: 0;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    font-size: 18px
}
.clear {
    clear: both;
        
}

main {
	max-width: 600px;
	display:block;
	margin: 0 auto 60px;
    width: 95%;
}
.content {
    max-width: 600px;
	width: 95%;
	margin: 0 auto;
}
p.att,
.att li {
    text-indent: -1em;
    margin-left: 1em;
}
a {
    outline: none;
}
img {
    max-width: 100%;
    display: block;
}
img.index {
	display: block;
}

.f_right {
    float: right;
}
.clear {
    clear: both;
}


h2 {
    margin:70px 0 10px;
    font-size: 1.3em;
}


.youtube {
	position: relative;
	width: 95%;
	padding-top: 56.25%;
	margin: 0 auto 50px;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.go_top {
    background-color: #CB004F;
    padding: 10px;
    display: block;
    width: 10em;
    margin: 40px auto;
    text-align: center;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
.go_top:hover{opacity: 0.7;}
/*--------*/

.wrapper{
    min-height: 100vh;
    position: relative;/*←相対位置*/
	overflow: hidden;
}

.wrapper footer{
    width: 100%;
   

    position: absolute;/*←絶対位置*/
    bottom: 0; /*下に固定*/
	
}
.shitsumon {
    background-color: #d3ead3;
    padding: 20px 2.5%;
}
.shitsumon a {
    text-align: center;
    display: block;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    font-size: 1.2rem;
    background-color: #444;
    padding: 10px;
    margin: 10px 10% 20px;
}


footer {
	background-color: #a11e52;
	max-width: 600px;
	display:block;
	margin: 0 auto;
	padding: 5px;
}
footer p {
	color: #fff;
	text-align: center;
	margin: 0;
}