@charset "utf-8";
/* CSS Document */
@font-face {
font-family: "Yu Gothic";src: local("Yu Gothic Medium");
font-weight: 100;
}
@font-face {
font-family: "Yu Gothic";src: local("Yu Gothic Medium");
font-weight: 200;
}
@font-face {
font-family: "Yu Gothic";src: local("Yu Gothic Medium");
font-weight: 300;
}
@font-face {
font-family: "Yu Gothic";src: local("Yu Gothic Medium");
font-weight: 400;
}
@font-face {
font-family: "Yu Gothic";src: local("Yu Gothic Bold");
font-weight: bold;
}
.pink{color:#ff6c86;}
.blue{color:#5490ff;}
.orange{color:#ff6f00;}
.purple{color:#b86ad7;}
.green{color:#00c757;}
.blue_green{color:#0ba95f;}

a{border-bottom:1px dotted #ff278b;}
a:hover{color:#ff278b;}
body{
position:relative;
font-family:"游ゴシック", YuGothic,  'Open Sans',"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serifsans-serif, Verdana, Roboto, "Droid Sans";font-weight:bold;
color:#555;
background:url(../img/k1.jpg) repeat;
}
header{
position:relative;
z-index:999;
}
.slider{
width:100%;
margin-top:1.5em;
}
.slider ul,
.slider li{
marign:0 15px;
padding:0 15px;
}
.slider img{
width:810px;
height:auto;
border-radius:20px;
}
.slider li h2{
text-align:center;
margin:0 auto;
}
.slider i{color:#f44779;}
@media screen and (max-width: 640px) {
#main-visual span{
position:relative;
z-index:10;
display:block;
margin-top:80px;
text-align:center;
font-size:100%;
}
#main-visual span{margin-top:80px;}
#main-visual span img:nth-of-type(1){display:none;}
.slider ul,.slider li{
marign:0;
padding:0 5px;
}
.slider img{
width:350px;
height:auto;
border-radius:10px;
}
.slider li h2{
text-align:center;
margin:-0.5em auto 0;
font-size:80%;
line-height:1.7;
}
.slider{
width:100%;
margin-top:0;
}
}

/* contents */

#contents_box{margin:30px auto 0;}
#contents{
max-width:1020px;
margin:0 auto;
padding:0 30px;
}
@media screen and (max-width: 640px) {
#contents{
width:90%;
margin:1em auto 0;
padding:0;
}
#contents_box{margin:1em auto 0;}
}

/* footer */

#go_top{
position:fixed;
right:30px;
bottom:50px;
z-index:2;
}
#go_top a{border:none;}
#go_top img{
width:72px;
height:auto;
}
@media screen and (max-width: 640px) {#go_top a{display:none;}}

footer{text-align:center;}
footer h4{
letter-spacing:0.1em;
font-size:85%;
}
footer dl{margin-top:0.5em;}
footer dt{font-weight:500;font-size:170%;}
footer dt img{
width:250px;
height:auto;
padding-bottom:0.5em;
}
footer dd{font-size:78%;}
footer ul{padding-top:1em;font-size:80%;}
footer li{display:inline-block;line-height:3;}
footer p{
font-size:50%;
color:#999;
background:#555;
padding:1em 0;
margin-top:3em;
letter-spacing:0.1em;
}
@media screen and (max-width: 640px) {
footer dt{font-size:140%;}
footer dt img{width:180px;}
footer dd{font-size:65%;}
footer li a{border:none;}
footer li span{display:none;}
footer li:nth-of-type(-n+6){
display:none;
}
}
.pc{display:none;}
@media screen and (max-width:480px) {
.pc{display:inline;}
.sp{display:none;}
}
