/* CSS読込順による削除不可項目*/
#header-top-contents {
	background-color:black;
	color:white;
	padding:3px 6px;
	text-align:left;
	letter-spacing:0.1em;
}
#site-global-navigation {
	margin:0px;
}

#site-header-flex-container > .menu-toggle > span {background-color:white;}
#site-header-flex-container > .menu-toggle > span:before {background-color:white;}
#site-header-flex-container > .menu-toggle > span:after {background-color:white;}
#header-menu-sp li {background-color:rgba(29,45,103,0.9);color:white;}
#site-global-sp-navigation ul li a,	#site-global-sp-navigation ul li a:link,#site-global-sp-navigation ul li a:hover,#site-global-sp-navigation ul li a:visited,#site-global-sp-navigation ul li a:focus,#site-global-sp-navigation ul li a:active {color:white;}
    #site-header-flex-container > .menu-toggle {padding:10px;height:48px;}
.lw_s_1st img {
	max-width:300px;
}
.tw_s_2nd {
	height:118px;
}

#site-main {
	padding:10px;
}
.entry-content figure img {
	max-width:100%!important;
	min-width:100px;
	margin:0px!important;

}
.entry-content ul {
	margin:0px;
	padding:0px;
}
.entry-content figure {
	padding:0px;
}
.entry-content {
	font-size:16px;
}

.sns_insta {
	display:none;
	width:600px;
margin:auto;
padding:20px;}

.sns_insta_pc {
	width:80%;
	
margin:auto;
padding:20px;}



#top-post-list-sp-blog h4 {
	margin:0px;
	padding:0px;
}
/* 削除不可項目ここまで*/





/* works self*/
.works_self {
	width:100%;
	margin:0px auto 40px;
	padding:0px;
	background-color:rgba(0,0,0,0)
}
.works_self h2 {
	color:darkblue;
	font-size:20px;
	padding:10px;
	text-align:center;
	font-weight:bold;
	border-top:2px solid darkblue;
	border-bottom:2px solid darkblue;
}
#post-206 .entry-content {
	padding:8px;
}
#post-206 h3 {
	padding-top:20px;
	font-weight:bold;
	color:darkblue;
}
#post-206 a {
	color:darkblue;
}

#works_desc p {
	margin:auto;
	padding:10px;
	max-width:900px;
	font-size:14px;
}


/* ブログページ調整10.01 */
article.type-post {
	background-color:lighten;
	width:95%;
	max-width:900px;
	margin:10px auto 30px;
	border-radius:5px;
	box-shadow:0px 0px 10px 5px rgba(0,0,0,0.05);
}

.type-post .post-padding {
	background-color:transparent;
	border-bottom:0px solid transparent;
	margin:0px;
	padding:0px;}

.type-post .entry-header {
	background-color:rgba(0,0,0,0.9);
	border-radius:5px 5px 0px 0px ;
	color:rgba(4, 186, 255, 1);
	line-height:1em;
	padding:0px;
	margin:0px;
}
.type-post .entry-header .entry-meta {
	padding:5px 10px;
	margin:0px;
	font-size:12px;
	letter-spacing:0.05em;
	background-color:rgba(0,0,0, 1);
	border-radius:5px 5px 0px 0px;
	color:white;
}
.entry-date {
	color:white;
	font-weight:bold;
}
.type-post .entry-header .entry-meta a,.type-post .entry-header .entry-meta  a:link,.type-post .entry-header .entry-meta  a:hover,.type-post .entry-header .entry-meta  a:visited {
	color:rgba(4, 186, 255, 1);
}

h2.entry-title {
	color:white;
	font-size:18px;
	font-family:sans-serif;
	word-break:break-all;
	width:100%;
	font-weight:bold;
	letter-spacing:0.05em;
	line-height:1.5em;
	padding:10px 15px;
	margin:0px;
}

h2.entry-title a:link,h2.entry-title a:visited  {
	color:white;
	font-weight:bold;
	}
h2.entry-title a:hover  {
	color:rgba(4, 186, 255, 1);
	text-decoration:none;
	}

.post-thumbnail-figure {
	padding:0px;
	margin:15px;
	width:300px;
	overflow:hidden;
}
.post-thumbnail-figure img {
	width:100%;
}


