/* Scss Document */
/*
$img1:url("https://musicpowerforall.com/wordpress/wp-content/themes/musicpowerforall/images/blog/DSC_3247.jpg");
*/
body.loaded:before { background-image: url("https://res.cloudinary.com/drvwspeq4/image/upload/f_auto,q_auto:eco/v1588298345/images/blog/DSC_3247_c8z4nh.jpg"); background-size: cover; }

#wrapper > header#header { padding-top: 10%; }
#wrapper > nav { background-color: transparent; }
#wrapper > nav > div { max-width: 1000px; }
#wrapper > nav > div ul li.tate { /*background-size:auto 90%;*/ }
#wrapper > nav > div ul li { width: 32%; background-image: url("https://musicpowerforall.com/wordpress/wp-content/themes/musicpowerforall/images/blog/23f328_23bbc94c2801448697e040209d839dfb~mv2.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; background-color: rgba(237, 237, 237, 0.4); margin-bottom: 20px; margin-left: 2%; }
#wrapper > nav > div ul li a { display: block; width: 96%; padding-top: 66.7%; height: 0; background-color: rgba(0, 0, 0, 0.4); position: relative; margin: 2%; }
#wrapper > nav > div ul li a p.title { position: absolute; right: 10px; bottom: 3px; color: #fff; font-size: 1.8rem; }
#wrapper > nav > div ul li a p.date { position: absolute; right: 0; bottom: 1.75em; color: #fff; background-color: rgba(0, 0, 0, 0.6); padding: 0 5% 0 3%; font-size: 1.8rem; }
#wrapper > nav > div ul li:nth-child(3n+1) { margin-left: 0; }
#wrapper .posts_link, #wrapper .post_link { max-width: 1000px; }
#wrapper .posts_link li a, #wrapper .post_link li a { color: #000; display: block; background-color: #fff; padding-left: 15px; padding-right: 15px; border-radius: 10px; }
#wrapper .posts_link li.before, #wrapper .post_link li.before { float: left; }
#wrapper .posts_link li.next, #wrapper .post_link li.next { float: right; }
#wrapper .posts_link { padding-bottom: 60px; }
#wrapper .post_link { margin-bottom: 40px; }
#wrapper article { margin-bottom: 100px; background-color: transparent; }
#wrapper article > div { max-width: 1000px; border-radius: 10px; padding: 2% 6% 0; background-color: #fff; }
#wrapper article > div header h2 { text-align: center; font-size: 3rem; margin-bottom: 40px; }
#wrapper article > div div.blog_contents { /*				img{
					width:auto!important;
				}*/ }
#wrapper article > div div.blog_contents p.thumbnail { width: 60%; margin-bottom: 40px; }
#wrapper article > div div.blog_contents p.thumbnail img { /*width:100%!important;*/ }
#wrapper article > div div.blog_contents p.date { display: inline-block; padding: 1px 10px 0; color: #fff; background-color: #2f0000; border: 1px solid #2f0000; }
#wrapper article > div div.blog_contents div.content { margin-bottom: 40px; }
#wrapper article > div div.blog_contents div.content strong { font-weight: 600; }
#wrapper article > div div.blog_contents div.content em { font-style: italic; }
#wrapper article > div div.blog_contents div.content ul { list-style: disc; list-style-position: inside; }
#wrapper article > div div.blog_contents div.content ol { list-style: decimal; list-style-position: inside; }
#wrapper article > div div.blog_contents div.content h1 { font-size: 5rem; }
#wrapper article > div div.blog_contents div.content h2 { font-size: 4rem; }
#wrapper article > div div.blog_contents div.content h3 { font-size: 3rem; }
#wrapper article > div div.blog_contents div.content table { border-top: 1px solid #666; border-left: 1px solid #666; }
#wrapper article > div div.blog_contents div.content table td { border-bottom: 1px solid #666; border-right: 1px solid #666; padding: 5px; }
#wrapper article > div div.blog_contents div.content a { text-decoration: underline; }