☆music.BBS管理人へのお問い合わせ

<script>function scrollTo(id, opt) {$('html, body').animate({scrollTop:$(id).offset().top});if (opt=='fadeOut') {$(id).fadeOut(3000);}return false;}$(function(){$('a[href^="#"]').click(function(){var speed = 500;var href= $(this).attr('href');var target = $(href == '#' || href == '' ? 'html' : href);var position = target.offset().top;$('html, body').animate({scrollTop:position}, speed, 'swing');return false;});else if  (this.href) {var modalName = 'miniWindow';var target = this.href;}else {return false;}}</script>

$(function(){

//アンカーリンクのスムーススクロール
	//$('a[href^="#"]').click(function(){
		//var speed = 500;
		//var href= $(this).attr('href');
		//var target = $(href == '#' || href == '' ? 'html' : href);
		//var position = target.offset().top;
		//$('html, body').animate({scrollTop:position}, speed, 'swing');
		//return false;
	//});
	
	//ページの先頭へ戻るボタン
	$('body').after('<span id="page-top" style="display: none;"><span>');
	var topBtn = $('#page-top-button');	
	topBtn.hide();
	$(window).scroll(function () {
		if ($(this).scrollTop() > 200) {
			topBtn.fadeIn();
		} else {
			topBtn.fadeOut();
		}
	});

//メニューがあればスマホ時のハンバーガーメニュー
	if ($.makeArray($('nav.menu > ul > li')).length != '0') {
		$('#head > h1').after('<div id="hamburger"><div><span></span> <span></span> <span></span></div></div>');
		$('#hamburger').click(function(){
			//横スクロールを防止
			if (!$('#head').hasClass('open-hamburger')) {
				$('#head > nav.menu').css('display','block');
			}
			else {
				$('#head > nav.menu').css('display','none');
			}
			//.open-hamburger クラスの追加削除
			$('#head').toggleClass('open-hamburger');
		});
	}
	
	//記事内youtubeタグ調整
	$('#main > article > iframe').wrap('<div class="video"></div>');

//記事内画像を調整
	if ($('#main > article').width()) {
		var article_w = $('#main > article').width();
		var img = 'img.pict';
		$(img).each(function(){
			//画像幅取得出来れば
			if ($(this).width()) {
				var img_w = $(this).width();
				//記事幅より大きければリサイズのcssをセット
				if (img_w >= article_w) {
					$(this).css({'width':'100%', 'object-fit':'cover;'});
				}
			}
			//取得不能なら
			else {
				//サムネイルでないと判断されればリサイズのcssをセット
				if (!$(this).parent().attr('href')) {
					$(this).css({'width':'100%', 'object-fit':'cover;'});
				}
			}
			
			//floatの種類によって画像のmarginを分岐
			if ($(this).css('float')) {
				var float = $(this).css('float');
				if (float == 'left' || float == 'right') {
					var mlr = '1.2rem';
					var mb = '0rem';
					var mt = '0.8rem';
					if (float == 'left') {
						$(this).css('margin', mt + ' ' + mlr + ' ' + mb + ' 0');
					}
					else if (float == 'right') {
						$(this).css('margin', mt + ' 0 ' + mb + ' ' + mlr);
					}
				}
			}
		});
	}

//モーダル対象をクリック
	$('a.modal-open, a .pict').click(function(){
		//条件分岐しモーダル名とターゲットを定義
		//ブログなどで投稿された画像
		if ($(this).parent().attr('href') && this.src) {
			var modalName = 'postImg';
			var target = $(this).parent().attr('href');
		}
		//コメント削除などのミニウインドウ
		else if  (this.href) {
			var modalName = 'miniWindow';
			var target = this.href;
		}
		else {
			return false;
		}
		
		// オーバーレイ用の要素を追加しフェードイン
		$('body').append('<div class="modal-overlay"></div>');
		$('.modal-overlay').fadeIn('slow');
				
		// モーダル定義
		if (modalName == 'miniWindow') {
			var modal = $('<div class="modal-content"><iframe src="' + target + '"></iframe><p class="modal-close-p"><span class="modal-close">✕ Close</span></p></div>').insertBefore('body');
		}
		else if (modalName == 'postImg') {
			var modal = $('<div class="modal-content-img"><img src="' + target + '"></div>').insertBefore('body');
		}
		
		// モーダルの表示位置を設定
		modalResize();
		
		 // モーダルフェードイン
		$(modal).fadeIn('slow');
		
		// 閉じる
		$('.modal-overlay, .modal-content-img, .modal-close').off().click(function(){
			// モーダルとオーバーレイをフェードアウト
			$(modal).fadeOut('slow');
			$('.modal-overlay').fadeOut('slow',function(){
				// オーバーレイを削除
				$('.modal-overlay').remove();
			});
		});
		
		// リサイズしたら表示位置を再取得
		$(window).on('resize', function(){
			modalResize();
		});

// モーダルの表示位置
		function modalResize(){
			// ウィンドウの横幅、高さを取得
			var w = $(window).width();
			var h = $(window).height();
			
			// 対象の横幅、高さを取得
			if (modalName == 'miniWindow') {
				// モーダルの表示位置を取得
				var x = (w - $(modal).outerWidth(true)) / 2;
				var y = (h - $(modal).outerHeight(true)) / 2;
				// モーダルの表示位置を設定
				$(modal).css({'left': x + 'px','top': y + 'px'});
			}
			else if (modalName == 'postImg') {
				var img = new Image();
				img.src = target;
				
				//ロード後に実行
				img.onload = function () {
					// モーダルの表示位置を取得
					var x = (w - img.width) / 2;
					var y = (h - img.height) / 2;
					
					if (w < img.width) {
						$('.modal-content-img img').css('width', w + 'px');
						var x = 0;
						//h - 横幅の縮小率から算出した高さ / 2
						var y = (h - img.height/(img.width/w)) / 2;
					}
					else if (h < img.height) {
						$('.modal-content-img img').css('height', h + 'px');
						//w - 縦幅の縮小率から算出した幅 / 2
						var x = (w - img.width/(img.height/h)) / 2;
						var y = 0;
					}
					
					// モーダルの表示位置を設定
					$(modal).css({'left': x + 'px','top': y + 'px'});
				}
			}
		}
		
		return false;
		
    });
});
</script>
<div style="font-size:70%; display:block; width:100%; height:auto; margin:0; padding:0 10px 10px 10px; position:fixed; bottom:0; right:0; color:#FFF!important; text-align:center; font-weight:bold; background-color:rgba(0,0,0,0.4); z-index:9005;"><div style="font-size:200%; text-align:left; font-weight:bold; margin:0; padding:0;"><span style="cursor:pointer;  margin:0; padding:0;" onclick="parentNode.parentNode.style.display='none'">×</span></div><div style="font-weight:bold; margin-bottom:10px;">Sponsored link</div>

<script type="text/javascript"></script>
<script type='text/javascript' src='https://wox.cc/site/js/ad_normal_wox.cc.js'></script>
<br /><br />
This advertisement is displayed when there is no update for a certain period of time.<br />
It will return to non-display when content update is done.<br />
Also, it will always be hidden when becoming a <a href="https://wox.cc/premium">premium user</a>.
</div></body>
</html>

メールボックス