@charset "UTF-8";

/* =======================================

	CommonElements

======================================= */
/** {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}*/
body{
font-size:13px;
line-height:1.4em;
font-family: 'Noto Sans JP', sans-serif !important;
font-weight:400;
color:#000;
text-align:center;
background:#FFF;
margin:0;
padding:0;
}
/*a:link{
text-decoration:none;
color:#000;
}
a:visited{
text-decoration:none;
color:#000;
}
a:active{
text-decoration:none;
color:#000;
}
a:hover{
text-decoration:none;
color:#000;
}*/
img{
width:100%;
height:auto;
}
.clearfix{
display:block;
}
.clear{
clear:both;
}
.clear hr{
display:none;
}
ul,li{
list-style:none;
}
ol,li{
list-style:none;
}
#container {
width:100%;
text-align:center;
}
#wrapper{
width:100%;
text-align:left;
background-color:#FFF;
color:#000;
position:relative;
z-index:120;
}
.footer{
background-color:#FFF;
color:#000;
}









/*==================================================================

SLIDE SHOW

==================================================================*/
@media screen and (min-width:1024px) {
.slideshow{
position:relative;
width:100%;
height:300px;
margin-top:110px;
}
.slideshow ul li{
position:absolute;
height:300px;
margin:0;
padding:0;
background-position:center top;
background-repeat:no-repeat;
left:-10px;
top:1px;
}
.slideshow_silky{
position:relative;
width:100%;
height:500px;
margin-top:50px;
}
.slideshow_silky ul li{
position:absolute;
height:500px;
margin:0;
padding:0;
background-position:center top;
background-repeat:no-repeat;
left:-10px;
top:1px;
}
.slideshow ol{
display:none;
}
.slideshow_silky ol{
display:none;
}
.slideshow div{
width:1000px;
margin:0 auto;
}
.slideshow div img{
position:absolute;
width:370px;
top:32%;
}
.slideshow_silky div{
width:1000px;
margin:0 auto;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.slideshow{
position:relative;
width:100%;
height:300px;
margin-top:10px;
}
.slideshow ul li{
position:absolute;
height:300px;
margin:0;
padding:0;
background-position:center top;
background-repeat:no-repeat;
left:-10px;
top:1px;
}
.slideshow_silky{
position:relative;
width:100%;
height:500px;
margin-top:30px;
}
.slideshow_silky ul li{
position:absolute;
height:500px;
margin:0;
padding:0;
background-position:center top;
background-repeat:no-repeat;
left:-10px;
top:1px;
}
.slideshow ol{
display:none;
}
.slideshow_silky ol{
display:none;
}
.slideshow div{
width:100%;
margin:0 auto;
}
.slideshow div img{
position:absolute;
width:370px;
top:32%;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.slideshow{
position:relative;
width:100%;
height:200px;
margin-top:10px;
}
.slideshow ol li{
position:absolute;
height:200px;
margin:0;
padding:0;
background-position:center top;
background-repeat:no-repeat;
left:-10px;
top:1px;
}
.slideshow_silky{
position:relative;
width:100%;
height:300px;
margin-top:10px;
}
.slideshow_silky ol li{
position:absolute;
height:300px;
margin:0;
padding:0;
background-position:center top;
background-repeat:no-repeat;
left:-10px;
top:1px;
}
.slideshow ul{
display:none;
}
.slideshow_silky ul{
display:none;
}
.slideshow div{
width:100%;
margin:0 auto;
}
.slideshow div img{
position:absolute;
width:80%;
top:30%;
}
}