@charset "UTF-8";
/* CSS Document */

.pc{ display:inline;}
.pcmp{ display:inline;}
.mp{ display:none;}
.sp{display:none;}
.mpsp{display:none;}

.b{ font-weight:bold;}
.n{ font-weight:normal;}

/*a:link,
a:visited {color:#F36;text-decoration:none;}*/
a:active,
a:hover {color:#FFA640;}

a img:hover{opacity: 0.72;}


.orange{ color:#ff903c;}
.red{ color:rgba(229,33,36,1.00);}

.main-slider .pc{}
.main-slider .sp{ display:none !important;}

#news h2{ padding:0px 0 30px;}

/*ニュースカテゴリーのスタイル*/
.movie, .others, .music, .event, .web, .stage, .magazine, .tv, .goods, .live, .produce{ background-color:#ff903c; padding:5px 7px; width:90px; position:absolute; text-align:center; color:#fff; font-weight:bold; margin:-50px 0 0 75%;text-transform:capitalize; right:0; border-radius:20px;}

/*.p-btn:a{background-color:#ff903c; padding:5px 7px; width:90px; border-radius:20px; margin:0 10px 15px 0px; text-align:center;display: inline-block; color:#fff; font-weight:bold; text-decoration:none;}
.p-btn:hover{ background-color:#ff903c;}*/

.p-btn {
  display: inline-block;
  padding:5px 7px; width:90px; border-radius:20px;
  text-align: center; margin:0 0 15px 0;
  text-decoration: none;
  outline: none;
}
.p-btn {background-color: #ff903c;border: 1px solid #ff903c;color: #fff;}
.p-btn:hover {background-color: #fff; border-color: #ff903c;color: #ff903c;}

.p-btn::before,
.p-btn::after {position: absolute;z-index: -1;display: block;content: '';}
.p-btn,
.p-btn::before,
.p-btn::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;}

/*ニュース一覧*/

#news h2.box-title{ margin-bottom:0;}
.link-news{ margin-bottom:50px; text-align:center; }

#primary, #secondary { padding:5% 2%;}
#primary h1{ color:#ff903c;}

#primary .produce,
#primary .movie,
#primary .others,
#primary .music, 
#primary .event, 
#primary .web, 
#primary .stage, 
#primary .magazine, 
#primary .tv, 
#primary .goods{margin:0px 0 0 0%; left:0; position:relative;}

#primary .entry-meta{ display:flex; margin-bottom:10px;}
#primary .a-date{ padding:5px 0 0 10px;}
#primary article{ border-bottom:1px dotted #ff903c; padding-top:30px; padding-bottom:20px; margin:0;}
#primary article:last-of-type{ border-bottom:none;}


/* About Box
================================================== */
.about-box {padding: 65px 0 30px;text-align: center;height: 100%;}
.about-box .about-content {
	background-color: #fff;
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
	left: -50px;
	min-height: 240px;
	margin-bottom: 80px;
	position: relative;
	top: 66px;
	text-align: left;
}

.about-img {overflow: hidden;}

.about-img img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	-ms-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
}

.about-img:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.about-img a:focus img {transform: none;transition: all 0ms ease-out 0s;}

.about-text {padding: 50px 50px 35px;}
.about-title {font-size: 24px;line-height: 1.333em;}
.about-text .more-link {display: none;}


/*プロフィールページ*/
#profile h2.box-title{ text-align:center; margin:0 0 5%;color: #ff903c;}
#profile h2.name{ margin:0 0 5px;}
#profile .p-cf{ margin-top:10px;}


#profile .about-img{ }
/*#profile .one-column{ float:none;}*/
#profile .p-main-content{ width:450px; margin:-200px auto 50px 55% ; position: relative;
	background-color: #fff;
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
	text-align: left;}
#profile .p-box{ margin:5% auto; width:80%;height: 100%;padding-bottom:30px;}
#profile .p-box .p-content { padding:50px 20px 50px 50px; 
	background-color: #fff;
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
	text-align: left;}
#profile .p-main-content.about-text {padding: 30px 20px;}
#profile .p-box h3{ font-size:15px; font-style:normal;}
#profile .p-box h3 a{ color:#ff903c;}
#profile .p-box h3 a:hover{ color: rgba(255,202,0,1.00);}
#profile .att{ text-align:center;}

#profile .p-box hr {
	background-color: rgba(255,144,60,0.3);
	border: 0;
	height: 1px;
	margin-top:1.5em;
	margin-bottom: 2em;
}



#sakiyama-link{  padding:20px 0 40px;}
#teruma-link{  padding:0px 0 10% 0%;}
.portfolio-box .two-column-full-width { width:33%;}
.teruma-linkbox{ margin-left:15%;}


