@import url(../common/sp-common.css);

.main-top {
height:auto;
width:100%;
position:relative;
margin-top:55px;
text-align:center;
overflow:hidden;
}


.slide {
height:auto;
width:100%;
}

.slide img {
margin:auto;
}

.main-top-in {
position:absolute;
color:#fff;
text-align:left;
z-index:2002;
top:0;
left:0;
background: -moz-linear-gradient(top,rgba(0,0,0,0.5),rgba(255,255,255,0)); /* Firefox用 */  
background: -o-linear-gradient(rgba(0,0,0,0.5),rgba(255,255,255,0)); /* Opera */
background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.5)),to(rgba(255,255,255,0)));/* Safari,Google Chrome用 */
background: linear-gradient(top,rgba(0,0,0,0.5),rgba(255,255,255,0));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#fff', GradientType=0)"; /* IE8用 */
width:100%;
height:50%;
}


.tit-top-catch {
background:#f0515c;
width:auto;
padding:4px 7px;
color:#fff;
font-weight:bold;
font-size:90%;
white-space: nowrap;
}

.tit-top {
width:100%;
margin:10px 0 0 10px;
}

.tit-top h2 {
font-size:14px;
line-height:20px;
margin-bottom:8px;
}


.tit-top img {
width:70%;
margin-bottom:10px;
}


.top-arrow {
display:none;
}


#top-under {
    margin-top:-55px;
    padding-top:75px;
}

.top-arrow-in {
position:relative;
}

#yura{
  position : absolute;
  left : 0;
  top:0;
}

.device-top {
clear:both;
padding:20px 0;
width:80%;
margin:auto;
}

.device-top img {
width:90%;
margin:auto;
}

/*NEWS*/
.top-news-block {
padding:0 0 40px;
}

div.li-news {
width:30%;
margin:0 5px;
font-size:14px;
line-height:16px;
display:block;
height:250px;
position:relative;
}



div.li-news span {
line-height:24px;
background:#2ea6ce;
color:#fff;
padding:1px 3px;
}

.js-flickity {
height:auto;
}

.li-news-off {
position:absolute;
top:0;
left:0;
width:40%;
}


/*FEATURES01*/

.top-features01 {
border-bottom:1px solid #fff;
position:relative;
}

.top-features01-in {
position:absolute;
height:100%;
width:100%;
top:0;
left:0;
background: -moz-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0.5)); /* Firefox用 */  
background: -o-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)); /* Opera */
background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0.5)));/* Safari,Google Chrome用 */
background: linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0.5));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#000', GradientType=0)"; /* IE8用 */
z-index:1;
}

.top-features01-contents {
z-index:2;
position:relative;
}

.top-features01 p,.top-features02 p {
font-size:10px;
line-height:12px;
padding-top:5px;
}

.tit-top-features01 {
font-size:16px;
font-weight:bold;
line-height:24px;
text-indent:-0.8em;
}

.catch-top-features01 {
font-size:12px;
line-height:18px;
padding-bottom:3px;
font-weight:normal;
}

.icon-genre-l {
display:block;
width:50px;
font-size:12px;
line-height:16px;
text-align:center;
color:#fff;
text-decoration:none;
padding:3px 0;
}




/*FEATURES02*/

.top-features02 {
border-bottom:1px solid #fff;
position:relative;
}

.top-features02-in {
position:absolute;
height:100%;
width:100%;
top:0;
left:0;
background: -moz-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0.5)); /* Firefox用 */  
background: -o-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)); /* Opera */
background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0.5)));/* Safari,Google Chrome用 */
background: linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0.5));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#000', GradientType=0)"; /* IE8用 */
z-index:1;
}

.top-features02-contents {
z-index:2;
position:relative;
}
.tit-top-features02 {
font-size:18px;
font-weight:bold;
line-height:26px;
color:#fff;
}

.top-features-block a {
text-decoration:none;
}

.top-features-block {
clear:both;
height:auto;
width:100%;
padding-bottom:20px;
}

/*FEATURES03*/

.top-features2cullam {
width:100%;
margin:0;
padding:0;
}


.top-features03 {
border-bottom:1px solid #fff;
position:relative;
}

.top-features03-in {
position:absolute;
height:100%;
width:100%;
top:0;
left:0;
background: -moz-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0.5)); /* Firefox用 */  
background: -o-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)); /* Opera */
background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0.5)));/* Safari,Google Chrome用 */
background: linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0.5));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#000', GradientType=0)"; /* IE8用 */
z-index:1;
}

.top-features03-contents {
z-index:2;
position:relative;
}

.tit-top-features03 {
font-size:16px;
font-weight:bold;
line-height:22px;
color:#fff;
width:100%;
}

/*FEATURES04*/

.top-features04 {
border-bottom:1px solid #fff;
position:relative;
}

.top-features04-in {
position:absolute;
height:100%;
width:100%;
top:0;
left:0;
background: -moz-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0.5)); /* Firefox用 */  
background: -o-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)); /* Opera */
background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0.5)));/* Safari,Google Chrome用 */
background: linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0.5));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#000', GradientType=0)"; /* IE8用 */
z-index:1;
}

.top-features04-contents {
z-index:2;
position:relative;
}

.tit-top-features04 {
font-size:16px;
font-weight:bold;
line-height:22px;
color:#fff;
}

.top-title a {
text-decoration:none;
}

/*INFO*/
.top-info-block {
clear:both;
padding-bottom:20px;
height:auto;
text-align:left;
width:100%;

}

.list-info {
padding:0 10px 0 1.5em;
background:url(../../img/common/blank.png) top center no-repeat;
}

.list-info li {
padding-bottom:10px;
text-align:left;
text-indent:-1em;

}