@charset "UTF-8";


/*index.php----------------------------*/
#Slider {
	width: 100%;
	padding-top: 60px;
}
#Slider a {
	margin: 0 auto;
	display: block;
}
#Slider img {
	width: 100%;
	display: block;
	margin: 0 auto;
}
#home .information {
	margin-bottom: 100px;
}
#home .information .pleasebox {
	margin-bottom: 30px;
	border: 1px solid #ccc;
	padding: 20px;
	text-align: justify;
}
#home .information .pleasebox p:nth-of-type(1) {
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	color: #d61518;
}
#home .top_artist {
	float: left;
	width: 46%;
	margin-right: 40px;
}
#home .top_artist li {
	display: inline-block;
	margin-right: 25px;
	margin-bottom: 25px;
}
#home .top_artist li:nth-child(2),
#home .top_artist li:nth-child(4) {
	margin-right: 0;
}
#home .top_artist a {
	display: inline-block;
	color: #000;
	text-decoration: none;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	width: 210px;
	height: 180px;
}
#home .top_artist .button {
	border: 4px solid #d9d9d9;
	padding: 75px 40px;
	position: relative;
}
#home .top_sns {
	float: right;
	width: 46%;
	margin-left: 40px;
	text-align: right;
}
#home .bnr {
	padding-top: 50px;
	margin-bottom: 100px;
}
#home .bnrbox li {
	display: inline-block;
	margin-bottom: 30px;
}
#home .bnrbox li:nth-child(odd) {
	margin-right: 32px;
}

/*service.php----------------------------*/
#service .inner .inner2 {
	margin-bottom: 170px;
}
#service .inner .inner2 h3 {
	text-align: center;
	margin-bottom: 90px;
}
#service .inner .inner2 .sev_image p {
	margin-bottom: 70px;
}
#service .inner .inner2 .sev_image p:nth-of-type(2) {
	margin-left: 80px;
}
#service .inner .inner2 .sev_image p:nth-of-type(3) {
	margin-left: 170px;
}
#service .inner .inner2 .sev_text > p {
	font-size: 17px;
	font-weight: 700;
	text-align: center;
	letter-spacing: 0.2em;
	margin-bottom: 100px;
}

/*artist.php-----------------------------*/
#artist .inner3 .talent_box {
	margin-bottom: 30px;
}
#artist .inner3 .talent_box h3 {
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.2em;
	padding-bottom: 10px;
	margin-bottom: 40px;
}
#artist .inner3 .talent_box h3 {
	border-bottom: 5px solid #d71618;
}
#artist .inner3 #men.talent_box h3 {
	border-bottom: 5px solid #135599;
}
#artist .inner3 #woman.talent_box h3 {
	border-bottom: 5px solid #e34575;
}
#artist .inner3 #vtuber.talent_box h3 {
	border-bottom: 5px solid #8f82bc;
}
#artist .inner3 #culture.talent_box h3 {
	border-bottom: 5px solid #e38445;
}
#artist .inner3 #junior.talent_box h3 {
	border-bottom: 5px solid #4fbfd9;
}
#artist .inner3 .talent_box ul {
	display: flex;
    flex-wrap: wrap;
}
#artist .inner3 .talent_box li {
	width: 185px;
	margin-right: 50px;
	margin-bottom: 50px;
}
#artist .inner3 .talent_box li:nth-child(4n) {
	margin-right: 0;
}
#artist .inner3 .talent_box li .name1 {
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	letter-spacing: 0.2em;
}
#artist .inner3 .talent_box li .name2 {
	font-size: 12px;
	text-align: center;
	line-height: normal;
}
#artist .contact_btn {
	margin-top: 130px;
}
#artist .contact_btn li {
	display: inline-block;
}
#artist .contact_btn li:first-child {
	margin-right: 120px;
}
#artist .contact_btn a {
	display: inline-block;
	color: #000;
	text-decoration: none;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	width: 330px;
	height: 125px;
}
#artist .contact_btn .button {
	border: 4px solid #d9d9d9;
	padding: 35px 30px;
	position: relative;
}
#artist .contact_btn .button:hover {
	border: 4px solid #d61518;
	transition: .5s;
}
#artist .contact_btn li span {
	font-size: 22px;
	color: #d61518;
	line-height: 0;
}
#artist .contact_btn li span .sfont {
	font-size: 13px;
	font-weight: normal;
	color: #000;
}

