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

/*LEFTSNS*/
.menu-sns,.menu-fb,.menu-twitter {display:none;}

#head-block {
height:48px;
}

.main-top {
height:auto;
width:100%;
position:relative;
}

.main-top .js-flickity {
width:auto;
height:auto;
}

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

.slide img,.sp-image {
margin:auto;
height:auto;
width:auto;
}

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

.tit-top {
padding:40px 0 0 40px;
}

.tit-top h1 {
width:50%;
}

.tit-top-catch {
background:#f0515c;
width:auto;
padding:3px 10px;
color:#fff;
font-weight:bold;
font-size:100%;
}

.top-arrow {
position : absolute;
width:70px;
left: 0;
right: 0;
margin:auto;
bottom:100px;
z-index:3000;
}

#top-under {
padding:40px 0 10px;
}

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

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

.device-top {
clear:both;
padding:40px 0;
width:650px;
margin:auto;
}

.device-top img {
width:100%;
}

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

.top-news-block.js-flickity {
height:400px;
}

div.li-news {
width:230px;
margin:0 10px;
font-size:14px;
line-height:16px;
display:block;
height:400px;
}

div.li-news img {
margin-bottom:5px;
}

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 {
position:relative;
height:auto;
}

.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:12px;
line-height:14px;
padding-top:10px;
}

.tit-top h2 {
margin-bottom:15px;
font-size:22px;
line-height:28px;
}

.tit-top-features01 {
font-size:34px;
font-weight:bold;
line-height:40px;
text-indent:-0.8em;
padding-bottom:5px;
}

.catch-top-features01 {
font-size:20px;
line-height:30px;
font-weight:normal;
margin-bottom:15px;
}

.catch-top-features01 br {
display:none;
}

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


/*FEATURES02*/

.top-features02 {
position:relative;
height:auto;
}

.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:34px;
font-weight:bold;
line-height:40px;
color:#fff;
padding-bottom:5px;
}

.catch-top-features02 {
font-size:20px;
line-height:30px;
font-weight:normal;
margin-bottom:15px;
}

.catch-top-features02 br {
display:none;
}

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

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

/*FEATURES03*/

.top-features2cullam {
width:100%;
margin:auto;
padding:0;
overflow: hidden;
height:100%;
}

a.top-features03,a.top-features04 {
display:block;
}

.top-features03 {
background:url(../../img/top/img_features03.jpg) top center no-repeat;
text-align:center;
width:50%;
float:left;
position:relative;
padding-bottom: 60000px;  
margin-bottom: -60000px;
height:auto;
}

.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:30px;
font-weight:bold;
line-height:40px;
color:#fff;
}

/*FEATURES04*/

.top-features04 {
background:url(../../img/top/img_features04.jpg) top center no-repeat;
text-align:center;
width:50%;
float:left;
position:relative;
padding-bottom: 60000px;  
margin-bottom: -60000px;
height:auto;
}

.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:30px;
font-weight:bold;
line-height:40px;
color:#fff;
}


/*TITLE*/
.title-block {
margin:auto;
margin-left:15px;
}

.title-block section {
width:47%;
border:1px solid #999;
margin:1%;
float:left;
}

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

.list-info {
padding:0 50px;
}

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