@charset "UTF-8";

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	memo
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*=====================================================================
	CSS
=======================================================================

(！)メディアクエリ―高精細ディスプレイに対応
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
  #test {
    background-image: url(../img/icon_common@2x.png);
    -webkit-background-size: 88px 220px;
    background-size: 88px 220px;
  }
}

(！)親要素のn番目の子要素であるE要素
E:nth-child(n){}
E:nth-child(5){}　･･･　5番目の要素に適用
E:nth-child(odd){}　･･･　奇数番目の要素に適用
E:nth-child(2n+1){}　･･･　奇数番目の要素に適用
E:nth-child(even){}　･･･　偶数番目の要素に適用
E:nth-child(2n){}　･･･　偶数番目の要素に適用
E:nth-child(3n){}　･･･　3,6,9,12…番目の要素に適用
E:nth-child(3n+1){}　･･･　1,4,7,10…番目の要素に適用

(！)親要素内で兄弟関係にあるE要素でn番目
E:nht-of-type(n){}

(！)サイズ幅は、bodyのフォントサイズを基準
@media only screen and (min-width:64.285em) {
	
}

/*=====================================================================
	javascript(matchMedia.js)
=======================================================================
$(function(){
	
(！)サイズ幅で画像をさしかえ
	var $window = $(window);
	$window.on('load resize', function(){
		if(window.matchMedia("(min-width:500px)").matches){
			$("img.demo").attr("src",$("img.demo").attr("src").replace(/^(.+)_large(\.[a-z]+)$/, "$1_small$2"));
		}
		if(window.matchMedia("(min-width:768px)").matches){
			$("img.demo").attr("src",$("img.demo").attr("src").replace(/^(.+)_small(\.[a-z]+)$/, "$1_large$2"));
		}
	});
});

(！)タグの入れ替え
	$('<select>').appendTo('#test');
	$('<option value="000" selected="selected">000</option>').appendTo('#test select');
	
	$('#test a').each(function() {
		var el = $(this);
		$('<option value="' + el.attr("href") + '" >' + el.text() + '</option>').appendTo("#test select");
	});
	
	$('#test select').change(function(){
		window.location = $(this).find('option:selected').val();
	});
	
	$("#okada").replaceWith(function(){
		return $('<div id="naka">').append($(this).contents());
	});

*/