@charset "utf-8";

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 全デバイス共通のスタイルとスマートフォンおよび小型タブレット向けレイアウトの指定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

div#zentai{max-width:960px; margin:auto;}

/*==========================================
 body
===========================================*/
body {
  width: 100%;
  background:linear-gradient(-150deg, #1e4a60, #84c7b5);
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 0.7em;
  line-height:140%;
  color:#fff;
}

p{text-indent:1em;}

a {color:#fff;  text-decoration:none;}

h1{font-size:0.8em}

h2{text-indent:0.5em; font-size:1.2em;}

h3{text-indent:0.5em;}

/*======================================
 ヘッダーのスタイル
===========================================*/
header{position:relative; }

/*logo*/
.logo{display:block; margin:auto; opacity:0.9;}

/*ヘッダーの行頭画像位置関係*/
.what{margin-left:0.5em; margin-right:2px;}
.spllc{margin-left:0.5em; margin-right:2px;}
.who{margin-left:0.5em;margin-right:2px;}

/*main*/
.main{width:100%; max-width:960px; display:block; margin:auto;}

/*==========================================
 グローバルナビゲーションのスタイル
===========================================*/
nav ul {margin-top:8px;  margin-bottom: 15px;}
nav ul li {text-align: center; float: left; width: 50%; border-bottom: 2px solid #6f0722;}
nav ul li:nth-child(odd) {width: 49%; border-right: 1px dotted #6f0722;}
nav ul li a{display: block; width: 100%;}

/*現在位置表示用クラス*/
.active{
}

/*==========================================
 コンテンツエリア全体のスタイル
===========================================*/
div#contents {
  padding-bottom: 15px;
}
/*==========================================
 コンテンツエリア -> Latest CD releasesのスタイル
===========================================*/
div#contents section#work h2  {
  background: url(../images/bg_headerline_20161208.png) repeat-x bottom;
  padding-bottom: 10px;
}

div#contents section#work article {
  text-align: center;
  width: 50%;
  min-width: 120px;
  float: left;
  margin-bottom: 30px;
}
div#contents section#work article img {
  width: 100%;
  height: auto;
  margin-top: 20px;
  max-width: 184px;
} 

/*==========================================
 コンテンツエリア -> twitterのスタイル
===========================================*/
div#contents section#news {
  text-align: center;   
  padding-bottom:30px;
}
div#contents section#news h2 {
text-align: left;
  margin: 0 5px 15px 0;
  background: url(../images/bg_headerline_20161208.png) repeat-x bottom;
  padding-bottom: 8px;
}
div#contents section#news article h3 {
  font-size: 0.7em;
  background: url(../images/icn_arrow.jpg) no-repeat center left;
  margin-bottom: 10px;
  padding-left: 7px;
}
div#contents section#news article p {
  line-height: 1.4em;
  font-size: 0.8em;
  margin: 0 0 20px 10px;
}
div#contents section#news article p a {
  text-decoration: underline;
}
div#contents section#news article p a:hover {
  text-decoration: none;
}

.twitter-timeline{
width: 90% !important;
}

/*==========================================
 コンテンツエリア -> CMのスタイル
===========================================*/
div#contents section#information {
  text-align: center;
} 
div#contents section#information h2 {
  text-align: left;
  margin: 0 5px 15px 0;
  background: url(../images/bg_headerline_20161208.png) repeat-x bottom;
  padding-bottom: 8px;
}

div#contents section#information ul li {
  width: 100%;
  margin-bottom: 10px;
}


.video{
position:relative;
padding-bottom: 56.25%;
}
.video iframe{
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
}

/*==========================================
 ページトップへボタンのスタイル
===========================================*/
.pagetop {position: fixed; bottom: 37px; right: 1px;}

/*==========================================
 フッターのスタイル
===========================================*/
footer {height:100px; text-align:left; width:100%; background:#1e4a60;}


/*タブレット向けのレイアウトの指定：769px～960px */
@media only screen and (min-width: 769px) {

/*ヘッダーの行頭画像位置関係*/
.what{margin-left:0.5em; margin-right:2px;}
.spllc{margin-left:5px; margin-right:2px;}
.who{margin-left:5px;margin-right:2px;}

nav {text-align: center; border-bottom: 3px double #6f0722; margin: 10px auto 15px auto;}
nav ul li {text-align: center; float: left; width: 16%; border-bottom: none; border-right: 1px dotted #6f0722;}
nav ul li:nth-child(odd) {width: 17%; border-bottom: none;}
nav ul li.home {border-left: none; margin-left: 1px;}
nav ul li.contact {border-right: none;}
nav ul li a{display: block;}
  
/*タブレットLatestCDrelease*/
  div#contents section#work article {
    width: 33%;
  }
  div#contents section#work article h3 {
    line-height: 2.0em;
  }
  div#contents section#work article p {
    font-size: 0.8em;
    line-height: 2.0em;
  }
    
 footer div p {
  text-align:center;
  font-size: 0.6em;
  line-height: 1.4em;
}
}


/* PC向けレイアウトの指定：961px以上では固定レイアウト */
@media only screen and (min-width: 961px) {

/*ヘッダー*/
/*logo*/
.logo{position:relative; margin-left:-10px; z-index:2;}

/*ヘッダーの行頭画像位置関係*/
.what{margin-right:2px;}
.spllc{margin-left:5px; margin-right:2px;}
.who{margin-left:5px;margin-right:2px;}

/*ヘッダーの３行位置指定*/
header ul#header3{margin-top:-55px; margin-left:435px; position:relative; left 50%; float:left;}

/*トップ画像の位置*/
.main{position:relative; margin-top:-10px; z-index:1;}


/*グローバルナビ*/

  nav {
    max-width: 960px;
  }
  nav ul{
    margin-left: auto;
    margin-right: auto;
  }
  nav ul li:nth-child(odd) {
    border-bottom: none;
  }
  nav ul li.home {
    border-left: 1px dotted #6f0722;
  }
  nav ul li.contact {
    border-right: 1px dotted #6f0722;
  }

/*PC Latest CD release*/

  div#contents {
    max-width: 960px;
    margin: 0 auto;
  }
  div#contents section#work article {
    width: 20%;
  }
  div#contents section#work article h3 {
    line-height: 2.2em;
  }
  
  /*PC twitter*/
  div#contents section#news {
    width: 49%;
    float: left;
  }
 
 .twitter-timeline{
width: 100% !important;
}
 
  
  /*PC Links*/
  div#contents section#information {
    width: 49%;
    float: right;
  }

/*以下フッター*/

footer {
text-align:center;
 width:960px; 
 margin-left:auto;
 margin-right:auto;
 }
 
 footer div p {
  text-align:center;
  font-size: 0.6em;
  line-height: 1.4em;
}