/*artist_detail.php----------------------*/
#artist .inner .profile {
	text-align: justify;
	margin-bottom: 0;
}
#artist .inner .profile img {
	float: left;
	margin: 0 70px 55px 0;
}
#artist .inner .profile .career h3 {
	font-size: 30px;
	color: #d61518;
	font-weight: 700;
	letter-spacing: 0.2em;
	line-height: 1;
}
#artist .inner .profile .career .kana {
	font-size: 12px;
	letter-spacing: 0.2em;
}
#artist .inner .profile .career .site {
	overflow: hidden;
	height: 35px;
}
#artist .inner .profile .career span {
	color: black;
}
#artist .sub_images {
	width: 100%;
	margin-bottom: 70px;
	display: flex;
	align-items: flex-start;
}
#artist .sub_images .photo {
	width: 24%;
	margin-right: 1.5%;
	margin-bottom: 0;
}
#artist .sub_images .photo:nth-child(4n) {
	margin-right: 0;
}
#artist .lb-nav a.lb-next, #artist .lb-nav a.lb-prev {
	background: none;
}
#artist .inner .works {
	margin-bottom: 140px;
}
#artist .inner .works h3 {
	font-size: 15px;
	font-weight: 700;
	color: #d61518;
	border-bottom: 1px solid;
	margin-bottom: 30px;
}
#artist .inner .works dl {
	margin-bottom: 30px;
}
#artist .inner .works dl dt {
	font-weight: 700;
}
#artist .inner .works dl dd:before {
	content: "▶";
	color: #d61518;
	padding-right: 5px;
}
#artist .inner .works dl dd.nobefore:before {
	display: none;
	font-weight: 700;
}
#artist .inner .works dl dd.nobefore {
	font-weight: 700;
}
#artist .contact_btn .clearfix {
	text-align: center;
}
#artist .inner .linkbtn {
	margin-bottom: 120px;
}

/*company.php----------------------------*/
#company .inner .table {
	width: 100%;
	margin-bottom: 50px;
	text-align: left;
}
#company .inner .table th {
	width: 20%;
	padding: 20px;
	border-top: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3; 
	vertical-align: middle;
}
#company .inner .table td {
	padding: 20px 0 20px 20px;
	border-top: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3; 
}
#company .inner .table td a {
	display: inline-block;
	border: 1px solid #c3c3c3;
	margin-left: 10px;
	padding: 0 20px;
	color: #000;
	text-decoration: none;
}
#company .inner .table td a:hover {
	background: #000;
	color: #fff;
	opacity: 1.0;
}
#company .inner .table tr:first-of-type th {
	border-top: none;
}
#company .inner .table tr:first-of-type td {
	border-top: none;
}
#company .inner .table tr:last-of-type th {
	border-bottom: none;
}
#company .inner .table tr:last-of-type td {
	border-bottom: none;
}

#company .inner .gmap {
	margin-top: 60px;
}
#company .inner .gmap .title_map {
	border: 1px solid #c3c3c3;
	font-weight: 700;
	padding: 0 10px;
	margin: 10px 0;
}

#company .inner h3 {
	margin-top: 80px;
	margin-bottom: 30px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.2em;
}
#company .inner h3 span {
	position: relative;
	display: inline-block;
	padding: 0 0 2px 0;
}
#company .inner h3 span:before {
	position: absolute;
	content: "";
	width: 50%;
	height: 1px;
	bottom: 0;
	left: 0;
	background: #000;
}
#company .inner h3 span:after {
	position: absolute;
	content: "";
	width: 50%;
	height: 1px;
	bottom: 0;
	right: 0;
	background: #ff3a3c;
}
#company .inner h3:first-of-type {
	margin-top: 0;
}
#company .inner h4 {
	position: relative;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.2em;
}
#company .inner .img_left {
	display: flex;
	align-items: flex-start;
}
#company .inner .img_left img {
	margin-right: 24px;
	width: 30%;
}

