@charset "utf-8";
* { margin: 0; padding: 0; font-size: 14px; line-height: 2em;}
ul {list-style:none}
img {vertical-align: middle;}
html {
	text-align: left;
}
body {
	color: #142d6c;
	margin: 0 auto;
	padding: 0;
	font-size: 15px;
	line-height: 1.6em;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica" , "Arial" ,"Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-feature-settings: "palt";
}
#wrapper {
	overflow: hidden;
	background: url("../images/bg-gradation.jpg") repeat top center;
	background-size: 140% auto;
	background-attachment: fixed;
	position: relative;
	margin: 0 auto;
	padding: 0;
}
a { word-break: break-all; }
a:link,
a:visited {
	text-decoration: none;
	font-weight: bold;
	font-size: inherit;
	color:#3888b6;
	}
a:hover {
	text-decoration: underline;
	font-weight: bold;
	font-size: inherit;
	color: #40aeeb;
	}
a:active {
	text-decoration: none;
	font-weight: bold;
	font-size: inherit;
	text-decoration: none;
	color: #666;
	}
footer a:link,
footer a:visited {
	text-decoration: none;
	font-weight: bold;
	font-size: inherit;
	color:#b4ccde;
}
a.btn {
    font-size: 15px;
    border: 1px solid #3a77bb;/*線色*/
	font-weight: normal;
    padding: 0.5em;/*文字周りの余白*/
    border-radius: 5px;/*角丸*/
    line-height: 1.2em;
    background: #3a77bb;
    color: #fff;
    display: block;
    max-width: 400px;
    text-align: center;
    margin: 0 auto;
}
a:hover.btn {
    background: #fff;/*線色*/
    color: #40aeeb;
	text-decoration: none;
}
img {
	border:0;
	max-width: 100%;
}
p {
	margin: 1em 0;
	padding: 0;
}
hr {
	clear: both;
	visibility: hidden;
}
hr.white {
	clear: both;
	visibility: visible;
    height: 8px;
    margin: 0;
    padding: 0;
    border: 0px none;
}
.clearfix {
	clear:both;
}
h1,h2,h3,h4,h5,h6 {
	margin-bottom: 5px;
}
h1 {
	line-height: 1;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    text-align: center;
}
h2 {
	font-size: 20px;
	line-height: 1.333;
    margin: 0 0 1em 0;
    color: #fff;
    text-align: center;
    padding: 3px 0;
    font-family: 'Noto Serif JP', serif;
    font-weight: 400;
}
h3 {
	font-size: 18px;
	line-height: 1.2;
    color: #335b88;
    border: 2px dashed #8cccd2;
    border-width: 0 0 3px;
    padding: 3px 0 6px;
    font-weight: 600;
}
h4 {
	font-size: 16px;
	line-height: 1.2;
    padding: 5px 0;
    color: #65b8b0;
    font-weight: 600;
	border-bottom:1px solid #65b8b0;
	display:flex;
}
h5 {
	font-size: 15px;
    font-weight: normal;
	line-height: 1.2;
    border-bottom: 1px solid #ddd;
}
.little {
	font-size: 85%;
	line-height: 1.2;
	font-weight: normal;
}
.little br{
	font-size: 85%;
	line-height: 1.2;
}
.right {
	text-align: right;
}
.note {
    color: #666;
}

iframe {
	max-width: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.red {
	font-size: 100%;
    color: #b60918;
	line-height: 1;
}
.pc {
	display: none
}
div#SNS {
	text-align: center;
	line-height: 0;
	margin: 30px auto 0;
	width: 205px;
}
#SNS ul li {
	width: 90px!important;
	margin: 0;
	float: left;
	text-align: left;
	line-height: 0;
	padding: 16px 0 0;
}
#SNS ul li.twitter {
	padding: 0 10px 0 0;
	margin: -4px 0 0 0;
}
iframe.twitter-share-button {
	padding: 20px 0 0;
	width: 90px!important;
}

