*{
  font-family: 'Sawarabi Gothic', sans-serif;
	/*font-family: 'Noto Serif JP', serif;*/
}
html{
	min-height: 100% !important;
}
a:focus, *:focus {
	outline:none !important;
}
body{
	background: #fff;
	color: #021c1e;
	font-family: 'Noto Serif JP', serif;
}
h1,h2,h3,h4,h5{
	/*font-family: 'Noto Serif JP', serif;*/
  font-family: 'Sawarabi Gothic', sans-serif;
}
.site-title{
	text-align: left;
}
.site-title a{
	color: #004445 !important;
	font-family: 'Noto Serif JP', serif;
	font-weight: normal;
	font-size: 24px;
}
.site-branding{
	padding: 15px 0 !important;
}
.site-branding a{
	display: inline-block;
}
.site-branding img{
	width: 20vw;
}
.site-header{
	z-index: 1001;
}
.site-header-inner{
	height: 100vh;
	padding: 0;
	position: relative;
}
.site-branding{
	padding: 0 0 15px;
}
.current-menu-item a{
	background: transparent !important;
	color: #021c1e !important;
	display: inline-block;
	padding: 0 !important;
	position: relative !important;
	left: 4px !important;
	transition: all 1s;
}
.current-menu-item::after{
	content: "";
	color: #240088;
	display: inline-block;
	margin-left: 12px;
	background: url(https://junmurayama.com/wp-content/uploads/2021/01/icon_star3.svg);
	/*position: absolute;
	right: -20px;
	top: 0;*/
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
}
.single-works .menu_works a{
	background: transparent !important;
	color: #021c1e !important;
	display: inline-block;
	padding: 0 !important;
	position: relative !important;
	left: 10px !important;
	transition: all 1s;
}
.single-works .menu_works a::after{
	content: "☆";
	color: #021c1e;
	display: inline-block;
	margin-left: 12px;
	/*position: absolute;
	right: -20px;
	top: 0;*/
}
.site-content{
	/*margin-left: 80px;*/
}
.home #content{
	background-attachment: fixed;
	background-color: #fff;
	background-image: url("https://junmurayama.com/wp-content/uploads/2021/01/icon_star2.svg");
	background-position: right top;
	background-repeat: no-repeat;
	background-size: 35%;
}
body:not(.home) #content{
	background-attachment: fixed;
	background-color: #fff;
	background-image: url("https://junmurayama.com/wp-content/uploads/2021/01/icon_star2-color.svg");
	background-position: right top;
	background-repeat: no-repeat;
	background-size: 30%;
}
.site-header,
.site-header-inner{
	background: transparent;
	box-shadow: none !important;
}
.main-navigation a{
	font-family: 'Oswald', sans-serif;
	border: none !important;
	padding: 4px;
	text-align: left;
	margin: 8px 0px;
	position: relative;
	transition: all .3s;
	letter-spacing: 2px;
	font-size: 14px;
}
.main-navigation a:hover{
	background: transparent !important;
	color: #df0625 !important;
	text-decoration: underline;
}
.main-navigation li:not(.current-menu-item) a:hover::after{
	content: "";
	background: url(https://junmurayama.com/wp-content/uploads/2021/01/icon_star3.svg);
	color: #df0625;
	display: inline-block;
	margin-left: 2px;
	/*position: absolute;
	right: -20px;
	top: 0;*/
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
}
.main-navigation li.current-menu-item > a, .main-navigation li.current_page_item > a{
	color: #240088 !important;
}
#page_title{
  position: absolute;
  top: 55%;
  left: 58%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
	text-align: center;
	width: 100%;
}
.home #page_title{
	width: 32vw;
}
#page_title img{
	width: 100%;
}
#page_title h2{
	font-family: 'Oswald', sans-serif;
	color: #021c1e;
	font-size: 20px;
	margin: 0;
	letter-spacing: 10px;
}
#page_title span{
	display: block;
	margin-top: 10px;
	text-align: center;
}
.home .entry-footer{
	display: none !important;
}
.sns_icon{
	display: inline-block;
}
#menu-item-204,#menu-item-206{
	width: 10%;
}
#menu-item-204 a:hover::after,#menu-item-206 a:hover::after{
	content: none;
}
#page_title h2::first-letter{
	color: #db2929;
}
/*===============================================
 *  home
===============================================*/
@media screen and (min-width: 783px){
	#page{
		display: flex;
		flex-wrap: wrap;
	}
	#page > header{
		float: none !important;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
	}
	#page > div{
		margin-left: 50% !important;
	}
	#page > header,
	#page > div{
		width: 50%;
	}
}
.content-area{
	box-shadow: none !important;
	padding: 0;
	width: 100%;
}
.latest_post h3{
	font-size: 18px;
	margin-bottom: 15px !important;
}
.news_list li{
	border-bottom: 1px dotted #ccc;
	padding: 5px 0 !important;
}
.news_date{
	margin-right: 15px;
	display: block;
}
.entry-content img{
	vertical-align: bottom;
	width: 100%;
}
.entry-content iframe{
	width: 100%;
}
/*===============================================
 *  blog
===============================================*/
.blog .blocks-wrap{
	padding: 5% 5% 0 0;
}
.blog .blocks-wrap > article{
	border-bottom: none !important;
	margin: 0 !important;
	padding: 15px 0 !important;
}
.blog .blocks-wrap > article + article{
	border-top: 1px solid #444 !important;
}
.blog .blocks-wrap > article p{
	margin: 0 0 10px !important;
}
.blog .blocks-wrap > article .entry-footer{
	display: none;
}
.blog h1.entry-title{
	color: #5a5a5a;
	font-size: 16px;
	margin-bottom: 5px;
  font-family: 'Sawarabi Gothic', sans-serif;
}
.blog .entry-content{
	padding-top: 0 !important;
}
.blog .post-left{
	float: none;
	width: 100%;
}
.single-post .post{
	margin: 35vh 5% 15px;
}
.single-post .entry-header{
	border-bottom: none !important;
}
.single-post .post .entry-title{
	font-size: 20px;
}
.single-post .post .entry-header p.post_date{
	margin: 0;
}
.single-post .post .entry-content p{
	line-height: 2em;
}
/*===============================================
 *  Works
===============================================*/
.electa-blocks-post .entry-header{
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
}
.electa-blocks-post .entry-header h3{
	margin: 0;
	font-size: 14px;
}
.electa-blocks-post img{
	height: 23vh;
}
.post-type-archive-works .blocks-wrap{
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}
.post-type-archive-works .blocks-wrap > div{
	margin: 0;
	width: 25%;
}
.post-type-archive-works .electa-blocks-post{
	position: relative;
}
.box_works{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 5%;
}
.box_works .works_thumb{
	width: 30%;
}
.box_works .works_contents{
	padding: 0 3%;
	width: 70%;
}
.works_contents h1{
	font-size: 24px;
	margin-bottom: 10px;
}
.works_contents p{
	margin: 0 0 10px;
}
.works_title{
	font-size: 18px;
	margin: 0 0 10px;
}
.works_date{
	font-size: 14px;
}
.works_songs{
	
}
.works_part{
	
}
.mov_area{
	margin-right: 5%;
}
.mov_area > div {
    position: relative;
    max-width: 100%;
    padding-top: 56.25%;
}
.mov_area > div iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.yt{
	margin-top: 7vh !important;
}
/*===============================================
 *  Live・Media
===============================================*/
.post-type-archive-lm #main{
	padding: 5% 5% 0 0;
}
.post-type-archive-lm #main article{
	padding: 15px 0;
}
.post-type-archive-lm #main article + article{
	border-top: 1px solid #444;
}
.post-type-archive-lm .entry-header p:not(.post_date){
	margin-bottom: 0 !important;
}
.post-type-archive-lm .entry-header p.post_date{
	display: inline-block;
	margin: 0 0 10px !important;
}
.post-type-archive-lm .entry-header span.post_cat{
	background: #db2929;
	color: #fff;
	display: inline-block;
	font-size: 10px;
	margin-left: 10px;
	padding: 2px 5px;
}
.post-type-archive-lm .entry-header span.Live{
	background: #000;
}
.post-type-archive-lm .entry-header span.Media{
	background: #008;
}
.post-type-archive-lm .entry-header{
	border-bottom: none !important;
	margin: 0 0 10px !important;
	padding: 0 !important;
}
.post-type-archive-lm .entry-header h1{
	font-size: 16px;
	margin-bottom: 10px;
}
.post-type-archive-lm article .entry-content p{
	margin: 0;
}
.post-type-archive-lm article .entry-footer{
	display: none;
}
/*----------------------------------------------------------------------
 ソート
---------------------------------------------------------------------- */
/* sort_controls
---------------------------------------------------------------------- */