#company .inner .txt {
	width: 80%;
	margin: 0 auto;
	padding: 10px;
}
#company .inner dl {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
	padding: 0 0 0 10px;
}
#company .inner dl dt {
	width: 6em;
}
#company .inner dl dd {
	width: calc(100% - 6em);
}
#company .inner p {
	margin-bottom: 10px;
}
#company .inner p strong {
	font-weight: bold;
}
#company #container .txt .linkbtn a {
	padding: 4px 12px;
}

/*request.php----------------------------*/
.formBox {
	margin-top: 70px;
	background: #ededed;
	padding: 60px 80px;
}
.mailbox_main {
	width: 100%;
	border-collapse: inherit;
}
.mailbox_main th {
	padding: 20px;
	text-align: left;
	vertical-align: top;
}
.mailbox_main td {
	padding: 20px;
}
.mailbox_main td input {
	height: 30px;
	width: 100%;
}
.mailbox_main td textarea {
	height: 150px;
	width: 100%;
}
.caution {
	margin: 50px 0;
}
.mailbox_main-btn {
	text-align: center;
}
.mailbox_main-btn .mailbox_main-btn-reset {
	margin-right: 20px;
}
.mailbox_main-btn input:hover,
.mailbox_main-btn button:hover {
	opacity: 0.6;
	cursor: pointer;
}

/*contact.php---------------------------*/
.mailbox_main th.check {
	background: url(../images/common/check.png) no-repeat right;
}
#contact .please.inner {
	margin-top: 100px;
}

/*information.php　topも含む
WordPress -----------------------------*/
.information .infobox {
	margin-bottom: 50px;
}
.information .infobox li {
	padding: 20px 160px 20px 50px;
}
.information .infobox li:nth-child(odd) {
	background: url(../images/common/arrow_info.svg) no-repeat right 50px center #f9f9f9;
}
.information .infobox li:nth-child(even) {
	background: url(../images/common/arrow_info.svg) no-repeat right 50px center #f1f1f1;
}
.information .infobox li a {
	color: #000;
	text-decoration: none;
}
.information .infobox li:hover {
	opacity: 0.7;
}
.information .infobox .date {
	float: left;
	line-height: 1;
	color: #fff;
	background: #d61518;
	margin-right: 10px;
	padding: 5px 30px;
}
.information .infobox .category {
	float: left;
	color: #d61518;
	border: 1px solid #d61518;
	border-radius: 10px 10px;
	padding: 5px 20px;
	line-height: 1;
	font-size: 11px;
	margin-right: 10px;
}
.information .infobox .category a {
	color: #d61518;
	text-decoration: none;
}
.information .infobox .infotitle {
	float: left;
	font-weight: 700;
}
.information .infobox .infotext {
	margin-top: 5px;
}
.information .infobox .infotitle {
	float: left;
	font-weight: 700;
}
.information .infobox.infodetail .infotitle {
	float: none;
	margin: 15px 0 50px;
	font-size: 22px;
}
.information .infobox .infotext {
	margin-top: 5px;
}
.information .infobox.infodetail .infotext {
	margin-top: 0;
	line-height: 3em;
}
.information .infobox .infotitle2 {
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 40px;
}
.information .pagenation {
	text-align: center;
}
.information .pagenation li {
	width: 25px;
	display: inline-block;
	margin-right: 5px;
}
.information .pagenation li a,
.information .pagenation li span {
	display: block;
	width: 25px;
	height: 25px;
	border: 1px solid #000;
	color: #000;
	text-decoration: none;
	text-align: center;
}
.information .pagenation li:first-child a,
.information .pagenation li:last-child a {
	border: none;
}
.information .pagenation li .current,
.information .pagenation li a:hover {
	background: #d61518;
	color: #fff;
	border: 1px solid #d61518;
}
.information .pagenation li:first-child a:hover,
.information .pagenation li:last-child a:hover {
	background: none;
	border: none;
}
.information .prevnext {
	border-top: 1px solid #000;
	padding-top: 60px;
	margin-bottom: 150px;
	text-align: center;
}
.information .prevnext p {
	display: inline-block;
	padding: 0 10px;
}
.information .prevnext p img {
	padding: 0 15px;
}
.information .prevnext p a {
	color: #000;
	text-decoration: none;
}
.information .prevnext p a:hover {
	color: #d61518;
}