header {
	width: 100%;
    position: relative;
    margin: 0 auto;
    text-align: center;
    padding: 60px 0 0 0;
}
header#index_header {
    z-index: 100;
    background: none;
	position: relative;
}
header#index_header h1 {
    margin: 0 auto 0 auto;
    position: absolute;
    z-index: 200;
    padding: 0 10%;
    top: 70px;
    right:0; left:0;
    max-width: 320px;
}
header h1::after {
	content: "";
	position: absolute;
	left:50%;
	transform: translateX(-50%);
	display:block;
	width:980px;
	height:30px;
    background:url("../images/h1-bg-border.png") center no-repeat;
	margin-top:10px;
}
div#index_photo {
	width: 100%;
	margin: 135px auto 0 auto;
	padding: 0 0 0 0;
	position: relative;
}
div#index_photo img {
	width: 100%;
	margin: 90px auto 0;
}
header #headerContents img.artist-image {
	margin-top:0;
}
div#header_text {
    font-family: 'Noto Serif JP', serif;
    font-weight: 400;
    color: #000;
    width:80%;
	height: auto;
	margin:0;
    padding: 10px;
    position: absolute;
	bottom:-50px;
	left:10%;
	right:10%;
    z-index: 300;
	background: #fff;
	border:2px solid #8cccd2;
	box-sizing:border-box;
}
div#header_text br {
    line-height: 1.4
}
div#header_text2 {
    font-family: 'Noto Serif JP', serif;
    font-weight: 400;
    color: #000;
    width:80%;
	height: auto;
	margin:0;
    padding: 10px;
    position: absolute;
	bottom:-50px;
	left:10%;
	right:10%;
    z-index: 300;
	background: #fff;
	border:2px solid #8cccd2;
	box-sizing:border-box;
}
div#header_text2 br {
    line-height: 1.4
}
#CDtitle {
    font-size: 28px;
    line-height: 1.4;
    font-weight: 700;
    color: #de5c96;
    margin: 0 auto 0.2em;
}
#CDtitle2 {
    font-size: 28px;
    line-height: 1.4;
    font-weight: 700;
    color: #66ccff;
    margin: 0 auto 0.2em;
}
#CDtitle3 {
    font-size: 23px;
    line-height: 1.4;
    font-weight: 550;
    color: #a0c0ff;
    margin: 0 auto 0.2em;
}
div#header_text a {
    color: #000;
    line-height: 1.2;
    display: block;
    font-family: 'Noto Serif JP', serif;
    font-weight: 300;
    margin: 0 auto;
}
div#header_text2 a {
    color: #000;
    line-height: 1.2;
    display: block;
    font-family: 'Noto Serif JP', serif;
    font-weight: 300;
    margin: 0 auto;
}
#headerContents img#name {
    margin: 1.0em auto;
    width: 70%;
    max-width: 369px;
}
main {
	clear:both;
}
section {
    position: relative;
}
div.contents {
	transition: .5s;
    margin: 50px 20px 0 20px;
}
section h1#maintitle {
    color: #d0e1f4;
    font-weight: 400;
	text-align: center;
    padding: 0 0 5%;
    font-size: 32px;
    margin: 0.5em 10px;
    line-height: 1em;
    font-family: 'Noto Serif JP', serif;
}
section h1#maintitle::after {
	content: "";
	position: absolute;
	left:50%;
	transform: translateX(-50%);
	display:block;
	width:90%;
	height:30px;
    background:url("../images/h2-bg-border.png") center no-repeat;
	margin-top:10px;
}

div.maincontents {
    margin: 0 auto 50px;
    padding: 1.5em 5%;
	background:rgba(255, 255, 255, 0.95);
}
div#index_maincontents {
    padding: 2em 0 0;
    margin: 0 auto;
}


/* index ----------------------------------------*/
ul.sns-icon {
	width:220px;
	margin:70px auto 0 auto;
	list-style: none;
	list-style-position: inside;
}
ul.sns-icon li {
	width:24px;
	height:24px;
	display:inline-block;
	float:right;
	margin:0 10px;
}
ul.sns-icon li a {
	color:#fff;
}
ul.sns-icon li a:hover {
	opacity:0.8;
}