.type-post .entry-content p {
	font-size:15px;
	padding:5px 10px;
	margin:5px auto;
	letter-spacing:0.1em;
	font-weight:bold;
}
.type-post .entry-footer {
	padding:0px 10px 5px;
	margin:0px;
	background-color:rgba(0,0,0,0);
	border-radius:0px 0px 5px 5px;
	color:white;
}
.cat-links:before,.tags-links:before,.comments-link:before {
	color:gray;
}

.cat-links a, .cat-links a:link, .cat-links a:visited ,.tags-links a:link,.comments-link a:visited {
	color:white;
	background-color:gray;
	border-radius:15px;
	padding:0px 10px;
	margin:0px 2px;
	font-size:11px;
}

.single-post .entry-title {
	color:white;
	background-color:rgba(4, 186, 255, 1);
	font-size:25px;
	line-height:1.5em;
	letter-spacing:0.1em;
	padding:5px 10px;
	border-radius:5px 5px 0px 0px;
}
.single-post .type-post .entry-meta {
	background-color:white;
	color:black;
	border-radius:0px;
	border:0px solid transparent;
}

.single-post .type-post .entry-meta-date {
	line-height:1.5em;
}
.single-post .type-post .entry-meta-tag a, .single-post .type-post .entry-meta-tag a:link, .single-post .type-post .entry-meta-tag a:visited, .single-post .type-post .entry-meta-tag a:hover {
	background-color:rgba(4, 186, 255, 1);
color:white;
	padding:0px 8px;
	border-radius:15px;
	margin:2px;
}
.single-post .type-post .entry-meta-tag {
	padding:0px;
}
.single-post .type-post .cat-links:before {
	color:black;
}
.single-post .type-post .tags-links:before {
	color:black;
}
.single-post .type-post .posted-on:before {
	color:black;
}
.single-post .type-post .entry-date {
	color:rgba(4, 186, 255, 1);
	font-weight:200;
	font-size:11px;
}

.widget-sidebar-area ul {
	width:96%;
	margin:auto;
}
.nav-links a,.nav-links a:link,.nav-links a:visited,.nav-links a:hover {
	color:rgba(4, 186, 255, 1);
}

#mutrance-sns-icons {
	padding:20px 0px 10px 0px;
}








@media (max-width:660px) {
	.single-post .type-post .entry-meta-tag a, .single-post .type-post .entry-meta-tag a:link, .single-post .type-post .entry-meta-tag a:visited, .single-post .type-post .entry-meta-tag a:hover {
	background-color:rgba(4, 186, 255, 1);
color:white;
	padding:0px 8px;
	border-radius:15px;
	margin:2px;
	line-height:1.5em;
}
	
.type-post .entry-content p {
	font-size:3.5vw;
	padding:5px;
	margin:1vw;
	letter-spacing:0.1em;
	font-weight:bold;
}	
	
	
	
}














/*SP用*/
@media (max-width:660px) {
#header-breadcrumb {
		font-size:2.5vw;
		background-color:rgba(0,0,60,0.8);
		padding:5px 7px;
		letter-spacing:0.1em;
	}
	#header-breadcrumb a {
		color:white;
	}
.single #header-breadcrumb {
		margin-top:90px;
	}
.single #mutrance-content {
		margin-top:0px!important;
	}
	.top_catch h2 {
		font-size:4vw!important;
	}
	
	.lw_s_1st img {
		width:100%!important;
		min-width:100%;
	}
	
	
	
	
		
.sns_insta_pc {
	display:none;
}
	
	
	
.sns_insta {
	display:block;
	width:96%;
margin:auto;
padding:2%;}
	
	
	#header-menu-sp li {
background-color:rgba(29,45,103,0.9);
	color:white;}

	#site-global-sp-navigation ul li a,	#site-global-sp-navigation ul li a:link,	#site-global-sp-navigation ul li a:hover,	#site-global-sp-navigation ul li a:visited,	#site-global-sp-navigation ul li a:focus,	#site-global-sp-navigation ul li a:active {
		color:white;
	}
	
h1#sub_entry-title {
	font-size:5vw;
		}
	        
#header-top-contents {
	padding:3px 8px;
	font-size:3.5vw;
}

.site-header-title-image {
	height:50px;
}

#front .sec {
		padding:30px 0px;
		margin:0px;
	}
