@charset "utf-8";

/*
-----------------------------------------------------------------*/
html{
width:100%;
}

body {
width:100%;
-webkit-text-size-adjust: 100%;
}

#container{
width:1040px;
margin:0 auto;
border-top:#e664aa solid 3px;
}

#container img{
vertical-align:middle;
}

header{
position:relative;
width:1040px;
}

header .sp{
display:none;
}

header p{
width:1040px;
margin-top:2px;
}

header nav{
position:absolute;
left:65px;
bottom:0;
}

header nav ul{
display: -webkit-flex;
display: flex;
}

header nav ul li{
line-height:1.2em;
}

header nav ul li:first-of-type{
display:inline-block;
margin-right:4px;
padding:5px 15px;
font-size:16px;
background-color:#e664b4;
/*opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";*/
border-radius:10px 10px 0 0;
color:#ffffff;
}

header nav ul li a{
display:inline-block;
margin-right:4px;
padding:5px 15px;
font-size:16px;
background-color:#98cbff;
/*opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";*/
border-radius:10px 10px 0 0;
text-decoration:none;
color:#000000;
line-height:1.2em;
}

header nav ul li a:hover{
background-color:#e664b4;
color:#ffffff;
line-height:1.2em;
}

section{
width:910px;
margin:40px auto 0;
}

section div.wrap{
width:910px;
overflow:hidden;
}

section div.wrap h1{
float:left;
width:170px;
margin-right:30px;
}



#yarigai ul{
width:910px;
padding-top: 10px;
display:-webkit-flex;
display:flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
flex-wrap: wrap;
}

#yarigai ul li{
width:410px;
border:10px solid #e664aa;
border-radius:5px;
margin-top: 15px;
padding:21px 0;
}

#yarigai ul li:nth-of-type(4){
	padding:0;
}



#hour{
margin:20px auto 0;
}

#hour h1{
margin-top:40px;
}

#hour .hourtxt{
float:left;
width:650px;
margin:40px 8px 0 0;
overflow:hidden;
}

#hour .hourtxt .space{
float:right;
height:4.8em;
}

a.btn{
float:right;
clear:both;
width:240px;
height:48px;
}

a.btn:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
}


section dl{
width:100%;
margin-top:20px;
}

section dl dt{
padding:5px 0 5px 10px;
background-color:#e664aa;
color:#ffffff;
border-radius:10px;
}

section dl dt span{
display:inline-block;
padding-left:5px;
border-left:#ffccff solid 4px;
font-size:18px;
font-weight:bold;
}

section dl dd{
margin-top:10px;
overflow:hidden;
}

#hour dl dd .space{
float:right;
height:4em;
}

#hour dl dd img{
float:right;
clear:both;
width:224px;
height:188px;
}

#hour dl dd li{
padding:3px 0 3px 1em;
text-indent:-1em;
}

#hour dl dd li span{
color:#e664aa;
}

#hour dl dd dl{
margin-top:0;
}

#hour dl dd dl dt{
margin-top:10px;
padding:0;
background-color:#ffffff;
color:#e664aa;
border-radius:0;
font-size:16px;
font-weight:bold;
}

#hour dl dd dl dd{
margin-top:0;
}


footer{
width:100%;
margin-top:30px;
border-top:#f082b4 solid 2px;
background-color:#ffc8f0;
}

footer div.wraptop{
width:1040px;
margin:0 auto;
padding:10px 0;
overflow:hidden;
}

footer div.wraptop h1{
float:left;
}

footer div.wraptop dl{
float:right;
margin-right:10px;
}

footer div.wraptop dl dd br{
display:none;
}

footer div.wraptop dl dd a{
color:#000000;
text-decoration:none;
}

footer div.wraptop dl dd a:hover{
text-decoration:underline;
}


footer div.wrapbtm{
width:100%;
padding:10px 0;
background-color:#e664aa;
}

footer div.inwrap{
width:1020px;
margin:0 auto;
}

footer div.inwrap nav ul{
display:-webkit-flex;
display:flex;
}

footer div.inwrap nav ul li{
margin-right:25px;
padding-left:20px;
background:url(../img/icon_link.jpg) left no-repeat;
}

footer div.inwrap nav ul li a{
color:#ffffff;
text-decoration:none;
}

footer div.inwrap nav ul li a:hover{
color:#ffc8f0;
}

footer div.inwrap p{
font-size:12px;
text-align:right;
color:#ffffff;
}



@media screen and (max-width:640px){
#container{
width:100%;
}

#container header{
width:100%;
height:auto;
}

#container header img{
display:block;
width:100%;
height:auto;
}

#container header .pc{
display:none;
}

#container header h1{
width:100%;
}

#container header p{
width:100%;
}

#container header nav{
width:90.83333333%;
margin:0 auto;
left:4.583333%;
}

section{
width:90.83333333%;
margin:40px auto 0;
}

section div.wrap{
width:100%;
}

section div.wrap h1{
float:none;
}

section div.wrap p{
margin-top:15px;
}

#yarigai ul{
width:90.83333333%;
margin:0 auto;
display:block;
}

#yarigai ul li{
box-sizing:border-box;
width:100%;
margin-top:15px;
border:10px solid #e664aa;
border-radius:5px;
}

section ul li video{
max-width:100%;
}
	
#yarigai ul li iframe{
	width: 100%;
}
	
#hour div.wrap{
position:relative;
width:100%;
}

#hour .hourtxt{
float:none;
width:100%;
margin:0;
overflow:hidden;
}

#hour img.sp{
position:absolute;
top:0;
right:0;
}

#hour .hourtxt .space{
float:right;
height:11em;
}

#hour dl dd .space{
float:right;
height:9em;
}

#hour dl dd img{
float:right;
clear:both;
width:224px;
height:188px;
}

#hour dl dd li span{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

footer div.wraptop{
width:100%;
padding:10px 0;
overflow:hidden;
}

footer div.wraptop h1{
float:none;
}

footer div.wraptop h1 img{
width:85%;
height:auto;
}


footer div.wraptop dl{
float:none;
width:94%;
margin:0 3%;
}

footer div.wraptop dl dd br{
display:block;
}

footer div.inwrap{
width:94%;
margin:0 3%;
}

footer div.inwrap nav ul li{
margin-right:15px;
}

footer div.inwrap p{
font-size:10px;
}
}





.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
    background-color: #ccc;
	border-radius:5px;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    background-color: #b2d1fb;
	border-radius:5px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}