#whatsnew, #indexmovie {
    margin:10px 2.5%;
    padding: 15px 10px;
    text-align: center;
    line-height: 1.2;
	background:rgba(255, 255, 255, 0.85);
}
#whatsnew h2, #indexmovie h2{
    margin: 0 0 0.5em;
	font-size: 24px;
    line-height: 1.4;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    color: #335b88;
    text-align: left;
	background: url("../images/h2-bg-border.png") top 35px center no-repeat ;
    background-size: contain;
    padding: 0 0 25px 8px;
    box-shadow: none;
    border-radius: 0px;
}
#whatsnew h2::after {
	content:"";
	width:28px;
	height:28px;
	display: inline-block;
	background:url("../images/icon-whats.png") no-repeat;
	background-size:28px;
	margin-left:10px;
	margin-bottom:-7px;
}
	#indexmovie h2::after {
	content:"";
	width:28px;
	height:28px;
	display: inline-block;
	background:url("../images/icon-movie.png") no-repeat;
	background-size:28px;
	margin-left:10px;
	margin-bottom:-7px;
}
#whatsnew dl {
    margin: 0;
    text-align: left;
}
#whatsnew dt {
    margin: 0;
}
#whatsnew dd {
    margin: 0 0 1em;
    padding: 0 0 0.5em;
	line-height: 1.4em;
    border-bottom: 1px solid #fff;
}
#whatsnew dd:last-child {
    margin: 0;
}

ul.attention {
	margin:0;
	margin-left:1em;
	padding:0;
	list-style: none;
    list-style-position: outside;
}
ul.attention li {
	font-size:13px;
	line-height:1.4;
	margin:0.25em 0!important;
    padding:0 0 0 13px!important;
    display: flex;
}
ul.attention li::before {
	content: "※";
	font-size:13px;
	margin-left: -13px;
	margin-right:2px;
}

p.envelope {
	font-size:15px;
	line-height:1.4;
	font-weight:400;
	color:#555;
	padding:0.7em;
	border:1px solid #8cccd2;
}

footer {
	margin: 30px auto 0;
	padding: 70px 3% 30px;
	text-align: center;
	clear: both;
	line-height: 1;
    font-size: 13px;
    color: #999;
	position: relative;
}
footer::before {
	content: "";
	position: absolute;
	top:20px;
	left:50%;
	transform: translateX(-50%);
	display:block;
	width:980px;
	height:30px;
    background:url("../images/h1-bg-border.png") center no-repeat;
	margin-bottom:10px;
}
footer small {
	color:#fff;
	line-height: 1em;
    font-size: 13px;
}
footer a {
	font-size: 100%;
	display: block;
}
footer ul#link_btn {
    width:95%;
    padding: 10px 2.5%;
}
footer ul li {
	display: inline-block;
	margin: 5px 10px;
    vertical-align: middle;
}
footer ul li a {
	display: block;
}
footer ul#sns-share li {
	margin: 30px 10px 10px;
}
footer ul#sns-share li img {
	width: 50%;
}


/* disco ----------------------------------------*/
#disco div.maincontents {
	line-height: 1.2;
}
div.discocontents,div.livecontents {
    padding: 0;
}
#info h2, #profile h2, #disco h2, #live_event h2 {
	font-size: 20px;
	color:#fff;
	line-height: 1;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 600;
	text-align: center;
    margin: 0 0 1.0em 0;
    padding:  7px 0;
	background:#3a77bb;
	position: relative;
}
#info h2::after, #profile h2::after, #disco h2::after, #live_event h2::after {
	display: block;
	content:"";
	border:none;
	border-top: 2px dotted #3a77bb;
	position: absolute;
	bottom:-6px;
	width:100%;
	border-radius:1.5px;
}
div.pagenav {
	width:380px;
    margin: 50px auto;
	padding:0;
	text-align:center;
}
div.pagenav a.navBtn {
	font-size:20px;
	line-height: 30px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
	letter-spacing: 0.1em;
	width:160px;
	height:30px;
	margin:0 15px;
	float:left;
	background: #d0e1f4;
    box-shadow: 0 5px 20px rgba(69,116,153,0.4);
    border-radius: 20px;
	box-sizing:border-box;
}
div.pagenav a.navBtn:hover {
	color:#fff;
	background:#51b8b0;
	text-decoration: none;
}
div.pagenav::after {
	content: "";
	clear:both;
	display:block;
}
#album, #event {
    background: none;
}
#disco h3{
	font-size:24px;
	line-height: 1.2;
    font-weight: 500;
	margin: 0 auto 0.5em;
	padding: 0 0 5px 0;
	border-top: none;/*上線*/
	color: #3a77bb;
	border-bottom: 2px dotted;
}
#single h4, #album h4 {
	font-size: 24px;
	line-height: 1.2;
	padding: 3px;
	font-weight: 700;
	color: #142d80;
	border-bottom: 2px dotted #dfdfdf;
	margin: 1em 0 0.5em;
	letter-spacing: 0.1em;
	position: relative;
}
#album h4 {
	color:#65b8b0;
}
#single h4::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  z-index: 2;
  content: '';
  width: 10%;
  height: 3px;
  background-color: #2a97b1;
}
#album h4::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  z-index: 2;
  content: '';
  width: 10%;
  height: 3px;
  background-color: #65b8b0;
}
#single .day, #album .day {
	font-size: 18px;
	line-height: 1.4;
	font-weight: 300;
	color: #335b88;
	display: block;
}
#single .no, #album .no {
	font-size: 18px;
	line-height: 1.4;
	font-weight: 500;
	color: #3a77bb;
	display: block;
}