.sort_controls {
	color: #414141;
    padding: 1rem;
    font-size: 14px;
	padding: 0;
	text-align: right;
}

.sort_control {
    position: relative;
    display: block;
    cursor: pointer;
    font-size: 14px;
    color: #414141;
    padding: 0 5px 5px 0;
    transition: background 150ms;
}

.sort_control[data-sort*=":desc"]:after {
    transform:  translateY(-4px) rotate(-135deg);
}

.mixitup-control-active {
	/*
    background: #ca00dc;
    color: #fff !important;
	*/
}

.mixitup-control-active[data-filter]:after {
    background: transparent;
}

.sort_control:first-of-type {
    border-radius: 3px 0 0 3px;
}

.sort_control:last-of-type {
    border-radius: 0 3px 3px 0;
}

.sort_control[data-filter] + .control[data-sort] {
    margin-left: .75rem;
}

.sort_control[data-filter=".seventeen"] {
    color: #414141;
}

.sort_control[data-filter=".sixteen"] {
    color: #414141;
}

.sort_control[data-filter=".fifteen"] {
    color: #414141;
}

.sort_control[data-filter="none"] {
    color: #414141;
}

/* Container
---------------------------------------------------------------------- */

.sort_container {
    padding: 1rem;
    text-align: justify;
    font-size: 0.1px;
}