#company h2{ padding:30px 0 0;}
#company h5{ color:#ff903c;}
#company .box-sub-title{ padding-bottom:30px;}
#company .feature-content{ min-height:280px; padding:50px 20px 10px;}
#company .column div.two-column:nth-child(2) .feature-content{ padding-top:30px; font-size:13px; line-height:20px;}

#contact{ padding:5%;}
#policy{ padding:0 0 5%;}
#contact h2, #policy h2{ text-align:center;}
#contact .box-sub-title, #policy .box-sub-title{ text-align:center;}
#contact h6{ padding:20px 0 0px; text-align:center;}
.contactIn{ width:85%; max-width:950px; margin:0 auto; text-align:left;}
.meiwaku{ font-size:11px; background-color:rgba(255,255,255,1.00); border:1px #bdbdbd solid; margin:5% auto; padding:15px;border-radius: 15px; max-width:900px;}
.form_footer{ text-align:center;}

.text-e1{ margin-right:3px;}
.text-e2{}

/*輝馬 2020年5月追加*/

hr.orange{  margin:30px 10% 0; clear:both; background-color: rgba(255,117,0,0.2);}

.teruma-bnr{}
.teruma-bnrT{ margin:0 30%;}
.teruma-bnrT img{ width:600px;}
.teruma-bnrP{ margin:0 25%;}
.teruma-bnrP img{ width:700px;}


#contact ul li{ list-style:none; }
#contact ul li:nth-child(odd){ padding:0 0 5px 10px;}
#contact ul li:nth-child(even){}

@media screen and (min-width: 700px) and (max-device-width: 3000px) 
{}


@media screen and (max-width: 1200px) {
#profile .about-img img{ width:500px;}
}

@media screen and (max-width: 1150px) {
#primary, #secondary { padding:5% 5%;}
}

@media screen and (max-width: 1050px) {
}
@media only screen and (max-width: 1023px) {
#profile .inner-wrap {}
/*#profile .about-img img{ width:100%;}*/
#profile .p-main-content{ margin:5% auto;}
#profile .p-box{ margin:10% auto 5%; width:92%;}

.portfolio-box .two-column-full-width { width: 50%;}
.teruma-linkbox{ margin-left:0%;}

#primary article,
#primary .navigation
	{  padding:30px; }
#secondary ul{  padding:30px; }

}

@media screen and (max-width: 991px) {
.pc{ display:none;}
.pcmp{ display:inline;}
.mp{ display: inline;}
.sp{display:none;}
.mpsp{display: inline;}

#primary h2.entry-title{ font-size:20px;}

#contact{ padding:5% 1%;}
#policy{ padding:0 1% 5%;}

#company .feature-content{ padding:40px 15px 20px;}
#company .column div.two-column:nth-child(2) .feature-content{ padding-top:30px;}


.contactIn{ width:95%;}

#profile .p-box h3 a{ font-size:18px; line-height:28px;}

}

@media screen and (max-width:767px) {
/*.others, .music, .live, .company, .event{ margin:-30px 0 -20px 75%;}*/
.movie, .others, .music, .event, .web, .stage, .magazine, .tv, .goods, .live, .produce{ margin:-30px 0 -20px 75%;}

.about-box .two-column-full-width{ float:none; width:100%; margin:0 auto; }
.about-box .about-content { width:70%;  margin-left:15%;
	/*left: auto;*/box-shadow: 0 5px 20px rgba(0, 0, 0, 0.10);
	height: auto;
	margin-bottom: 50px;
	position: static;
	top: 0;}
	
	
.about-box .about-text {padding: 50px 20px 35px;}
.p-main-content .about-text {padding: 50px 20px 35px 30px;}
	
.teruma-bnr{ margin-top:100px;}
.teruma-bnrT{ margin:0 ;}
.teruma-bnrT img{ width:100%;}
.teruma-bnrP{ margin:0 ;}
.teruma-bnrP img{ width:100%;}

.portfolio-box .two-column-full-width { width: 100%;}

}

@media screen and (max-width:600px) {
.pcmp{ display:none;}
.mp{ display:none;}
.sp{ display:inline;}
.mpsp{display: inline;}


#company .feature-content{ height:auto; padding:40px 15px 0px;}
#company .column div.two-column:nth-child(2) .feature-content{ padding-top:50px; font-size:90%;}


.contactIn{ width:98%;}

input[type="text"], textarea{ width:95%;}
.email input[type="text"]{ margin-bottom:3px;}
.detail{  margin-top:20px;}

}

@media screen and (max-width: 37.5em) {
.about-box .wrap .inner-wrap{ width:100%;margin:0;}
.about-box .two-column-full-width{ margin:0;}
.about-box .about-content { width:320px; margin-top:-60px; padding-left:10px; padding-right:10px; margin-left:20% !important;}

#profile .p-main-content{ width:345px;}
#profile .p-box .p-content { padding:50px 10px 50px 15px; }

}