div.jacket {
	margin: 0 auto 1em;
	text-align: center;
}
div.jacket img{
    width: 300px;
	margin: 1em auto 0.7em;
	border: 1px solid #ddd;
}
div.jacket2 {
	margin: 0 auto 1em;
	text-align: center;
}
div.jacket2 img{
    width: 300px;
	margin: 1em auto 0.7em;
	border: 1px solid #ddd;
}

#disco ol {
	margin: 0;
}
#disco ol li {
	list-style-type: decimal;
	margin: 1em 0 1em 2em;
}
#disco ul {
	margin: 0;
}
#disco ul li {
	list-style-type: disc;
	margin: 1em 0 1em 2em;
}

ul.movie li{
	text-align: center;
	margin: 2em auto;
}
div.movie {
	text-align: center;
	margin: 2em auto;
}


/* info ----------------------------------------*/
#info ul {
  margin: 0 0 2em;
}

ul.liveContents li, #info ul li {
	margin: 0 0 2em;
	padding: 0 0 1em;
}
ul.liveContents li:last-child, #info ul li:last-child {
	margin: 0 0 2em;
}

ul.disc {
	list-style: disc;
	margin: 0 0 0 1.2em;
}
ul.disc li {
	margin: 0 0 0.5em;
}

ul.liveContents li dl {
	margin: 1em auto 2em;
	font-size: 18px;
}
ul.liveContents li dl dt {
	font-weight: bold;
	margin:0;
	font-size: 18px;
}

ul.liveContents li dl dd {
	margin:0 0 0.5em;
	font-size: 18px;
}

ul.liveContents li h4 {
	font-size: 18px;
}


/* profile ----------------------------------------*/
section#profile h2 {
	border-bottom: none;/*左線（実線 太さ 色）*/
	margin: 0 0 1em;
	letter-spacing: 0.2em;
}

section#profile ul li {
	line-height: 1.4;
	margin: 0 0 1em;
	padding: 0 0 0.5em;
	border-bottom: 1px solid #fff;
}
section#profile ul li br {
	line-height: 1.4;
}
section#profile ul li a {
	line-height: 1.4;
}
div.photo {
	margin: 0 auto 1em;
	text-align: center;
}
div.photo img{
	width: 300px;
	border: 1px solid #ddd;
}

/*ページトップスマホ非表示
#page-top {
	display: none;
}*/
#page-top {
	position: fixed;
	display: block;
	right: 30px;
	bottom: 20px;
	padding: 0;
	z-index: 777;
	height: 75px;
	width: 60px;
	line-height: 1;
}
#page-top a {
	font-size: 40px;
	font-weight: normal;
	line-height: 1;
	padding: 10px 0 0;
	display: block;
	opacity: 0.8;
	color:#fff;
	background: rgba(51,91,130,0.6);
	height: 50px;
	width: 60px;
	border-radius: 30px;/*角丸*/
	text-align: center;
}
#page-top a:hover {
	opacity: 1;
	text-decoration: none;
}