.sort_container:after {
    content: '';
    display: inline-block;
    width: 100%;
}

/* Target Elements
---------------------------------------------------------------------- */

.mix,
.gap {
    display: inline-block;
    vertical-align: top;
}

.mix {
    margin-bottom: 1rem;
    position: relative;
}

.mix.seventeen {
    color: #414141;
}

.mix.fifteen {
    color: #414141;
}

.mix.sixteen {
    color: #414141;
}

.mix a{
    box-shadow: 0 0 10px #aaa;
	display: block;
}
.mix a img{
	width: 100%;
}

.mix h3{
	color: #555;
	font-size: 18px;
	margin: 20px 0;
	text-align: center;
}


/* Grid Breakpoints
---------------------------------------------------------------------- */

/* 2 Columns */

.mix,
.gap {
    width: calc(100%/2 - (((2 - 1) * 1rem) / 2));
}

/* 3 Columns */

@media screen and (min-width: 541px) {
    .mix,
    .gap {
        width: calc(100%/3 - (((3 - 1) * 1rem) / 3));
    }
}

/* 4 Columns */

@media screen and (min-width: 961px) {
    .mix,
    .gap {
        width: calc(100%/4 - (((4 - 1) * 1rem) / 4));
    }
}
/*===============================================
 *  profile
===============================================*/
.profile{
	padding: 5% 5% 0 0;
}
.box_profile{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.box_profile > div{
	width: 49%;
}
.name{
	font-size: 18px;
}
.name span{
	font-size: 10px;
	margin-left: 5px;
}
.profile_contents p{
	margin-bottom: 10px;
}
.profile_contents　ul li{
	font-size: 14px;
	line-height: 1.2em;
}
.profile_links a{
	color: #fff;
	text-decoration: underline;
}
ul.co-stars li,
ul.incidental_music li{
	float: left;
	padding: 0;
}
ul.co-stars li::before,
ul.incidental_music li::before{
	content: "/";
	display: inline-block;
	margin: 0 5px;
}
ul.co-stars li:first-child::before,
ul.co-stars li:first-child::after,
ul.incidental_music li:first-child::before,
ul.incidental_music li:first-child::after{
	display: none;
}
ul.co-stars::after,
ul.incidental_music::after{
	content: "";
	clear: both;
	display: block;
}
ul.working{
	margin-bottom: 10px;
}
.working li,
.instruments li{
	font-size: 12px !important;
	line-height: 1em !important;
	padding: 0;
}
.profile h3{
	border-bottom: 1px solid #ccc;
	font-size: 20px;
	padding: 0 0 5px;
	margin-bottom: 10px !important;
}
ul.tab{
	display: flex;
	margin: 0 0 -15px;
}
ul.tab li{
	color: #fff !important;
	cursor: pointer;
	font-size: 12px;
	padding: 3px 15px;
}
ul.tab li:first-child{
	background: #df0625;
}
ul.tab li:nth-child(2){
	background: #240088;
}
div.tabContent {
    display: none;
}
div.active {
    display: block;
}
#panel-24-0-0-2,
#panel-24-0-0-3{
	margin-bottom: 0 !important;
}