#front h2{
	font-size:5.5vw;
	
}
section.top_news {
	margin:0px auto;
	padding:10px 4px;
}
	.top_news ul {
		padding:8px;
	}

.news_date {
	font-size:3vw;
}
.top_news a, .top_news a:hover, .top_news a:visited, .top_news a:link {
	color:darkblue;
	font-weight:bold;
	font-size:3.8vw;
	line-height:1em;
}

    
    

.works_flex {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	width:98vw;
	margin:20px auto 40px;
	
}
.w_single {
	width:47vw;
	display:block;
	padding:0px;
	margin:1vw;
	border-radius:0px;
	box-shadow:1px 1px 5px 1px rgba(0,0,0,0.3)
}
.w_s_1st {
	width:47vw;
	min-width:45vw;
	height:30vw;

}
.w_s_1st iframe{
	width:47vw;
	height:30vw;
}

.w_s_2nd {
	display:none;
	padding:3px 0px 0px 15px;
	width:60%;
}
.w_s_2nd h1{
	font-size:18px;
	font-weight:bold;
	color:darkblue;
	padding-bottom:8px;
}
.w_excerpt {
	font-size:15px;}

	.page .entry-content {
		padding:8px;
	}
	
	
	
	
	
	/* works self*/
.works_self {
	font-size:3vw;
}
.works_self h2 {
	color:darkblue;
	font-size:20px;
	padding:10px;
	text-align:center;
	font-weight:bold;
	border-top:2px solid darkblue;
	border-bottom:2px solid darkblue;
}
#post-206 .entry-content {
	padding:8px;
}
	#post-206 p {
		padding-bottom:10px;
	}

	
	
	
	
	
	
	
	
	
#works_desc p {
	font-size:3.5vw;
}
	
	
	
	
	
	
	
	
	
	

	.sp {
		display:block;
	}
}














@media (min-width:660px){
	.sp {
		display:none;
	}
}




/* contact page*/
#post-229 {
	font-size:14px;
}
#post-229 h2 {
	font-weight:bold;
}
#post-229 ul {
	padding:0px 0px 0px 20px;
}
#post-229 li {
	padding-bottom:10px;
}




/* order form */


.wpcf7-form {
	background-color:rgba(0,0,0,0.04);
	padding:20px;
	width:96vw;
	max-width:900px;
	border-radius:10px;
	margin:20px auto;
	margin-bottom:50px;
	text-align:center;
}
.required {
	color:white;
	background-color:red;
	border-radius:3px;
	padding:4px 6px;
	font-size:12px;
	margin:5px;
}

#wpcf7-f228-p229-o1 input {
	margin:5px;
}

#wpcf7-f228-p229-o1 p {
 padding:0px 0px;	
	font-size:16px;
	color:black;
	letter-spacing:0.1em;
}

#wpcf7-f228-p229-o1 p:nth-child(2) {
 padding:0px 0px;	
	font-size:16px;
	color:black;
	letter-spacing:0.1em;
	text-align:left;
	width:100%;
	font-weight:bold;
}
#wpcf7-f228-p229-o1 p:nth-child(2) input{
 padding:7px;
	margin:5px 0px 10px;
	font-size:16px;
	color:black;
	letter-spacing:0.1em;
	text-align:left;
	width:80%;
}
#wpcf7-f228-p229-o1 p:nth-child(3) {
 padding:10px 0px;	
	font-size:16px;
	color:black;
	letter-spacing:0.1em;
	text-align:left;
	width:100%;
	font-weight:bold;
}
#wpcf7-f228-p229-o1 p:nth-child(3) input{
 padding:7px;
	margin:5px 0px 10px;
	font-size:16px;
	color:black;
	letter-spacing:0.1em;
	text-align:left;
	width:80%;
}
#wpcf7-f228-p229-o1 p:nth-child(4) {
 padding:0px 0px;	
	font-size:16px;
	color:black;
	letter-spacing:0.1em;
	text-align:left;
	width:100%;
	font-weight:bold;
}
#wpcf7-f228-p229-o1 p:nth-child(4) input{
 padding:7px;
	margin:5px 0px 10px;
	font-size:16px;
	color:black;
	letter-spacing:0.1em;
	text-align:left;
	width:80%;
}
#wpcf7-f228-p229-o1 p:nth-child(5) {
 padding:10px 0px;	
	font-size:16px;
	color:black;
	letter-spacing:0.1em;
	text-align:left;
	width:100%;
	font-weight:bold;
}
#wpcf7-f228-p229-o1 p:nth-child(5) input{
 padding:7px;
	margin:5px 0px 10px;
	font-size:16px;
	color:black;
	letter-spacing:0.1em;
	text-align:left;
	width:100%;
}
#wpcf7-f228-p229-o1 p:nth-child(6) {
 padding:0px 0px;	
	font-size:16px;
	color:black;
	letter-spacing:0.1em;
	text-align:left;
	width:100%;
	font-weight:bold;
}
#wpcf7-f228-p229-o1 p:nth-child(6) textarea {
 padding:0px 0px;
	margin:8px 0px;
	font-size:16px;
	color:black;
	letter-spacing:0.1em;
	text-align:left;
	width:100%;
	font-weight:bold;
}