/*audition.php---------------------------*/
#audition dl {
	margin-bottom: 50px;
}
#audition dl dt {
	padding: 5px;
	font-size: 110%;
	text-align: center;
	margin-bottom: 20px;
	background: #ededed
}
#audition dl dd h3 {
	font-weight: bold;
	font-size: 110%;
}
#audition dl.a1 dd {
	border-bottom: 1px dotted;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
#audition dl dd p.a2 {
	border: 4px double #8a8a8a;
	padding: 20px;
	margin: 15px 0;
	text-align: center;
}
#audition dl dd.entrybtn a {
	display: block;
	background: #fba200;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 110%;
	text-align: center;
	padding: 10px 20px;
	width: 50%;
	margin: 0 auto;
}
#audition p.t1 {
	text-align: center;
	font-size: 160%;
	font-weight: bold;
	margin-bottom: 20px;
	padding-top: 20px;
}

@media screen and (max-width: 1300px){
}

@media screen and (max-width: 1024px){
/*index.php----------------------------*/
#home .top_artist {
	width: 45%;
}
#home .top_artist li {
	margin-right: 12px;
}
#home .bnrbox li {
	width: 48%;
}

/*artist.php---------------------------*/
#artist .contact_btn li:first-child {
	margin-right: 105px;
}
#artist .inner3 .talent_box li {
	margin-right: 42px;
}
}

@media screen and (max-width: 768px){
/*index.php----------------------------*/
#Slider a {
	width: 100%;
}
#home .top_artist {
	float: none;
	width: 100%;
	margin-right: 0;
	margin-bottom: 100px;
}
#home .top_artist li {
	margin-right: 23px;
	margin-bottom: 0;
	width: 22%;
}
#home .top_artist li:nth-child(2) {
	margin-right: 23px;
}
#home .top_artist .button {
	padding: 65px 20px;
}
#home .top_artist a {
	width: 160px;
	height: 160px;
}
#home .top_sns {
	float: none;
	width: 100%;
	margin-left: 0;
}
#home .top_sns div iframe {
	width: 100% !important;
}
#home .bnr {
	padding-top: 0;
	margin-bottom: 50px;
}
#home .bnrbox li {
	display: block;
	width: 100%;
	text-align: center;
}
#home .bnrbox li:nth-child(odd) {
	margin-right: 0;
}

/*artist.php---------------------------*/
#container .inner3 {
	padding: 0 40px;
}
#artist .inner3 .talent_box li:nth-child(3n) {
	margin-right: 0;
}
#artist .inner3 .talent_box li:nth-child(4n) {
	margin-right: 42px;
}
#artist .contact_btn li:first-child {
	margin-right: 50px;
}
#artist .contact_btn a {
	width: 305px;
}

/*company.php--------------------------*/
#company .inner .table {
	margin-bottom: 50px;
}
#company .inner .table td a {
	margin-left: 0;
}
#company .inner .table tr:first-of-type th, #company .inner .table tr:first-of-type td {
	border-top: 1px solid #c3c3c3;
}
#company .inner .gmap iframe {
	width: 100%;
}

#company .inner h3 {
	font-size: 18px;
}
#company .inner .img_left {
	flex-direction: column;
}
#company .inner .img_left img {
	margin: 0 auto 10px;
	width: 60%;
}
#company .inner .txt {
	width: 100%;
}
#company #container .txt .linkbtn a {
	width: 80%;
}

/*request.php----------------------------*/
.formBox {
	padding: 60px 45px;
}

/*contact.php----------------------------*/
#contact #please.inner p.address {
	width: 100%;
}

