body { height:100%; min-height:100%; font-family: "メイリオ", "Osaka", Arial, Sans-Serif; background:url(../img/common/curve.svg) no-repeat center top; background-size:1000px 10px; line-height:1.1em; color:#666666; }

body > #container {
    height: auto; }


/*……IE……*/
.ie8 body { background:url(../img/common/curve_ie.png) repeat-x center top; }
.ie9 body { background:url(../img/common/curve_ie.png) repeat-x center top; }

#clearfix:after,.clearfix:after { content: "."; clear: both; height: 0; display: block; visibility: hidden; }
		#clearfix,.clearfix { display: inline-block; }
		#clearfix,.clearfix { display: block; }

p { color:#666666; }

@media only screen and (max-width: 1200px) {

	body { background-size:800px 10px; }
}


@media only screen and (max-width: 780px) {

	body { background-size:60% 6px; }
}




/*……………………………BASS h1……………………………*/

h1 { width:100%; max-width:230px; margin:20px auto 20px auto; }
	h1 img { width:100%; height:auto; }

h2 { font-size:30px; letter-spacing:2px; font-family: 'Montserrat', sans-serif; font-weight:normal; }

	div#container div#contents h2 { text-align:center; padding:50px 0px 10px 0px;  }
	div#container div.audition_cover h2 { text-align:center; padding:50px 0px 10px 0px;  }

	div.top h2 { text-align:center; margin:20px auto 30px auto; }

	h2.talent { color:#25a7e3; }
	h2.media { color:#ff9933; }
	h2.news { color:#33cc33; }
	h2.audition { color:#FF719F; }
	h2.ecshop { color:#1A8CFF; }
	h2.message { color:#666666; }
	h2.company { color:#ff3300; }
	h2.biography { color:#9933cc; }
	h2.blog { color:#FFFFFF; }
	h2.contact { color:#31C9E3; }
	h2.recruit { color:#F9A22B; }
  #circle{color:#33cc33;}
  h2.LR { width: 450px;color:#ff9933; border-bottom: 1px solid #c2c2c2; margin:0 auto;}
  h2.MR { width: 450px;color:#25a7e3; border-bottom: 1px solid #c2c2c2; margin:0 auto;margin-bottom: 20px;}
  h2.UR { width: 450px;color:#ff3300; border-bottom: 1px solid #c2c2c2; margin:0 auto;margin-bottom: 20px;}
  h2.HR { width: 450px;color:#2B0F9B; border-bottom: 1px solid #c2c2c2; margin:0 auto;margin-bottom: 20px;}
  h2.SR { width: 450px;color:#9933cc; border-bottom: 1px solid #c2c2c2; margin:0 auto;margin-bottom: 20px;}
  h2.NR { width: 450px;color:#33cc33; border-bottom: 1px solid #c2c2c2; margin:0 auto;margin-bottom: 20px;}
  h2.idol { width: 450px;color:#FF6899; border-bottom: 1px solid #c2c2c2; margin:0 auto;margin-bottom: 20px;}
  p.MR {color:#25a7e3; font-size: 16px; text-align: center;}
  p.UR {color:#ff3300;font-size: 16px;text-align: center;}
  p.HR {color:#cc6633;font-size: 16px;text-align: center;}
  p.SR {color:#9933cc; font-size: 16px; text-align: center;}
  p.NR {color:#33cc33;font-size: 16px;text-align: center;}
  p.idol {color:#FF6899;font-size: 16px;text-align: center;}
  p.name{font-size: 14px; font-weight: bold; text-align: center;}
  @media only screen and (max-width: 780px) {
    h2.LR { width: 60%; font-size: 14px;}
    h2.MR { width: 60%; font-size: 14px;}
    h2.UR { width: 60%; font-size: 14px;}
    h2.HR { width: 60%; font-size: 14px;}
    h2.SR { width: 60%; font-size: 14px;}
	h2.NR { width: 60%; font-size: 14px;}
	h2.idol { width: 60%; font-size: 14px;}
  }
  @media only screen and (max-width: 480px) {
    h2.LR { width: 80%; font-size: 14px;}
    h2.MR { width: 80%; font-size: 14px;}
    h2.UR { width: 80%; font-size: 14px;}
    h2.HR { width: 80%; font-size: 14px;}
    h2.SR { width: 80%; font-size: 14px;}
	h2.NR { width: 80%; font-size: 14px;}
	h2.idol { width: 80%; font-size: 14px;}
  }
  /**/
  #staff_box{
    width: 100%;
    margin: 10px auto;
    overflow: hidden;
  }

h3 { font-size:18px; }

	ul#talent li h3 { display:inline-block; margin:0px 0px 0px 20px; }
	ul#talent li h3 span { padding:0px 0px 0px 10px; font-size:11px; color:#33cc33; }

	div.biography h3 { width:15%; float:left; position: relative; background:#25a7e3; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
	div.biography h3:after { padding-top: 100%; display: block; content: ""; }
	div.biography h3 p { position: absolute; text-align:center; font-family: 'Montserrat', sans-serif; letter-spacing:1px; color:#FFFFFF; top: 45%; left: 0; bottom: 0; right: 0; }

h4 { font-size:18px; }

	div.talent div.prof_txt h4 { padding:10px 0px; text-align:center; border-bottom:#ff9933 1px solid; }

@media only screen and (max-width: 1200px) {

	h1 { max-width:150px; margin:25px auto 30px auto; }
}


@media only screen and (max-width: 780px) {

	h2{ font-size:24px; line-height: 1em; }
		div.top h2 { margin:60px auto 5px auto; }
    #title{margin-top: 20px;}
		div#container div#contents h2 { text-align:center; padding:20px 0px 10px 0px;  }

	div.talent div.prof_txt h3 { font-size:20px; }
	div.biography h3 { margin-top:20px; }
  p.name{font-size: 12px; font-weight: bold; padding: 5px 25px 25px 15px;}
}

@media only screen and (max-width: 600px) {

	div.biography h3 { width:100%; float:none; background:none; border-radius:none; -webkit-border-radius:none; -moz-border-radius:none; padding:5px 0px 10px 0px; }
	div.biography h3:after { padding-top:0; display: block; content: ""; }
	div.biography h3 p { position:relative; color:#25a7e3; }
}

@media only screen and (max-width: 480px) {

	h1 { position:absolute; top:0; left:0; right:0; margin:auto; text-align:center; margin:15px auto 0px auto; z-index:9999; }
		h1 img { max-width:none; }

	h2 { font-size:20px; }
		div#container div#contents h2 { padding:40px 0px 5px 0px; }
		div#container div.audition_cover h2 { padding:40px 0px 0px 0px; }

	h3 { font-size:14px; }
		div.talent div.prof_txt h3 { font-size:16px; padding:0px 0px 15px 0px; font-weight:bold; }
		ul#talent li h3 { margin:0px 0px 0px 10px; }
		ul#talent li h3 span { font-size:10px; }
    p.name{font-size: 12px; font-weight: bold; padding: 5px 25px 25px 5px;}
}

@media only screen and (max-width: 320px) {

	ul#talent li h3 span { display:none; }
}


/*……………………………MAIN COMMON…………………………*/


header { width:95%; max-width:1200px; margin:auto; border-bottom:#eeeeee 3px solid; padding:0px 0px 15px 0px; }
footer { width:100%; background:#eeeeee; padding:60px 0px 30px 0px; }

		footer img.logo { width:100%; max-width:130px; margin:40px auto 30px auto; display:block; }
		footer p { font-size:11px; text-align:center; margin:5px 0px; }

div#contents { width:95%; max-width:1200px;  min-height: 100%; margin:auto; border-bottom:#eeeeee 1px solid; padding:0px 0px 60px 0px; }

div#contents div.details { width:90%; max-width:1200px; margin: 20px auto; }

/*見出しの説明テキスト*/
p.explanation { width:95%; max-width:1200px;  text-align:center; font-size:13px; letter-spacing:1px; margin:auto; padding:0px 0px 20px 0px; background:url(../img/common/border_color.png) repeat-x center bottom; background-size:auto 3px; }

		div#container div#contents p.explanation { width:100%; margin-bottom:40px; clear: both;}

		div.top div.message div.details p.explanation { background:none; }
		div.top div.blog div.details p.explanation { background:none; color:#FFFFFF; }
		div#container div.audition_cover p.explanation { background:none; padding:0; }


/*ボタン*/
div.btn { text-align:center; display:block; margin-top: 20px; padding-bottom: 40px;padding-top: 20px;}
div.btn a { background:#25a7e3; color:#FFFFFF; font-family: 'Montserrat', sans-serif; font-size:18px; padding:12px 140px ;border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
@media only screen and (max-width: 980px) {
  div.btn a {padding:12px 50px ;}
}

/*ページアップ*/
div.pageup { width:80px; height:80px; margin:auto; position:relative; text-align:center; }
div.pageup img { width:80px; height:80px; display:inline-block; margin-bottom:-100px; }
div.pageup_ { width: 20px;height: 20px;position: fixed;bottom: 30px;right: 0px;z-index: 9999;text-align: center;padding-top: 15px; display: none;}
div.pageup_ img{ width:20px; height:20px; display:inline-block; display: none;}


/*パンくずリスト*/
ul.pan { text-align:left; margin:auto; padding:15px 0px 15px 35px; background:url(../img/common/pan_home.svg) no-repeat left center; background-size:25px 25px; font-size:11px; }

ul.pan li { float:left; padding:0px 25px 0px 0px; background:url(../img/common/pan_arrow.svg) no-repeat right center; background-size:25px 25px; }

	ul.pan li:last-child { background:none; }

	ul.pan li:nth-child(1n),ul.pan li:nth-child(1) a { color:#25a7e3; }
	ul.pan li:nth-child(2n),ul.pan li:nth-child(2) a { color:#ff66cc; }
	ul.pan li:nth-child(2n),ul.pan li:nth-child(3)  { color:#33cc33; }

	div#contents { width:100%;  }
	footer ul.pan { width:95%; border-bottom:#25a7e3 2px solid; padding:15px 0px 15px 35px; }

	/*……IE……*/
	.ie8 ul.pan { background:url(../img/common/pan_home_ie.png) no-repeat left center; }
	.ie9 ul.pan { background:url(../img/common/pan_home_ie.png) no-repeat left center; }
	.ie8 ul.pan li { background:url(../img/common/pan_arrow_ie.png) no-repeat right center; }
	.ie9 ul.pan li { background:url(../img/common/pan_arrow_ie.png) no-repeat right center; }



@media only screen and (max-width: 1200px) {

	header { padding:0px 0px 20px 0px; }

	footer img.logo { max-width:100px; }
}


@media only screen and (max-width: 780px) {

	footer { padding:30px 0px; }

	div#contents { padding:0px 0px 0px 0px; }

	p.explanation { font-size:12px; padding:0px 0px 10px 0px; }
	div#container div#contents p.explanation { padding:0px 0px 20px 0px; margin-bottom:10px; }
	div#container div.audition_cover p.explanation { padding:0px 0px 20px 0px; }

}


@media only screen and (max-width: 480px) {

	header { width:100%; border-bottom:none; padding:0; }

	footer img.logo { width:25%; }
	footer p { width:70%; font-size:10px; margin:10px auto; }

	div#container div.audition_cover p.explanation { margin-bottom:10px; }
  div.pageup { width:100%; height:50px; background:#25a7e3; }
	div.pageup img { width:50px; height:50px; margin-bottom:-60px; }

  div.pageup_ { width:40px; height:40px; margin:auto; position:fixed;bottom:20px;right: 20px;text-align:right; display: block;}
  div.pageup_ img { width:40px; height:40px; display:inline-block;  display: block;}
  div.btn a { background:#25a7e3; color:#FFFFFF; font-family: 'Montserrat', sans-serif; font-size:12px; padding:12px 30px ;border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
}


/*……………………………NAVI……………………………*/

nav ul {  width:95%;  max-width:880px; margin:auto; text-align:center; display:table; }
nav ul li { font-family: 'Montserrat', sans-serif; display:table-cell; font-size:19px; letter-spacing:3px; padding:0px 10px; }
#floating{width: 150px;height: 45px;position: fixed;top: 10px;right: 0px;background-color: #F4AE0B;color:#FFFFFF;z-index: 9999;text-align: center;padding-top: 15px;}
#floating2{width: 150px;height: 45px;position: fixed;top: 60px;right: 0px;background-color: #0EABEC;color:#FFFFFF;z-index: 9999;text-align: center;padding-top: 15px;}
#floating3{width: 150px;height: 45px;position: fixed;top: 110px;right: 0px;background-color: #FF6899;color:#FFFFFF;z-index: 9999;text-align: center;padding-top: 15px;}
#floating4{width: 150px;height: 45px;position: fixed;top: 160px;right: 0px;background-color: #6BDE45;color:#FFFFFF;z-index: 9999;text-align: center;padding-top: 15px;}
#floating5{width: 150px;height: 45px;position: fixed;top: 210px;right: 0px;background-color: #8888FF;color:#FFFFFF;z-index: 9999;text-align: center;padding-top: 15px;}
#floating6{width: 150px;height: 45px;position: fixed;top: 210px;right: 0px;background-color: #6a8106;color:#FFFFFF;z-index: 9999;text-align: center;padding-top: 15px;}
#disp{display:none;}


footer ul.nav_short { width:100%; text-align:center; font-size:12px; }
footer ul.nav_short li { padding:0px 8px; display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1; vertical-align:middle; }

		footer ul.nav_short li:nth-child(1) { border-right:#666666 1px solid; }


@media only screen and (max-width: 1200px) {

	nav ul { width:80%; max-width:700px; }
	nav ul li { font-size:15px; }
}

@media only screen and (max-width: 780px) {

	nav ul { width:95%; max-width:600px; }
	nav ul li { font-size:12px; }
}

@media only screen and (max-width: 480px) {

	footer nav { display:none; }
  #floating{display:none;}
  #floating2{display:none;}
  #floating3{display:none;}
  #floating4{display:none;}
  #floating5{display:none;}
  #floating6{display:none;}
  #disp{display:block;}
}

		/* MENU COLOR*/
		nav ul li:nth-child(1) a { color:#25a7e3; }
		nav ul li:nth-child(2) a { color:#33cc33; }
		nav ul li:nth-child(3) a { color:#ff9933; }
		nav ul li:nth-child(4) a { color:#cc6633; }
		nav ul li:nth-child(5) a { color:#ff3300; }
		nav ul li:nth-child(6) a { color:#25a7e3; }
		nav ul li:nth-child(7) a { color:#333333; }
    	nav ul li:nth-child(8) a { color:#FF6899; }
		nav ul li:nth-child(9) a { color:#33cc33; }


header nav,header nav * {  }
header nav ul {  }
header nav ul li { }

header nav a { margin: 0; text-align: center; text-decoration:none; }
header nav ul ul a { display: none;}

header nav .opened { max-height: 9999px; }
.fixed { width: 100%; position: fixed; top: 0; left: 0; }

footer nav ul { margin:20px auto 0px auto; }

/*! responsive-nav.js 1.0.39 by @viljamis */

@media only screen and (max-width: 480px) {

header nav { position:relative; }
header nav ul { width: 100%; margin: 0; padding: 60px 0px 0px 0px; display: block; background:#F7F7F7; }
header nav ul li { width: 100%; padding:0; display: block; font-size:14px; }

header nav,nav * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
header nav,nav ul { width: 100%; list-style: none; float: left; }
header nav li { float: left; width: 100%;   }
header nav a { width: 100%; border-bottom: 1px solid #FFFFFF; padding:15px 0px; float: left; text-decoration: none; }

.js header nav { clip: rect(0 0 0 0); max-height: 0; position: absolute; display: block; overflow: hidden; zoom: 1; }
}


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

	footer ul.nav_short { width:100%; text-align:center; font-size:11px; }

	.js header nav { position: relative; }
	.js header nav { max-height: none; }
	.nav-toggle { display: none;}
}


/*……………………………NAVI BTN……………………………*/

.nav-toggle /* MENU BTN */ {
width: 70px; height: 55px; text-decoration: none; text-indent: -999px; position: relative; overflow: hidden; float: right; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: rgba(0,0,0,0);  -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

.nav-toggle:before { width: 100%; color: #0eabec; /* Edit this to change the icon color */font-family: 'Montserrat', sans-serif; font-size: 32px; text-transform: none; position: absolute; content: "≡"; text-indent: 0; text-align: center; line-height: 55px; speak: none;  top: 0; left: 0; }

.nav-toggle.active::before { font-size: 28px; content:"×"; color:#9933cc; font-family: 'Montserrat', sans-serif;}

.nav-toggle.active{position: absolute;right: 0;}

/*……………………………SLIDER……………………………*/

ul.slide { width:95%; max-width:1600px; margin:0px auto 30px auto; }
ul.slide li img { width:100%;  }


@media only screen and (max-width: 480px) {

	ul.slide { width:100%; margin:15px auto 10px auto; }
}


/*……………………………TOP COMMON……………………………*/

/*コンテンツボックス*/
div.contents { width:90%; max-width:1200px; margin:auto; padding:30px 0px 30px 0px; }

		div.contents ul.frame_box { width:100%; overflow:hidden; margin-bottom:30px; }
		div.contents ul.frame_box li { float:left; padding: 0px 30px; margin-bottom:20px; text-align:left; }
		div.contents ul.frame_box li a { width:100%; height:100%; display:block; color:#666666; }
		div.contents ul.frame_box li div.frame { width:100%; margin:10px 0px; overflow:hidden; }
		div.contents ul.frame_box li div.frame div.type { width:20%; max-width:75px; float:left; }
		div.contents ul.frame_box li div.frame div.detail dd span { color:#ff9933; }
		div.contents ul.frame_box li div.frame div.detail dd { font-size:11px; }
    .img{max-width: 100%;margin-left: 25%;}
    .imgbox{width: 40%; float: left;}
    .img_disp{display: none;}
    .flow{cursor: pointer;cursor: hand;}
    .close{height: 30px; background-color:#52CEE6;}
    .pos{position: absolute;right: 0px;padding: 7px; color:#FFF;}


@media only screen and (max-width: 1080px) {

	div.contents ul.frame_box li div.frame div.detail dd { font-size:10px; }
  .img{max-width: 100%;height: auto;margin-top: 20px; padding: 0;margin-left: 0;}
  .imgbox{width: 100%;text-align: center;}
  .img_disp{max-width: 400px;display: block;margin-left: auto; margin-right: auto;}
}

@media only screen and (max-width: 780px) {
    ul#gameplay li:nth-of-type(2n-1){clear:both;}
}

@media only screen and (min-width: 780px) {
    ul#gameplay li:nth-of-type(3n-2){clear:both;}
}

@media only screen and (max-width: 780px) {

	div.contents { padding:20px 0px 0px 0px; }
	div.top div.contents { padding:20px 0px 50px 0px; }
	div.contents ul.frame_box { width:100%; overflow:hidden; margin-bottom:0px; }
}

@media only screen and (max-width: 480px) {
  .img{width: 80%;}
	div.contents ul.frame_box li div.frame div.detail dd { padding:0; }

	div.detail dt { font-size:16px !important; font-weight:bold;}
	div.contents ul.frame_box li div.frame div.detail dd { font-size:13px; }
  dd:nth-child(3){text-align: left;}
  div.detail dd{ text-align: left;}
}


/*記事カテゴリ*/
p.type { font-family: 'Montserrat', sans-serif; font-size:14px; letter-spacing:1px; padding:5px 10px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; display:inline-block; }

		div.box_media p.type { color:#ff9933; border:#ff9933 1px solid; }
		div.box_news p.type { color:#33cc33; border:#33cc33 1px solid; }
		div.talent p.type { color:#25a7e3; border:#25a7e3 1px solid; }
		div.biography p.type { color:#33cc33; border:#33cc33 1px solid; }

/*記事日時*/
p.day { font-size:13px; padding:0px 0px 0px 5px; display:inline-block; }


/*記事タイプアイコン*/

div.type {
	position: relative;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background-color: #25a7e3;
}
div.type:after { padding-top: 100%; display: block; content: ""; }
div.icon { position: absolute; text-align:center; font-family: 'Montserrat', sans-serif; color:#FFFFFF; top: 40%; left: 0; bottom: 0; right: 0; }

		/*MEDIA*/
		div.box_media div.frame div.info { background:#25a7e3; font-size:12px; } /*水色*/
		div.box_media div.frame div.tv { background:#eb6877; font-size:12px; } /*赤*/
		div.box_media div.frame div.radio { background:#4dd14d; font-size:12px; } /*緑*/
		div.box_media div.frame div.magazine { background:#aa89bd; font-size:12px; } /*紫*/
		div.box_media div.frame div.event { background:#ff9933; font-size:12px; } /*オレンジ*/
		div.box_media div.frame div.stage { background:#F266AF; font-size:12px; } /*ピンク*/

		/*NEWS*/
		div.box_news div.frame div.info { background:#25a7e3; font-size:12px; }
		div.box_news div.frame div.mark01 { background:#eb6877; font-size:12px; }/*赤*/
		div.box_news div.frame div.mark02 { background:#A863ED; font-size:12px; }/*紫*/
		div.box_news div.frame div.mark03 { background:#4A58FB; font-size:12px; }/*青*/
		div.box_news div.frame div.mark04 { background:#25a7e3; font-size:12px; }/*水色*/
		div.box_news div.frame div.mark05 { background:#F266AF; font-size:12px; }/*ピンク*/
		div.box_news div.frame div.mark06 { background:#4dd14d; font-size:12px; }/*緑*/
		div.box_news div.frame div.mark07 { background:#FF6A6A; font-size:12px; }/*黄+赤*/
		div.box_news div.frame div.mark08 { background:#777777; font-size:12px; }/*灰*/
		div.box_news div.frame div.mark09 { background:#ff9933; font-size:10px; }/*オレンジ*/
		div.box_news div.frame div.mark10 { background:#007209; font-size:12px; }/*深緑*/
		div.box_news div.frame div.mark11 { background:#1BA438; font-size:12px; }/*緑*/
		div.box_news div.frame div.mark12 { background:#4B3E38; font-size:12px; }/*QMA*/

		/*Mark*/
		div.box_media div.frame div.mark01 { background:#eb6877; font-size:12px; }/*赤*/
		div.box_media div.frame div.mark02 { background:#A863ED; font-size:12px; }/*紫*/
		div.box_media div.frame div.mark03 { background:#4A58FB; font-size:12px; }/*青*/
		div.box_media div.frame div.mark04 { background:#25a7e3; font-size:12px; }/*水色*/
		div.box_media div.frame div.mark05 { background:#F266AF; font-size:12px; }/*ピンク*/
		div.box_media div.frame div.mark06 { background:#4dd14d; font-size:12px; }/*緑*/
		div.box_media div.frame div.mark07 { background:#FF6A6A; font-size:12px; }/*黄+赤*/
		div.box_media div.frame div.mark08 { background:#777777; font-size:12px; }/*灰*/
		div.box_media div.frame div.mark09 { background:#ff9933; font-size:10px; }/*オレンジ*/
		div.box_media div.frame div.mark10 { background:#007209; font-size:12px; }/*深緑*/
		div.box_media div.frame div.mark11 { background:#1BA438; font-size:12px; }/*緑*/
		div.box_media div.frame div.mark12 { background:#4B3E38; font-size:12px; }/*QMA*/

/*記事本文*/
div.frame div.detail {  }

		div.detail dl {  }
		div.detail dt { font-size:14px; font-weight:bold; }
		div.detail dd { }
		div.detail dd span { }


@media only screen and (max-width: 780px) {

	p.type { font-size:12px; }

	div.box_media div.frame div.info { font-size:10px; }
	div.box_media div.frame div.tv { font-size:10px; }
	div.box_media div.frame div.radio { font-size:10px; }
	div.box_media div.frame div.magazine { font-size:10px; }
	div.box_media div.frame div.event { font-size:10px; }
	div.box_media div.frame div.stage { font-size:10px; }

	div.box_media div.frame div.mark01 { font-size:12px; }/*赤*/
	div.box_media div.frame div.mark02 { font-size:12px; }/*紫*/
	div.box_media div.frame div.mark03 { font-size:12px; }/*青*/
	div.box_media div.frame div.mark04 { font-size:12px; }/*水色*/
	div.box_media div.frame div.mark05 { font-size:12px; }/*ピンク*/
	div.box_media div.frame div.mark06 { font-size:12px; }/*緑*/
	div.box_media div.frame div.mark07 { font-size:12px; }/*黄*/
	div.box_media div.frame div.mark08 { font-size:12px; }/*灰*/
	div.box_media div.frame div.mark09 { font-size:12px; }/*オレンジ*/
	div.box_media div.frame div.mark10 { font-size:12px; }/*深緑*/
	div.box_media div.frame div.mark11 { font-size:12px; }/*緑*/

	div.box_news div.frame div.info { display:none; }
}

@media only screen and (max-width: 480px) {

	p.type { font-size:12px; }

	div.type { position: relative; padding:3px 3px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
	div.type:after { padding:0; }
	div.icon { position: inherit; top:auto; }
}

/*……………………………TOP - MEDIA……………………………*/
div.box_media ul.frame_box li { width:33.33333%; }

#staff_box li{width: 25%;}
#detail_staff_box li{width: 80%; margin: 0 auto;}

		div.box_media ul.frame_box li div.frame { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border:#eeeeee 1px solid; }
		div.box_media ul.frame_box li div.frame img { width:100%; height:auto; margin:0px 0px 10px 0px; }

				div.box_media ul.frame_box li div.frame div.type { margin:5px 0px 0px 10px; }
				div.box_media ul.frame_box li div.frame div.detail { margin:0px 10px 0px 0px; }
				div.box_media ul.frame_box li div.frame div.detail dl { min-height:7.5em; padding:0px 0px 0px 0px; }
				div.box_media ul.frame_box li div.frame div.detail dt { padding:5px 0px; }
				div.box_media ul.frame_box li div.frame div.detail dd { padding:0px 0px 3px 0px; }

@media only screen and (max-width: 1100px) {

	div.box_media ul.frame_box li div.frame div.type { width:40%; max-width:80px; float:none; margin:0px auto 10px auto; }
	div.box_media ul.frame_box li div.frame div.detail { width:90%; float:none; margin:0px auto; }
	div.box_media ul.frame_box li div.frame div.detail dl { text-align:center; }
	div.box_media ul.frame_box li div.frame div.detail dd { padding:0px 0px 1px 0px;  }
}

@media only screen and (max-width: 780px) {
    ul#staff_box li:nth-of-type(3n-2){clear:both;}
}

@media only screen and (min-width: 780px) {
    ul#staff_box li:nth-of-type(4n-3){clear:both;}
}

@media only screen and (max-width: 480px) {
    ul#staff_box li:nth-of-type(3n-2){clear: none;}
    ul#staff_box li:nth-of-type(2n-1){clear:both;}
}

@media only screen and (max-width: 780px) {

  #staff_box li{width: 33%;}
  #detail_staff_box li{width: 60%;}
	div.box_media ul.frame_box li { width:50%; }
	div.box_media ul.frame_box li div.frame div.detail dl { min-height:9em;  }
}

@media only screen and (max-width: 480px) {
  #staff_box li{width: 50%;}
  #detail_staff_box li{width: 80%;}
	div.box_media ul.frame_box li { width:100%; margin:10px auto; }
	div.box_media ul.frame_box li div.frame div.detail dl { min-height:inherit; }
}


/*……………………………TOP - NEWS……………………………*/

div.top div.box_news ul.frame_box li { width:50%; }
div.top div.box_news ul.frame_box li:nth-of-type(2n-1){clear:both}
				div.top div.contents ul.frame_box li div.frame { border-bottom:#eeeeee 1px solid; }

				div.top div.box_news ul.frame_box li div.frame div.type { margin:5px 0px 15px 10px; }
				div.top div.box_news ul.frame_box li div.frame div.detail { margin:0px 10px 0px 0px; }
				div.top div.box_news ul.frame_box li div.frame div.detail dt { padding:5px 0px; }
				div.top div.box_news ul.frame_box li div.frame div.detail dd { padding:0px 0px 10px 0px; }


@media only screen and (max-width: 780px) {

	div.top div.box_news ul.frame_box li div.frame div.detail { width:90%; float:none; margin:0px auto 10px auto; }
	div.top div.box_news ul.frame_box li div.frame div.detail dl { text-align:center; }
}


@media only screen and (max-width: 480px) {

	div.top div.box_news ul.frame_box li { width:100%; margin:10px auto; }
	div.top div.box_news ul.frame_box li div.frame { text-align:left; }
	div.top div.box_news ul.frame_box li div.frame div.detail dl { min-height:inherit; }
}


/*……………………………TOP - MESSAGE……………………………*/

div.top div.message { padding:0px 0px 30px 0px; background:url(../img/top/bg_message.jpg) no-repeat center top; background-size:cover; }
div.top div.message div.details { padding:30px 0px 60px 0px; background:url(../img/common/curve.svg) no-repeat center top; background-size:1000px 10px; text-align:center; }

		div.top div.message div.details h3 { color:#25a7e3; font-size:30px; letter-spacing:2px; font-weight:normal; padding:25px; display:inline-block; background:url(../img/top/icon_message.png) no-repeat left top; background-size:25px 25px; margin:50px 0px 5px 0px; }
		div.top div.message div.details p.text { width:80%; max-width:700px; margin:auto; font-size:16px; line-height:1.7em; }
		/*……IE……*/
		.ie8 div.top div.message div.details { background:url(../img/common/curve_ie.png) repeat-x center top; }
		.ie9 div.top div.message div.details { background:url(../img/common/curve_ie.png) repeat-x center top; }
		.ie8 div.top div.message div.details h3 { background:url(../img/top/icon_message_ie.png) no-repeat left top; }
		.ie9 div.top div.message div.details h3 { background:url(../img/top/icon_message_ie.png) no-repeat left top; }


@media only screen and (max-width: 1200px) {

	div.top div.message div.details { background-size:800px 10px; }

}


@media only screen and (max-width: 780px) {

	div.top div.message { padding:0px; }
	div.top div.message div.details { background-size:60% 6px; }
	div.top div.message div.details h3 { font-size:26px; padding:20px; background:url(../img/top/icon_message.png) no-repeat left top; background-size:20px 20px; }
	div.top div.message div.details p.text { font-size:14px; }
}

@media only screen and (max-width: 480px) {

	div.top div.message div.details h3 { font-size:16px; padding:15px; background:url(../img/top/icon_message.png) no-repeat left top; background-size:15px 15px; margin:20px 0px 0px 0px; }
	div.top div.message div.details p.text { font-size:12px; }
}


/*……………………………TOP - OFFICIAL BLOG……………………………*/

div.top div.blog { width:95%; max-width:1200px; margin:auto; border-bottom:#eeeeee 1px solid; }
div.top div.blog div.title_box { width:100%; background:#ff66cc; display:inline-block; padding:20px 0px 5px 0px; }
div.social_box { width:100%; background:#ff6682; display:inline-block; padding:20px 0px 5px 0px; }

div.top ul.social_blog { padding:30px 0px 30px 35px;}
div.top ul.social_blog li {width: 19%;text-align:center; padding:5px; display: inline-block;margin-left: 5px;}
div.top ul.social_blog li a { max-width:161px; max-height:161px; display:block; }
div.top ul.social_blog li img { width: 100%;}
div.top ul.social_blog li dl { margin:10px; }
div.top ul.social_blog li dt { font-size:16px; font-weight:bold; padding:5px 0px 10px 0px; color:#666666; }
		/*スライダー*/
		div.top ul.slide_blog { padding:30px 0px 30px 0; }
		div.top ul.slide_blog li { text-align:center; padding:5px; }
		div.top ul.slide_blog li a { width:100%; height:100%; display:block; }
		div.top ul.slide_blog li img { width:70%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;  }
		div.top ul.slide_blog li dl { margin:10px; }
		div.top ul.slide_blog li dt { font-size:16px; font-weight:bold; padding:5px 0px 10px 0px; color:#666666; }
		div.top ul.slide_blog li dd { font-family: 'Montserrat', sans-serif; font-size:14px; letter-spacing:1px; padding:5px 10px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; display:inline-block; border:#ff66cc 1px solid; color:#ff66cc; }


@media only screen and (max-width: 780px) {

	div.top div.blog { width:100%; border-bottom:none;  }
	div.top div.blog div.title_box { padding:10px 0px 10px 0px; }
	div.top ul.slide_blog li img { width:60%; }
	div.top ul.slide_blog li dd { font-size:12px; }
  div.top ul.social_blog li { width:30%; }
  div.top ul.social_blog li img { width:60%; }
	div.top ul.social_blog li dd { font-size:12px; }
}


@media only screen and (max-width: 480px) {

	div.top ul.slide_blog li img { width:50%; }
	div.top ul.slide_blog li dt { font-size:14px; }
	div.top ul.slide_blog li dd { font-size:10px; }
  div.top ul.social_blog { padding:30px 0px 30px 20px;}
  div.top ul.social_blog li { width:30%; }
  div.top ul.social_blog li img { width:50%; }
  div.top ul.social_blog li dt { font-size:14px; }
	div.top ul.social_blog li dd { font-size:10px; }
}

/*……………………………TOP - FOT AD……………………………*/

ul.ad_bunner { width:62%; float:left; padding:0px 0px 15px 0px; }
ul.ad_bunner li { display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1; vertical-align:middle; }


		ul.ad_bunner li.ad_img { width:30%; padding:10px; }
		ul.ad_bunner li.ad_img img { width:100%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
		ul.ad_bunner li.ad_logo { width:15%; padding:10px; }
		ul.ad_bunner li.ad_logo img { width:100%; }
		ul.ad_bunner li.ad_text { width:50%; padding:25px 0px 0px 0px; }

				ul.ad_bunner li.ad_text dt { padding:5px 0px; font-weight:bold; font-size:18px; color:#25a7e3; border-bottom:#eeeeee 1px solid; }
				ul.ad_bunner li.ad_text dd { padding:5px 0px; margin-bottom:10px; font-size:12px; }
				ul.ad_bunner li.ad_text div.btn { text-align:right; display:block; }


@media only screen and (max-width: 1200px) {

	ul.ad_bunner li.ad_logo { display:none; }
	ul.ad_bunner li.ad_text { width:65%; }
}

@media only screen and (max-width: 780px) {

	ul.ad_bunner { width:100%; margin:auto; float:none; }
	ul.ad_bunner li.ad_img { width:30%; padding:10px 10px 10px 5px; }
}

@media only screen and (max-width: 480px) {

	ul.ad_bunner li.ad_text dt { font-size:14px; }
	ul.ad_bunner li.ad_text dd { font-size:11px; }
}


div.ad_twitter { width:35%; float:right; }

		a.twitter-timeline { width:100%; height:200px; }

		div.twitter_btn { display:none; }


@media only screen and (max-width: 780px) {

	div.ad_twitter { display:none; }

	div.twitter_btn { width:100%; margin:10px 0px 0px 0px; display:inherit; }
	div.twitter_btn a { width:100%; height:100%; display:block; padding:45px 0px 1px 0px; color:#FFFFFF; font-weight:bold; font-size:13px; background:url(../img/common/tr.svg)#25a7e3 no-repeat center 15px; background-size:20px 20px; text-align:center; }
	div.twitter_btn a p { width:80%; margin:0px auto 5px auto; color:#FFFFFF;}
	div.twitter_btn a p span { font-size:11px; font-weight:normal; }

	/*……IE……*/
	.ie9 div.twitter_btn a { background:url(../img/common/tr_ie.png)#25a7e3 no-repeat center 15px; }
}

/*……………………………プライバシーポリシー……………………………*/

div.privacy div#contents div.details dt { font-size:16px; font-weight:bold; color:#25a7e3; padding:0px 0px 10px 0px; }
div.privacy div#contents div.details dd { font-size:12px; padding:0px 0px 50px 0px; }

		div.privacy div#contents div.details dl ul { width:90%; text-align:left; margin:15px auto; }
		div.privacy div#contents div.details dl ul li { border-bottom:#eeeeee 1px solid; padding:10px 0px; }

		div.privacy div#contents div.details p.credit { text-align:right; font-size:14px; }

@media only screen and (max-width: 780px) {
	div.privacy div#contents div.details p.credit { font-size:12px; padding:0px 0px 10px 0px; }
}

/*……………………………会社概要……………………………*/
.emp{font-size: 17px; font-weight: bold;}
/*……………………………採用情報……………………………*/
.str{font-size: 17px; font-weight: bold;color: #25a7e3; }
.skill{color:#C22700;}
td p{padding-left:1em;text-indent:-1em;}
.small{font-size: 11px;}
/*……………………………NEWS……………………………*/

div.news div#contents div.box_news ul.frame_box li { width:100%; }
				div.news div#contents div.contents ul.frame_box li div.frame { border-bottom:#eeeeee 1px solid; }

				div.news div#contents div.box_news ul.frame_box li div.frame div.type { margin:0px 0px 15px 10px; }
				div.news div#contents div.box_news ul.frame_box li div.frame div.detail { margin:0px 10px 0px 0px; }
				div.news div#contents div.box_news ul.frame_box li div.frame div.detail dl { margin-top:15px; }
				div.news div#contents div.box_news ul.frame_box li div.frame div.detail dt { padding:5px 0px; }
				div.news div#contents div.box_news ul.frame_box li div.frame div.detail dd { padding:0px 0px 20px 0px; }
				div.news div#contents div.box_news ul.frame_box li div.frame div.detail dd div.btn { float:right; margin:10px 0px 20px 0px; }
				div.news div#contents div.box_news ul.frame_box li div.frame div.detail dd div.btn a {  display:inline-block; color:#FFFFFF; }

@media only screen and (max-width: 780px) {

	div.news div#contents div.box_news ul.frame_box li div.frame div.type { width:40%; max-width:75px; float:none; margin:0px auto 10px auto; }
	div.news div#contents div.box_news ul.frame_box li div.frame div.detail { width:100%; float:none; margin:0px auto 10px auto; }
	div.news div#contents div.box_news ul.frame_box li div.frame div.detail dl { text-align:center; }
}


@media only screen and (max-width: 480px) {

	div.news div#contents div.contents { padding:0px; }
	div.news div#contents div.box_news ul.frame_box li { width:100%; margin:10px auto; }
	div.news div#contents div.box_news ul.frame_box li div.frame { text-align:left; }
	div.news div#contents div.box_news ul.frame_box li div.frame div.detail dl { min-height:inherit; border-top:#eeeeee 1px solid; }
	div.news div#contents div.box_news ul.frame_box li div.frame div.detail dt { padding:10px 0px; }
}
/*……………………………MAP……………………………*/

div.maparea{ width: 100%;max-width: 960px; margin: 0 auto;}
div.mapbox{ width: 100%;max-width: 960px; margin: 0 auto;}
#access_time{max-width: 960px;text-align: right; margin: 5px 0 0;}
.access_tit{text-align: center;font-size: 30px;height: auto;float: left;margin: 50px 0 20px;padding-bottom: 10px;clear: both; }
.access_guide_left{margin: 0 4% 0 0;}
.access_guide{float: left;width: 48%;text-align: left;margin: 0 5px 40px;}
.access_caption_number{width: 28px;height: 40px;text-align: center;display: table-cell;vertical-align: middle;padding: 0 10px 0 0;}
.access_caption_number span{width: 28px;height: 28px;background: #000;color: #fff;text-align: center;border-radius: 1em;display: inline-block;font-size: 16px;padding-top: 6px;}
.access_caption{display: table-cell;vertical-align: middle;height: 40px; font-size: 16px;}
.google{max-width: 700px;margin: 0 auto;position: relative;padding-bottom: 50%;height: 0;overflow: hidden; clear: both;}
.google iframe {position: absolute;top: 0;left: 5%;width: 90% !important;height: 90% !important;}
@media only screen and (min-width: 769px){
  #contents img{max-width: 100%;height: auto;}
}
@media only screen and (max-width: 768px){
  #staff_box img{max-width: 70%; height: auto;}
  #contents img{max-width: 100%; height: auto;}
  .access_guide{float: none;width: 100%;text-align: left;margin: 0 0 5%;}
  .access_tit{text-align: left;font-weight: bold;font-size: 16px;font-size: 1.6rem;height: auto;margin: 5% 0 3%;float: none;border-bottom: #000 solid 1px;}
  .access_tit{font-size: 18px; margin: 15px 5px;}
  .access_guide dd{padding:10px 5px 0}
  .access_caption{font-size: 14px;}
  #access_time{font-size: 14px;padding-bottom: 10px;}
  .google{padding-bottom: 75%;}
}

/*……………………………タレント……………………………*/

ul#talent { width:100%; }
ul#talent li { width:100%; border-bottom:#eeeeee 1px solid; padding:25px 0px; position:relative; }
ul#talent li p { display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1; text-align:left; }

		ul#talent li p.detail_on { width:auto; color:#25a7e3; cursor:pointer; font-family: 'Montserrat', sans-serif; font-size:26px; transition: 0.3s;  position:absolute; right:0; padding:10px 20px 0px 20px; }
		ul#talent li p.detail_on:hover { color:#ff9933; transition: 0.3s; }
		ul#talent li p.close { color:#ff9933; cursor:pointer; font-family: 'Montserrat', sans-serif; font-size:26px;}


ul#talent li ul.detail { width:100%; margin:20px 0px 0px 0px; padding:10px 10px 20px 10px; background:#25a7e3; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
ul#talent li ul.detail li { width:20%; float:left; border-bottom:#4CB8E9 1px solid; padding:10px 0px; }
ul#talent li ul.detail li a { width:100%; height:100%; display:block; }

		ul#talent li ul.detail li.note { width:100%; }
		ul#talent li ul.detail li.note p { font-size:12px; color:#FFFFFF; }
		ul#talent li ul.detail li.note { border-bottom:none; padding:15px 0px 5px 20px; }

		ul#talent li ul.detail li dl { margin:0px; padding:10px 0px 0px 0px; text-align:center; }
		ul#talent li ul.detail li dt img { width:70%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
		ul#talent li ul.detail li dd { font-size:12px; color:#FFFFFF; padding:5px 0px; }

@media only screen and (max-width: 780px) {

	ul#talent li ul.detail li { width:33.33333%; }
	ul#talent li ul.detail li dt img { width:60%; }
}

@media only screen and (max-width: 420px) {

	ul#talent li ul.detail li { padding:5px 0px; }
	ul#talent li ul.detail li dd { font-size:11px; }
}

@media only screen and (max-width: 320px) {

	ul#talent li ul.detail li dd { font-size:10px; }
}


/*……………………………タレント - 詳細……………………………*/

div.talent div.prof_txt { margin:30px 0px; }

div.talent div.prof_txt div.prof_name { width:100%; height:45px; position:relative; border-bottom:#25a7e3 2px solid; }
div.talent div.prof_txt div.prof_name h3 { font-size:26px; position:absolute; left:0; right:0; margin:auto; text-align:center; }
div.talent div.prof_txt div.prof_name ul { text-align:center; position:absolute; right:0; }
div.talent div.prof_txt div.prof_name ul li { display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1; vertical-align:middle; margin:0px 0px 0px 10px; }
div.talent div.prof_txt div.prof_name ul li p { font-family: 'Montserrat', sans-serif; font-size:10px; letter-spacing:1px; padding:5px 10px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; display:inline-block; border:#ff66cc 1px solid; color:#ff66cc; vertical-align:10px; }
div.talent div.prof_txt div.prof_name ul li img { width:25px; height:25px; }


div.talent div.prof_txt table { width:80%; margin:20px auto 40px auto; }
div.talent div.prof_txt table th { text-align:center; }
div.talent div.prof_txt table th p { background:#25a7e3; color:#FFFFFF; padding:5px 10px; font-size:11px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

		div.talent div.prof_txt table td ul li { padding:5px 0px; }
		div.talent div.prof_txt table td span { color:#25a7e3; padding:0px 10px 0px 0px; font-size:11px; font-weight:bold; }
		div.talent div.prof_txt div.btn a { text-align:right; }
		div.talent div.prof_txt div.btn a { background:#ff9933; }



div.img_box { width:100%; text-align:center; padding:10px 0px 10px 0px; border-bottom:#eeeeee 1px solid;}
div.im_size{max-width: 400px; /* 最大幅 */min-width: 240px; /* 最小幅 */}
div.text_box_{width: 100%;float: left;vertical-align:middle;display:table-cell;padding-left: 20px;}
	div.slideShow { width:100%; margin: 0 auto; text-align:center; display: none; }
	div.slideShow div.mainView { width: 100%; margin:auto; position: relative;  }
	div.slideShow div.mainView ul { width: 100%;margin:auto;  overflow: hidden; position: relative; }
	div.slideShow div.mainView ul li { width: 100%; top: 0; left: 0; right:0; position: absolute; text-align:center; }
	div.slideShow div.mainView ul li img { width:auto; height:400px; }

	div.slideShow div.thumbNail { width: 100%; overflow: hidden; margin:auto; }
 	div.slideShow div.thumbNail ul { width: 100%; margin:auto; text-align:center; }
	div.slideShow div.thumbNail ul li { display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1; overflow: hidden; cursor: pointer; padding:15px 10px 0px 10px; }
 	div.slideShow div.thumbNail ul li img { width:auto; height:70px; }
 	div.slideShow div.thumbNail ul li.active { filter: alpha(opacity=100)!important; -moz-opacity: 1!important; opacity: 1!important; }

	div.slideShow div.mainView .btnPrev,div.slideShow div.mainView .btnNext { top: 0; width: 10%; height: 100%; position: absolute; z-index: 100; }
	div.slideShow div.mainView .btnPrev { left: 0; background:url(../img/common/left.svg) no-repeat center center; background-size:50px 50px; }
	div.slideShow div.mainView .btnNext { right: 0; background:url(../img/common/right.svg) no-repeat center center; background-size:50px 50px; }

	div.slideShow ul:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }
	div.slideShow ul { display: inline-block; overflow: hidden; }

	/*……IE……*/
	.ie8 div.slideShow div.mainView .btnPrev { background:url(../img/common/left_ie.png) no-repeat center center; }
	.ie9 div.slideShow div.mainView .btnPrev { background:url(../img/common/left_ie.png) no-repeat center center; }
	.ie8 div.slideShow div.mainView .btnNext { background:url(../img/common/right_ie.png) no-repeat center center ;}
	.ie9 div.slideShow div.mainView .btnNext { background:url(../img/common/right_ie.png) no-repeat center center ;}

  @media only screen and (max-width: 1080px) {
    div.text_box{width: 100%;clear: both;vertical-align:middle;display:table-cell;}
    div.text_box{clear: both; padding-right: 0px;}
    div.text_box_{clear: both; vertical-align:middle;padding-right: 0px;padding-left: 0px; width:auto; display: block;margin: 10px 10px 0 10px;}
  }

@media only screen and (max-width: 600px) {

	div.talent div.prof_txt div.prof_name h3 { font-size:18px; font-weight:bold; }

	div.talent div.prof_txt table { width:100%; max-width:450px; }
	div.talent div.prof_txt table th { border-bottom:none; }
}

@media only screen and (max-width: 480px) {

	div.talent div.prof_txt div.prof_name { height:auto; padding:5px 0px; }
	div.talent div.prof_txt div.prof_name h3 { font-size:20px; position:relative; }
	div.talent div.prof_txt div.prof_name ul { text-align:center; position:relative; padding:0px 0px 5px 0px; }

	div.talent div.prof_txt { margin:15px 0px; padding:0px 0px 20px 0px; }
	div.slideShow div.mainView ul li img { height:250px; }
	div.slideShow div.thumbNail ul li img { height:50px; }
}

@media only screen and (max-width: 320px) {

	div.slideShow div.mainView ul li img { height:170px; }
	div.slideShow div.thumbNail ul li img { height:30px; }
}


/*……………………………バイオグラフィ……………………………*/

div.biography ul.biography_list { width:80%; border-top:#25a7e3 2px solid; float:right; padding:10px 0px; margin:0px 0px 50px 0px; }
div.biography ul.biography_list li { padding:10px 0px; border-bottom:#eeeeee 1px solid; font-size:12px; }

		div.biography ul.biography_list li dd { padding:15px 0px; }


@media only screen and (max-width: 780px) {

	div.biography ul.biography_list { margin:20px 0px 20px 0px; }
}

@media only screen and (max-width: 600px) {

	div.biography ul.biography_list { width:100%; float:none; padding:10px 0px; margin:0px 0px 20px 0px; }
	div.biography ul.biography_list li { font-size:12px; }
}


/*……………………………オーディション……………………………*/

div.audition div.audition_cover { width:100%; padding:0px 0px 40px 0px; background:url(../img/audition/bg.jpg) no-repeat center top; background-size:cover; background-attachment:fixed; }

		div.audition div.audition_cover dl { width:95%; max-width:800px; margin:0px auto 20px auto; }
		div.audition div.audition_cover dl dt { background:#25a7e3; color:#FFFFFF; padding:5px 10px; font-size:14px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; display:inline-block; margin:30px 0px 0px 0px; }
		div.audition div.audition_cover dl dd { padding:15px 0px; border-bottom:#FFFFFF 1px solid; font-size:12px;}
		div.audition div.audition_cover dl dd img.logo { width:100px; height:auto; float:right; margin:20px 0px 0px 0px; }

a.mailon { border:#25a7e3 2px solid; color:#25a7e3; font-family: 'Montserrat', sans-serif; font-size:20px; padding:20px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; display:block; margin:30px auto; text-align:center; width:80%; max-width:350px; }





@media only screen and (max-width: 600px) {

	div.audition div.audition_cover { padding:20px 0px 20px 0px; background:url(../img/audition/bg.jpg) no-repeat center 40px; background-size:cover; background-attachment:scroll; }
	div.audition div.audition_cover dl { width:85%; }
	div.audition div.audition_cover dl dt { padding:5px 30px; font-size:12px; }
	div.audition div.audition_cover dl dd img.logo { width:80px; }

	a.mailon { font-size:14px; }
}
/*スタッフ紹介　アニメーション*/
#staff_box img{border-radius: 50%;}
#detail_staff_box img{border-radius: 50%;}
#anime{transition: 1s;}
#anime:hover{transform: rotateZ(360deg);-webkit-transform: rotateZ( 360deg );}
#anime2{transition: 1s;}
#anime2:hover{transform: rotateY(360deg);-webkit-transform: rotateY( 360deg );}
.profile_th{width: 16%; font-size: 17px;background-color: #f7f7f7;border-bottom: 1px solid #FFF;vertical-align: middle; text-align: center;}
.profile_name{font-size: 17px; line-height: 3.5rem;background-color: #f7f7f7;font-weight:bold;padding-left: 25px;}
.profile_text{line-height: 2.0rem;width: 100%;margin: 0 auto; padding: 10px 0 10px 10%;font-size: 17px;border-bottom: 1px solid #FFF;vertical-align: middle;}
.profile_sns_icons {float: left; margin: 10px; width: 15%;}
.youtube {position: relative; width:100%; height:0; padding-top: 50%;}
.youtube iframe {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70%; height: 100%;}
.image {background-color: aliceblue;width: 30%;margin: 30px 1%;float: left;}
.image img {width: 100%;}
.profile{background-color:#FFF;}
.profile td{padding-left: 10px;}
div.text_box{width: 100%; margin:10px 10px 0 10px;float: right;vertical-align:middle;display:table-cell;padding-left: 20px;}
@media only screen and (max-width: 1080px) {
  .profile_name{padding-left: 10px;}
  .profile_th{width: 100%; display: block; padding: 5px 0;line-height: 2.0rem; padding-left: 10px; text-align: left;}
  .profile_text{width: 100%; display: block;padding: 5px 0; padding-left: 25px;}
  .profile td{padding-left: 25px;}
}
@media only screen and (max-width: 600px) {
  .profile_text{display: block; font-size: 15px; padding-left: 15px}
  .profile_name{padding-left: 5px;}
  .profile_th{padding-left: 5px;line-height: 3.0rem;}
  .profile td{padding-left: 15px;}
}
/*……………………………サークル参加ページ……………………………*/
  .circle_list{text-align: center;border-top: 1px solid #eeeeee;border-right: 1px solid #eeeeee;border-collapse: border-bottom: 1px solid #eeeeee; collapse;width: 100%;}
  .circle_list tr{border-left: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;}
  .circle_list th{width: 20%; text-align: center;background-color: #eee;}
  .circle_list td{vertical-align: middle; padding: 10px;}
  .detail_btn{ text-align:center; display:block; margin-top: 20px; padding-bottom: 40px;padding-top: 20px;}
  .detail_btn a{background:#25a7e3; color:#FFFFFF; font-family: 'Montserrat', sans-serif; font-size:18px; padding:12px 30px ;border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}

@media only screen and (max-width: 780px){
  .detail_btn a{font-size:18px; padding:12px 12px ;}
}
@media only screen and (max-width: 600px) {
  .flex{order:1;}
  .circle_list{border: none;}
  .circle_list th{display: none;}
  .circle_list thead{display: none;}
  .disp_tr{border-style: hidden;}
  .circle_list tr:not(.disp_tr){border-top: 1px solid #eeeeee;display: block;margin-bottom: 20px;display: flex; flex-direction: column;}
  .circle_list td:not(.disp_tr){border-right: 1px solid #eeeeee;display: block;padding: 10px;text-align: right; margin-left: 0px; vertical-align: middle;}
  .circle_list td::before{content: attr(data-label);float: left;font-weight: bold;}
  .detail_btn{ text-align:right; display:block; margin-top: 10px; padding-bottom: 10px;padding-top: 0px;}
}
/*……………………………お問い合わせ……………………………*/

div.contact h4 { border-bottom:#ff9933 1px solid; padding:0px 0px 10px 0px; font-weight:bold; }
div.contact ul.contact_type { font-size:12px; padding:20px 0px; border-bottom:#eeeeee 1px solid; }
div.center{width: 90%; margin: 0 auto; text-align: center;}
@media only screen and (max-width: 480px) {

	div.contact h4 { font-size:12px;}
}
/*********動画詳細*****/
.detail_box{
  width: 95%;
  margin: 0 auto;
  position: relative;
  line-height: 2.0rem;
  word-wrap: break-word;
}
.detail_box p:not(.bold){
  font-size: 13px;
}
.date{
  padding-top: 20px;
  padding-right: 20px;
  font-size: 13px;
  font-weight: bold;
  float: left;
  line-height: 1;
}
.mark_detail{
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background-color: #349ED4;
  margin-right: 20px;
  float: left;
}
.icon_detail{
  color: #FFF;
  padding: 20px 8px;
  font-size: 12px;
}
.title_name{
  padding-top: 25px;
  font-weight: bold;
}
.bold{
  font-weight: bold;
  font-size: 15px;
}
.detail_text{
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
  word-wrap:break-all;
}
@media only screen and (max-width: 1080px) {
  .date{
    float: inherit;
  }
}
@media only screen and (max-width: 600px) {
.title_name{
  font-size: 15px;
}
.detail_box p:not(.bold){
  font-size: 12px;
}
.detail_box a{
  font-size: 12px;
}
}
/*********トップ文言斜めに*****/
.font-color{
    color: #FF0000;
    display: inline-block;
    font-size: 45px;
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@keyframes rotateInUpLeft {
  from {
  transform:  translate(0px, 0px);
  animation-timing-function: ease-out;
}

50% {
  transform: rotate(-20deg);
  animation-timing-function: ease-out;
  font-size: 90px;
}
to {
  transform:  translate(0px, 0px);
  font-size: 45px;
}
	}


.header_tit h2{
	line-height: 1.5;
}


@media only screen and (max-width: 480px) {
	.br:before {
		content: "\A" ;
		white-space: pre ;
	}

	.font-color{
		    font-size: 25px;
        -webkit-animation-name: rotateInUpLeft;
        animation-name: rotateInUpLeft;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        animation-delay: 2s;
        -webkit-animation-delay: 2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
	}
  @keyframes rotateInUpLeft {
    from {
    transform:  translate(0px, 0px);
    animation-timing-function: ease-out;
  }

  50% {
    transform: rotate(-20deg);
    animation-timing-function: ease-out;
    font-size: 90px;
  }
  to {
    transform:  translate(0px, 0px);
    font-size: 25px;
  }
  	}
}
/*********Nopage*****/
.h3_nopage{
	text-align: center;
	padding-bottom: 20px;
}
.img_nopage{
	width: 50%;
	margin: 0 auto;
	text-align: center;
}
.img_nopage img{
	width: 80%;
}
@media only screen and (max-width: 600px) {
	.img_nopage{
		width: 80%;
	}
}