/*768px以上 ----------------------------------------*/

@media screen and (min-width:768px){


.sp {
	display: none
}
.pc {
	display: block;
}

header h1 {
	bottom: 50px;
}
header#index_header {
	z-index: 100;
	background: none;
	padding: 0;
	position: relative;
}
header{
	width: 100%;
	margin: 0 auto 0;
}
header#index_header h1 {
    margin: 0 auto;
    position: absolute;
    z-index: 200;
    padding: 0 10%;
    top: 75px;
    right:0; left:0;
    max-width: 400px;
}
header h1::after {
	content: "";
	position: absolute;
	left:50%;
	transform: translateX(-50%);
	display:block;
	width:980px;
	height:30px;
    background:url("../images/h1-bg-border.png") center no-repeat;
	margin-top:10px;
}
#headerContents {
	margin: 0 auto;
}
#headerContents img#name {
	margin: 0 auto 10px;
	padding: 20px 0 0 0;
}
header #headerContents img.artist-image {
	margin-top:210px;
}
div#index_photo {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 0 0;
	position: relative;
}
div#index_photo img {
	width: 980px;
	margin: 90px auto 0;
}
div#index_photo div#header_text {
	position:absolute;
	bottom: 35px;
	left: 70px;
	font-size: 18px;
	margin: 0;
	width: 320px;
	height: auto;
	display:block;
	background: #fff;
	border: 2px solid #8cccd2;
	box-sizing: border-box;
}
div#index_photo div#header_text2 {
	position:absolute;
	bottom: 35px;
	font-size: 18px;
	margin: 0 auto;
	width: 320px;
	height: auto;
	display:block;
	background: #fff;
	border: 2px solid #8cccd2;
	box-sizing: border-box;
}
#CDtitle {
	font-size: 30px;
}
#CDtitle2 {
	font-size: 30px;
}
#CDtitle3 {
	font-size: 25px;
}
div#header_text a {
	width: auto;
	padding: 5px;
}
div#header_text2 a {
	width: auto;
	padding: 5px;
}
ul.sns-icon {
	margin:30px auto 0 auto;
}
#whatsnew, #indexmovie {
	margin:30px auto;
	width: 660px;
	padding: 20px;
	background: #fff;
	border-radius: 2px;
}
#whatsnew h2, #indexmovie h2{
}

iframe {
	height: 280px;
}

section {
	margin: 0 auto;
}
section h1#maintitle {
	font-size: 40px;
	font-family: 'Ubuntu', sans-serif;
	letter-spacing: 0.3em;
}
section h1#maintitle::after {
	content: "";
	position: absolute;
	left:50%;
	transform: translateX(-50%);
	display:block;
	width:980px;
	height:30px;
    background:url("../images/h1-bg-border.png") center no-repeat;
	margin-top:10px;
	}
ul.liveContents li dl {
	margin: 1em auto 2em;
}
ul.liveContents li dl dt {
	font-weight: bold;
	margin:0;
	width: 120px;
}

ul.liveContents li dl dd {
	margin:-2em 0 0.5em 150px;
}
div.pagenav {
	width:660px;
}
div.pagenav a.navBtn {
    font-size:24px;
	line-height: 40px;
	width:300px;
    height:40px;
}
div.pagenav a.navBtn:hover {
	color:#fff;
	background:#51b8b0;
	text-decoration: none;
}
div.pagenav::after {
	content: "";
	clear:both;
	display:block;
}

#disconav {
	font-size:24px;
	width:40%;
    text-align: center;
	line-height: 1.2;
	background: #fff;
    box-shadow: 0 5px 20px rgba(69,116,153,0.4);
    border-radius: 20px;
    padding: 5px 5px 3px;
    margin: 3em auto 2em auto;
}
#disconav a{
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
	line-height: 1.2;
    font-size: 24px;
    margin: 0 50px;
}

div.buy {
	clear: both;
}

}


/*980px以上 ----------------------------------------*/