/*information.php topも含む
WordPress -------------------------------*/
.information .infobox li {
	padding: 20px 100px 20px 50px;
}
.information .infobox li:nth-child(odd) {
	background: url(../images/common/arrow_info.svg) no-repeat right 25px center #f9f9f9;
}
.information .infobox li:nth-child(even) {
	background: url(../images/common/arrow_info.svg) no-repeat right 25px center #f1f1f1;
}
.information .infobox li {
	padding: 20px 100px 20px 50px;
}

}

@media screen and (max-width: 480px){
/*index.php--------------------------------*/
#Slider {
	padding-top: 30px;
}
#home .top_artist li {
	margin-right: 10px;
	margin-bottom: 10px;
	width: 47%;
}
#home .top_artist li:nth-child(2) {
	margin-right: 0;
}
#home .top_artist a {
	width: 150px;
	height: 150px;
}
#home .top_artist .button {
	padding: 60px 15px;
}
#home .top_sns div {
	border-radius: 5px 5px;
}
#home .top_sns div iframe {
	border-radius: 5px 5px !important;
	width: 460px !important;
}
#home .bnrbox li {
	margin-bottom: 15px;
}

/*service.php----------------------------*/
#service .inner .inner2 {
	margin-bottom: 100px;
}
#service .inner .inner2 h3 {
	margin-bottom: 60px;
}
#service .inner .inner2 .sev_image p:nth-of-type(2),
#service .inner .inner2 .sev_image p:nth-of-type(3) {
	margin-left: 0;
}
#service .inner .inner2 .sev_text > p {
	font-size: 15px;
	text-align: left;
	margin-bottom: 50px;
}

/*artist.php------------------------------*/
#container .inner3 {
	padding: 0;
}
#artist .inner3 .talent_box {
	margin-bottom: 50px;
}
#artist .inner3 .talent_box li {
	float: none;
	margin: 0 auto 30px;
}
#artist .inner3 .talent_box li:nth-child(3n) {
	margin-right: auto;
}
#artist .inner3 .talent_box li:nth-child(4n) {
	margin-right: auto;
}
#artist .contact_btn {
	margin-top: 0;
}
#artist .contact_btn li:first-child {
	margin-right: 0;
	margin-bottom: 30px;
}

/*artist_detail.php------------------------------*/
#artist .inner .profile {
	margin-bottom: 30px;
}
#artist .inner .profile img {
	float: none;
	width: 100%;
	margin:  0 0 55px 0;
}
#artist .inner .profile .career h3 {
	font-size: 25px;
}
#artist .inner .profile .career .site {
	height: auto;
}
#artist .inner .profile .career .site img {
	width: auto;
}
#artist .sub_images {
	margin-bottom: 40px;
}
#artist .sub_images .photo {
	width: 22%;
    margin-right: 4%;
	margin-top: 10px;
    margin-bottom: 20px;
}
#artist .inner .works,
#artist .inner .linkbtn{
	margin-bottom: 80px;
}

/*company.php-----------------------------*/
#company .inner .table th {
	border-bottom: none;
	display: block;
	width: 100%;
	text-align: center;
	background: #f7f7f7;
}
#company .inner .table td {
	border-bottom: none;
	display: block;
}
#company .inner .table td a {
	margin-left: 10px;
}

/*request.php----------------------------*/
.formBox {
	padding: 20px;
}
.mailbox_main th {
	padding: 20px 10px 10px;
	display: block;
}
.mailbox_main td {
	padding: 0 10px;
	display: block;
}
.mailbox_main-btn .mailbox_main-btn-reset {
	margin-right: 0;
}

/*contact.php----------------------------*/
.mailbox_main th.check {
	background: url(../images/common/check.png) no-repeat 95% 68%;
}
#contact #please.inner h3 {
	font-size: 18px;
}

/*information.php topも含む
WordPress -------------------------------*/
.information .infobox li {
	padding: 20px;
}
.information .infobox li:nth-child(odd),
.information .infobox li:nth-child(even) {
	background-image: none;
}
.information .infobox li p.infotitle {
	margin-top: 5px;
}
.information .infobox li {
	padding: 20px;
}
.information .infobox li p.infotitle {
	margin-top: 5px;
}

/*audition.php----------------------------*/
#audition dl dd.entrybtn a {
	width: auto;
	padding: 10px;
}


}