span.wpcf7-form-control-wrap.order-way {
	color:black;
	line-height:3em;
}
#recap {
	padding-left:75px;
	margin:auto;
}



input.wpcf7-form-control.wpcf7-submit {
	background-color:orange;
	font-size:18px;
	letter-spacing:0.1em;
	text-align:center;
	font-weight:bold;
	color:white;
	padding:10px;
	width:300px!important;
	justify-content:center;
	margin:20px auto;
border:1px solid transparent ;
	border-radius:25px
}






	/* order form sp*/

@media (max-width:600px) {
.wpcf7-form {
	background-color:rgba(0,0,0,0);
	width:100%;
	max-width:100%;
	border-radius:0px;
	padding:30px 0px 10px;
	margin:auto;
	margin-bottom:10vw;
	text-align:center;
}
.required {
	color:white;
	background-color:red;
	border-radius:3px;
	padding:1vw 2vw;
	font-size:2.5vw;
	margin:2vw;
}

#wpcf7-f228-p229-o1 input {
	width:100%;
	margin:5px;
}

#wpcf7-f228-p229-o1 p {
 padding:2vw 0px;	
	font-size:3.5vw;
	font-weight:bold;
	color:black;
	text-align:left;
	letter-spacing:0.1em;
}
#wpcf7-f228-p229-o1 p:nth-child(8) {
 padding:10px 0px;	
	font-size:15px;
	color:black;
	text-align:center;
}

span.wpcf7-form-control-wrap.order-way {
	color:black;
	line-height:1.5em;
}
#recap {
	padding:10px 0px;
}



input.wpcf7-form-control.wpcf7-submit {
	background-color:orange;
	font-size:18px;
	letter-spacing:0.1em;
	text-align:center;
	font-weight:bold;
	color:white;
	width:97%!important;
	justify-content:center;
	margin:20px auto;
border:1px solid transparent ;
	border-radius:2px
}






}

.entry-content p {
	margin:20px 10px ;
}

.type-post .entry-content p a {
	word-break:break-all;
}

/* new works */

.image_box {
	width: 320px;
	min-width: 320px;
	height: 180px;
	position: relative;
	overflow:hidden;
}

.image_box img{
	object-fit: cover;
	width: 320px;
	height:auto;
}

.image_box.is_nopic{
	background:#424242;
}
.image_box.is_nopic span{
	display:block;
	color:#f1f1f1;
	font-size:24px;
		position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}

.image_box a:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	background: url("https://narration-pro.jp/sawaken/wp-content/uploads/2019/05/btn_playmovie.png") no-repeat;
	background-size: contain;
	width: 63px;
	height: 63px;
		 transform: translateY(-50%) translateX(-50%);
	z-index:2;
}

.image_box a{
	display:block;
	width:100%;
	height:100%;
}

.image_box a:hover::before{
		opacity:0.5;
}
.image_box.is_nopic:hover{
			opacity:0.8;
}

.image_box:hover img{
	opacity:0.7;
}

@media (max-width: 660px){
	.image_box{
		width: 47vw;
    min-width: 45vw;
    height: 30vw;
	}
	.image_box img{
		width: auto;
    min-width: 47vw;
    height: 100%;
		margin:0 auto;
}
	.image_box a:before{
			width: 8vw;
    height: 8vw;
	}

}