/*===============================================
 *  contact
===============================================*/
#contact{
	padding: 5% 5% 0 1%;
}
.contact p{
	margin: 15px 0 5px !important;
}
.submit{
	margin: 30px 0 0;
	text-align: center;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"]{
	background: #999;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #fff;
	padding: 4% 20%;
	text-shadow: none !important;
	transition: all .3s;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover{
	opacity: .7;
}
/*===============================================
 *  solo
===============================================*/
.page-id-463{
	background-attachment: fixed;
	position: relative;
	background-image: url("https://junmurayama.com/wp-content/uploads/2021/02/home_kv.jpg") !important;
	background-position: right top;
	background-size: cover;
	height: 100vh !important;
}
.page-id-463 #page{
	z-index: 0 !important;
}
.page-id-463 .site-header{
	z-index: 0 !important;
}
.page-id-463 .site-branding h1 a,
.page-id-471 .site-branding h1 a{
	color: #fff;
	font-size: 24px;
	font-family: 'Sawarabi Gothic', sans-serif;
}
.page-id-471 header.site-header,
.page-id-463 header.site-header{
	background: transparent !important;
	height: 100% !important;
}
.page-id-463 .main-navigation a,
.page-id-471 .main-navigation a{
	color: #fff !important;
}
.page-id-463 #content,
.page-id-463 .entry-footer,
.page-id-471 .entry-footer{
	display: none !important;
}
#alteration{
	display: none;
	position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
	text-align: center;
	z-index: 100 !important;
}
#alteration a{
	color: #fff !important;
	margin-top: 15px;
	text-decoration: underline;
}
#alteration h1{
	margin: 0 0 15px;
}
#alteration h1 a{
	display: block;
	transition: all 0.3s;
}
#alteration h1 a:hover{
	opacity: .7;
}
#alteration h1 img{
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
#alteration p{
	color: #fff;
	font-size: 16px;
	margin: 0;
}
.delay{
      animation-duration: 4s !important;
      animation-delay: 1s !important;
}
.page-id-471 p.copyright,
.page-id-463 p.copyright{
	color: #fff !important;
}
/* alteration
-----------------------------------------------*/
.ttl_alteration{
	color: #fff;
	font-family: 'Sawarabi Gothic', sans-serif;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 5px;
	margin: 0 0 50px;
	text-align: center;
}
.page-id-471{
	background-attachment: fixed;
	position: relative;
	background-image: url("https://junmurayama.com/wp-content/uploads/2021/02/home_kv.jpg") !important;
	background-position: right top;
	background-size: cover;
	height: 100vh !important;
}
.page-id-471 #page > header,
.page-id-471 #content{
	background: transparent !important;
}
.page-id-471 .profile{
	padding: 5% 5% 0 0;
}
.page-id-471 .box_profile{
	color: #fff;
	display: block;
}
.page-id-471 .box_profile > div{
	width: 100%;
}
.page-id-471 h3,
.page-id-471 .textwidget p,
.page-id-471 .textwidget dl{
	color: #fff !important;
}
.page-id-471 ul.act{
	margin-bottom: 30px;
}
.page-id-471 h3{
	font-size: 16px !important;
}
.works_detail{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.works_detail > div{
	width: 48%;
}
.staff{
	margin-bottom: 50px;
}
.subscription p a{
	color: #fff !important;
	text-decoration: underline !important;
}
/*===============================================
 *  footer
===============================================*/
p.copyright{
	font-size: 10px;
	margin: 0 !important;
}
body:not(.home) footer.footer{
	margin: 5px;
	text-align: right;
}
/*===============================================
 *  media query
===============================================*/
@media screen and (min-width: 1170px){

}
@media screen and (max-width: 1169px) and (min-width: 992px){

}
@media screen and (max-width: 991px) and (min-width: 783px){
	.post-type-archive-works .blocks-wrap > div{
		width: 33.333%;
	}
}
@media screen and (min-width: 783px){
	.only_sp{
		display: none !important;
	}
	#site-navigation{
		position: absolute;
		top: 50%;
		left: 0;
		-ms-transform: translate(0,-50%);
		-webkit-transform: translate(0,-50%);
		transform: translate(0,-50%);
		margin:0;
		padding:0;
		width: auto !important;
	}
	.main-navigation a{
		display: inline-block;
	}
	.home #page{
		height: 100vh;
	}
	.home #content{
		position: relative;
	}
	.home #primary,
	.home #main,
	.home #main > article,
	.home #main .entry-content,
	.home #main .entry-content > div,
	.home #main .entry-content > div > div,
	.home #main .entry-content > div > div > div,
	.home #main .entry-content > div > div > div > div{
		height: 100% !important;
	}
	#page > header{
		background-color: #fff;
		background-image: url("https://junmurayama.com/wp-content/uploads/2021/01/icon_star.svg");
		background-position: -20vw 20vh;
		background-repeat: no-repeat;
		background-size: 70vw;
		padding-left: 2%;
	}
	.latest_post{
		background: rgba(255,255,255,0.9);
		box-shadow: 0 0 4px #f2f2f2;
		position: absolute;
		top: 70%;
		left: 50%;
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		margin: 0 5% 0 0;
		padding: 15px;
		width: 95%;
	}
	.post-type-archive-works .section_sub{
		position: absolute;
		top: 50%;
		right: 5%;
		-ms-transform: translate(0,-50%);
		-webkit-transform: translate(0,-50%);
		transform: translate(0,-50%);
		margin:0;
		padding:0;
		text-align: right;
	}
	.home footer.footer{
		position: absolute !important;
		top: unset !important;
		right: 5px;
		bottom: 5px;
		text-align: right;
	}
	.box_works{
		margin-top: 36vh;
	}
	.page-id-471 #page_title{
		top: 50%;
		left: 55%;
		width: 50%;
	}
}
@media screen and (max-width: 782.99px){
	.only_pc{
		display: none !important;
	}
	body.home,
	body.home #page,
	body.home #page > header{
		height: 100vh;
	}
	.home .site-branding{
		background: #fff;
		position: relative;
		z-index: 1;
	}
	.site-branding img{
		width: 30vw;
	}
	#page{
		display: block;
	}
	.home #page_title{
		width: 90vw;
		z-index: 0;
	}
	.home #page_title{
		top: 50% !important;
		left: 50%;
		z-index: 0;
	}
	#page_title img{
		width: 50%;
	}
	#page_title{
		top: 60%;
		left: 50%;
	}
	.header-menu-button{
		background: transparent !important;
		position: absolute;
		top: 10px;
		right: 15px;
		z-index: 2;
	}
	.header-menu-button i{
		color: #000;
	}
	.main-navigation #main-menu{
		right: -100%;
		width: 100%;
	}
	.home #content{
		background: rgba(255,255,255,0.5);
		display: none !important;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 1000;
	}
	body:not(.home) .site-header-inner{
		height: 30vh;
	}
	body.page-id-463 .site-header-inner,
	body.page-id-471 .site-header-inner{
		height: auto !important;
	}
	.main-navigation li a{
		font-size: 18px;
		left: 0 !important;
		padding: 12px 0 !important;
		text-align: center;
	}
	.main-navigation li a:hover::after{
		display: none !important;
	}
	.main-navigation li.current-menu-item > a, .main-navigation li.current_page_item > a{
		background: rgba(255,255,255,0.1) !important;
		color: #fff !important;
	}
	#menu-item-204,
	#menu-item-206{
		margin: 0 45%;
		width: 10%;
	}
	.profile{
		padding: 0;
	}
	.box_profile{
		display: flex;
	}
	.box_profile > div{
		width: 49%;
	}
	.post-type-archive-works .blocks-wrap > div{
		width: 20%;
	}
	.blog .blocks-wrap{
		padding: 0;
	}
	.post-left{
		padding: 0;
	}
	.section_sub{
		margin-bottom: 30px;
	}
	.sort_controls{
		display: flex;
		flex-wrap: wrap;
	}
	.sort_control{
		background: #e8e8e8;
		border-radius: 0 !important;
		font-size: 16px;
		margin: 1%;
		width: 23%;
		padding: 5px 0;
		text-align: center;
	}
	.post-type-archive-lm #main{
		padding: 0;
	}
	#contact{
		padding: 0;
	}
	body:not(.home){
			background-attachment: fixed;
			background-image: url("https://junmurayama.com/wp-content/uploads/2021/01/icon_star2-color.svg");
			background-position: right top;
			background-repeat: no-repeat;
			background-size: 55%;
	}
	body.home #content {
		background: none !important;
	}
	body:not(.home) #content{
		background: none !important;
	}
	#page {
			background-attachment: fixed;
			background-image: url("https://junmurayama.com/wp-content/uploads/2021/01/icon_star.svg");
			background-position: -20vw bottom;
			background-repeat: no-repeat;
			background-size: 70vw;
			padding-left: 0;
	}
	.current-menu-item a::after{
		display: none !important;
		content: "";
		color: #240088;
		display: inline-block;
		margin-left: 12px;
		background: url(https://junmurayama.com/wp-content/uploads/2021/01/icon_star3.svg);
		/*position: absolute;
		right: -20px;
		top: 0;*/
		width: 15px;
		height: 15px;
		background-repeat: no-repeat;
	}
	.current-menu-item::after{
		display: none !important;
	}
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"]{
		padding: 5% 0;
		width: 100%;
	}
	.home footer.footer{
		position: fixed;
		bottom: 5px;
		margin: 5px auto;
		text-align: center;
		width: 100%;
	}
	body:not(.home) footer.footer{
		text-align: center;
	}
	.box_works{
		margin-top: 0 !important;
	}
	#alteration{
		width: 70% !important;
	}
	.page-id-463,
	.page-id-471{
		background-position: 60% center !important;
		background-size: cover !important;
	}
	.page-id-463 .header-menu-button i,
	.page-id-471 .header-menu-button i{
		color: #fff !important;
	}
	.page-id-463 #page,
	.page-id-471 #page{
		background: none !important;
	}
	.page-id-463 .site-header-inner,
	.page-id-471 .site-header-inner{
		height: auto !important;
	}
	.page-id-463 #page_title,
	.page-id-471 #page_title{
		position: relative !important;
		top: unset !important;
		left: unset !important;
		transform: unset !important;
	}
	.works_detail{
		display: block;
	}
	.works_detail > div{
		width: 100%;
	}
	.staff{
		margin-top: 30px;
	}
}
@media screen and (max-width: 640px){
	.site-branding img{
		width: 40vw;
	}
	#page_title img{
		width: 70%;
	}
	.post-type-archive-works .blocks-wrap > div{
		width: 25%;
	}
	.electa-blocks-post{
		width: 100% !important;
	}
	.box_profile{
		display: block;
	}
	.box_profile > div{
		width: 100%;
	}
	.profile_photo{
		margin-bottom: 30px;
	}

}
@media screen and (max-width: 480px){
	.site-branding img{
		width: 55vw;
	}
	#page_title img{
		width: 100%;
	}
	.post-type-archive-works .blocks-wrap > div{
		width: 50%;
	}
}