@charset "utf-8";
/* 
pc用
 */

.only_SP{
display:none;
}

.only_PC{
display:block;
}


/* body指定 */
body {

}



/* 基本リンク指定 */
a:hover { color: #666; text-decoration: none; transition:0.5s;}





/* header */
#top_logo.fixed{
height: 80px;
text-align: center;
	
}



/* 
menu_pc 
*/
#menu_pc{
width: 100%;
max-width: 960px;
height: 80px;
position: fixed;
top: -80px;
left: 50%;
transform: translateX(-50%);
transition: opacity 0.3s ease-in-out;
z-index: 100;
margin: auto;
}

#menu_pc.fixed{
top: 0;
}



.grid_menu_pc {
	width: 960px;
	position: fixed;
	top:-80px;
display: grid;
grid-template-columns: repeat(5,155px) 1fr;
grid-gap: 5px;
transition:0.5s;
}

.grid_menu_pc.fixed {
	top:13px;
}

.grid_menu_pc a{
display: grid;
 place-content: center;
  place-items: center;
	width: 100%;
	height: 54px;
background: #333;
border: 1px solid #fff;
font-size: 0.875em;
line-height: 1.4;
text-align: center;
	color: #fff;
	margin: auto;
}

.grid_menu_pc a span{
font-size: 0.85em;
}

#st_01_kakinokizaka .menu_01_kakinokizaka a,
#st_02_shimomaruko .menu_02_shimomaruko a,
#st_03_komazawa .menu_03_komazawa a,
#st_04_sunzui .menu_04_sunzui a,
#fellow .menu_fellow a{
background: #fff;
color: #333;	
}
.grid_menu_pc a:hover{
background: #444;
}

.grid_menu_pc .head_logo{
margin: 0 0 0 auto;
}
.grid_menu_pc .head_logo img{
	height: 60px;
}
.grid_menu_pc .head_logo a{
 place-content: end;
  place-items: center;
	width: 100%;
background: none;
border: none;
font-size: 0.7em;
text-align: right;
	padding-left: 20px;
}

.grid_menu_pc .head_logo a:hover{
opacity: 0.5;
}


/* menu制御 */



/* wrap */

.wrap_in{
max-width: 960px;
margin: auto;
}



/* もっと見る */
.but_viewmore{

padding: 0;
}


/* 
スタジオ一覧
*/



.grid_top_st {
display: grid;
grid-template-columns: 480px 1fr;
grid-gap: 30px;
}

 a:hover .grid_top_st {
opacity: 0.5;
transition:0.5s;
}

.but_st a:hover{
background: none;
color: #333;
	transition:0.5s;
}

.st_desc {
margin:0;
}
.st_desc p:first-child{
text-align: left;
}

.st_desc h4{
text-align: left;
}

a .but_st{
width:100%;
padding:15px 0;
margin: 50px 0 0 0;
}

/* 
スタジオ一覧footer用
*/
#footer_st_in{
width: 960px;
}







/* FeatuedWorks */
.grid_top_fw {
grid-template-columns: repeat(3, 1fr);
grid-gap: 10px;
padding: 0;
}

.fw_desc a:hover{
text-decoration: none;
}


/* もっと見る_studioPH */
.but_viewmore_stph{
width: 100%;
}

button.more:hover{
color: #000;
background: rgb(0,0,0,0.1);
}


/* backTOP */
#backTOP:hover { color: #666; text-decoration: none; transition:0.5s;}


/* もっと見る_studioPH */
button.morePH:hover{
color: #000;
background: rgb(0,0,0,0.1);
}




/* 01_studio */


/* stリンクボタングリッド */
.grid_st_but01{
display: grid;
grid-template-columns: 340px 340px;
grid-gap:30px;
width: 710px;
margin: 0 auto;
}



.grid_st_but02{
width: 960px;
grid-template-columns: 1fr 1fr;
grid-gap:20px;
margin: 100px 0;
}

.grid_st_but02b{
width: 480px;
margin: 100px auto;
padding: 0;
}

/* stリンクボタン */
.st_but01{
width:340px;
}

a:hover .st_but01 {
background: none;
opacity: 0.5;
transition:0.5s;
}

a .st_but02{
width:340px;
}

a:hover .st_but02 {
background: none;
color: #333;
	transition:0.5s;
}

.st_but_contact a .st_but02{
width:340px;
}

a:hover .st_but03 {
background: none;
color: #333;
transition:0.5s;
}


a:hover .st_but04 {
background: none;
opacity: 0.5;
transition:0.5s;
}


.st_but05{
width:340px;
margin-top:0;
}

a:hover .st_but05 {
background: none;
opacity: 0.5;
transition:0.5s;
}

a .st_but06:hover{
background: none;
opacity: 0.5;
transition:0.5s;
color: #000;
}



/* studioPHグリッド */
.grid_st_ph{
grid-template-columns: repeat(3, 1fr);
margin: 0;
}






/* grid_st_info */
#grid_st_info{
grid-template-columns: 570px 360px;
grid-gap:30px;
}

.st_info_contact{
order: 2;
}

.st_info_detail{
order: 1;
padding: 0;
}


.grid_st_summary{
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
text-align: left;
}

.but_price a{
margin-top: 0;
}

/* st_fellow */
#st_fellow{
text-align: left;

}

.st_fellow_in{
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.grid_st_fellow{
width: fit-content;
max-width: 960px;
display: grid;
grid-template-columns: auto auto;
grid-gap:50px;
justify-items: center;
align-items: center;
}

#st_02_shimomaruko .grid_st_fellow{
grid-template-columns: repeat(3, 1fr);
grid-gap:10px;
}


/* price */



.grid_price_list{
display: grid;
grid-template-columns: auto 1fr;
grid-gap:20px;
}


.grid_price_list ul{
padding-left: 0; 
}


.st_but06{
width:650px;
margin: 100px auto;
	display: block;
}



/* 関連会社 */
#fellow_content{
padding: 0;
}

.grid_fellow {
grid-template-columns: 480px 1fr;
grid-gap: 30px;
}


.fellow_link a:hover {
text-decoration: none;
opacity: 0.5;
transition:0.5s;
padding-top: 40px;
}


/* セクションごとの区切りシャドウ */
.wrap, #FeatuedWorks, #st_price, #st_terms, #st_info, #studio h2, #footer_st h2{
border-radius: 0;
}
#st_info{
box-shadow: 0px -8px 8px 0px rgba(0, 0, 0, 0.2);
}

.st_info_contact .title_contact{
border-radius: 0;
box-shadow: none;
}