@media screen and (min-width:980px){
body#index {
	padding: 0 0 0;
}
h2 {
	margin: 0 0 1em;
}
header#index_header {
	z-index: 100;
	background: none;
	padding: 0;
	position: relative;
}
header{
	width: 100%;
	margin: 0 auto;
	padding:0;
}
header#index_header h1 {
    margin: 0 auto;
    position: absolute;
    z-index: 200;
    padding: 0 10%;
    top: 100px;
    right:0; left:0;
    max-width: 450px;
}
header h1::after {
	content: "";
	position: absolute;
	left:50%;
	transform: translateX(-50%);
	display:block;
	width:980px;
	height:30px;
    background:url("../images/h1-bg-border.png") center no-repeat;
	margin-top:10px;
}
#headerContents {
	margin: 0 auto;
}
#headerContents img#name {
	margin: 0 auto 10px;
	padding: 100px 0 0;
}
header #headerContents img.artist-image {
	margin-top:257px;
}
div#index_photo {
	width: 980px;
	margin: 0 auto;
	padding: 0 0 0 0;
	position: relative;
}
div#index_photo img {
	width: 980px;
	margin: 90px auto 0;
}
div#index_photo div#header_text {
	position:absolute;
	bottom: 35px;
	left: 50px;
	font-size: 18px;
	margin: 0;
	width: 420px;
	height: auto;
	display:block;
	background: #fff;
	border: 2px solid #8cccd2;
    box-sizing:border-box;
}
div#index_photo div#header_text2 {
	position:absolute;
	bottom: 35px;
	left: 500px;
	font-size: 18px;
	margin: 0;
	width: 420px;
	height: auto;
	display:block;
	background: #fff;
	border: 2px solid #8cccd2;
    box-sizing:border-box;
}
#CDtitle {
	font-size: 42px;
}
#CDtitle2 {
	font-size: 42px;
}
#CDtitle3 {
	font-size: 32px;
}
section {
	margin: 0 auto;
	padding: 0;
}
section h1#maintitle {
	margin: 0.5em auto;
	padding: 0 0 30px 0;
	background-size: auto 22px;
}

div.maincontents {
	width: 850px;
	margin: 0 auto 50px auto;
	padding: 2em;
	background:#fff;
}
div#index_maincontents {
	width: 980px;
	margin: 0 auto;
	padding: 0;
}

#whatsnew {
	width: 440px;
	float: left;
	margin: 25px 20px 0 0;
	padding: 20px;
	background:#fff;
	border-radius:4px;
}
#indexmovie {
	width: 440px;
	float: left;
	margin: 25px 0 0;
	padding: 20px;
	background:#fff;
	border-radius:4px;
}

/* disco ----------------------------------------*/
#disconav {
	font-size:24px;
	width:40%;
    text-align: center;
	line-height: 1.2;
	background: #fff;
    box-shadow: 0 5px 20px rgba(69,116,153,0.4);
    border-radius: 20px;
    padding: 5px 5px 3px;
    margin: 3em auto 2em auto;
}
#disconav a{
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
	line-height: 1.2;
    font-size: 24px;
    margin: 0 50px;
}
div.discocontents,div.livecontents {
	padding: 0;
	margin: 2em auto 0 auto;
}
div.jacket {
	float: left;
	width: 380px;
	margin: 1em 20px 2em;
	line-height: 1.2em;
}
div.jacket2 {
	width: 380px;
	margin: 1em auto 2em;
	line-height: 1.2em;
}
div.cd_contents {
	float: left;
	min-width: 520px;
	margin: 1em auto 0.5em;
	
}
#single h2, #live h2,
#album h2, #event h2 {
	font-size:32px;
}

div.photo {
	float: right;
	width: 650px;
	margin: 1em 100px 2em;
	line-height: 1.2em;
}

div.photo img{
	width: 450px;
}

ul.sns-icon {
	width:960px;
	margin:18px auto;
	list-style: none;
	list-style-position: inside;
}
ul.sns-icon li {
	width:28px;
	height:28px;
	display:inline-block;
	float:right;
	margin:0 16px;
}
ul.sns-icon li a {
	color:#fff;
}
ul.sns-icon li a:hover {
	opacity:0.8;
}
.list{
	overflow: hidden;
}
.list li{
	transition: .5s;
}
.list-mv02{
	opacity: 0;
}
.mv02{
	opacity: 1.0;
}

}