/* 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: 25%; }
#wrapper > nav { background-color: transparent; padding-bottom: 20px; }
#wrapper > nav > div { padding-left: 8%; padding-right: 4%; }
#wrapper > nav > div ul li.tate { /*background-size:auto 90%;*/ }
#wrapper > nav > div ul li { width: 49%; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: rgba(237, 237, 237, 0.4); margin-bottom: 10px; }
#wrapper > nav > div ul li a { display: block; width: 96%; padding-top: 75%; height: 0; background-color: rgba(0, 0, 0, 0.4); position: relative; margin: 2%; }
#wrapper > nav > div ul li a p.title { position: absolute; top: 4%; left: 4%; color: #fff; font-size: 3.3vw; line-height: 1.3; padding-right: 20%; }
#wrapper > nav > div ul li a p.date { position: absolute; right: 0; bottom: 0; color: #fff; background-color: rgba(0, 0, 0, 0.4); padding: 0 5% 0 3%; font-size: 3vw; }
#wrapper > nav > div ul li:nth-child(2n) { margin-left: 2%; }
#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; padding-left: 6%; padding-right: 6%; }
#wrapper .post_link { margin-bottom: 40px; }
#wrapper article { margin-bottom: 60px; background-color: transparent; padding-left: 8%; padding-right: 8%; }
#wrapper article > div { border-radius: 10px; padding: 6% 10% 0; background-color: #fff; }
#wrapper article > div header h2 { text-align: center; font-size: 5vw; margin-bottom: 6vw; }
#wrapper article > div div.blog_contents p.thumbnail { width: 80%; margin-bottom: 6vw; }
#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: 6vw; }
#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: 5.5vw; }
#wrapper article > div div.blog_contents div.content h2 { font-size: 5vw; }
#wrapper article > div div.blog_contents div.content h3 { font-size: 4.5vw; }
#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; }