@charset "UTF-8";
/* ========================== Format ========================== */
/* kill 'Browser standard style' */
body,
h1,h2,h3,h4,h5,h6,
form,fieldset,select,option,address,pre,button,
strong,em,input,article,main,section,nav,menu,time,footer{
	margin:0;	padding:0;	font-weight:normal;	font-style:normal;
	text-decoration:none;
	font-family:"メイリオ",Meiryo,"Hiragino Kaku Gothic ProN","ＭＳ ゴシック",sans-serif;
	line-height:1.5;
}

/* for IE */
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {display: block;    overflow:visible;}


/* Browser clear */
.clearfix::after {
	content: ".";
	display: block;
	line-height:0;
	clear: both;
	visibility: hidden;
	margin-top:-1px;
	font-size:1px;
}
.clearfix{
	zoom:100%;
}
* html .clearfix {
	/*\*/height: 1%;/*for WinIE*/
	display: inline-table;/*for MacIE*/
}
.clear {
	clear: both;
}

/* 強制横幅指定 */

.w-30{width:30px;}
.w-50{width:50px;}
.w-80{width:80px;}
.w-100{width:100px;}
.w-110{width:110px;}
.w-120{width:120px;}
.w-130{width:130px;}
.w-140{width:140px;}
.w-150{width:150px;}
.w-200{width:200px;}
.w-210{width:210px;}
.w-250{width:250px;}
.w-280{width:280px;}
.w-300{width:300px;}
.w-350{width:350px;}
.w-400{width:400px;}
.w-450{width:450px;}



.w-500{width:500px;}
.w-550{width:550px;}
.w-600{width:600px;}
.w-650{width:650px;}
.w-700{width:700px;}
.w-750{width:750px;}
.w-800{width:800px;}
.w-850{width:850px;}
.w-900{width:900px;}
.w-950{width:950px;}

@media only screen and (max-width: 480px) {
.w-500{width: initial;width: auto;}
.w-550{width: initial;width: auto;}
.w-600{width: initial;width: auto;}
.w-650{width: initial;width: auto;}
.w-700{width: initial;width: auto;}
.w-750{width: initial;width: auto;}
.w-800{width: initial;width: auto;}
.w-850{width: initial;width: auto;}
.w-900{width: initial;width: auto;}
.w-950{width: initial;width: auto;}
}
/* これ以上は使えないかも */
.w-1000{width:1000px;}
.w-1050{width:1050px;}
.w-1100{width:1100px;}
.w-1150{width:1150px;}
.w-1200{width:1200px;}
.w-1250{width:1250px;}
.w-1300{width:1300px;}


/* 400px以上はspで初期状態にリセット */
@media only screen and (max-width: 1000px) {
.w-1000,.w-1050,.w-1100,.w-1150,.w-1200,.w-1250,.w-1300{width: initial;width: auto;} 
}
@media only screen and (max-width: 960px) {
.w-750,.w-800,.w-850,.w-900,.w-950{width: initial;width: auto;} 
}
/*
@media only screen and (max-width: 770px) {
.w-650,.w-700{width: initial;width: auto;} 
}
*/
@media only screen and (max-width: 660px) {
.w-500,.w-550,.w-600{width: initial;width: auto;} 
}
@media only screen and (max-width: 420px) {
.w-400{width: initial;width: auto;}
}

/* 強制margin指定 */

.ml-0{margin-left:0px;}
.ml-2{margin-left:2px;}
.ml-4{margin-left:4px;}
.ml-6{margin-left:6px;}
.ml-8{margin-left:8px;}
.ml-10{margin-left:10px;}
.ml-20{margin-left:20px;}
.ml-30{margin-left:30px;}
.ml-40{margin-left:40px;}
.ml-50{margin-left:50px;}
.ml-100{margin-left:100px;}
.ml-150{margin-left:150px;}
.ml-200{margin-left:200px;}
.ml-250{margin-left:250px;}
.ml-300{margin-left:300px;}
.ml-350{margin-left:350px;}
.ml-400{margin-left:400px;}
.ml-450{margin-left:450px;}
.ml-500{margin-left:500px;}
.ml-550{margin-left:550px;}
.ml-600{margin-left:600px;}

.mr-0{margin-right:0px;}
.mr-2{margin-right:2px;}
.mr-4{margin-right:4px;}
.mr-6{margin-right:6px;}
.mr-8{margin-right:8px;}
.mr-10{margin-right:10px;}
.mr-20{margin-right:20px;}
.mr-30{margin-right:30px;}
.mr-40{margin-right:40px;}
.mr-50{margin-right:50px;}
.mr-100{margin-right:100px;}
.mr-150{margin-right:150px;}
.mr-200{margin-right:200px;}
.mr-250{margin-right:250px;}
.mr-300{margin-right:300px;}
.mr-350{margin-right:350px;}
.mr-400{margin-right:400px;}
.mr-450{margin-right:450px;}
.mr-500{margin-right:500px;}
.mr-550{margin-right:550px;}
.mr-600{margin-right:600px;}

.mt-0{margin-top:0px;}
.mt-2{margin-top:2px;}
.mt-4{margin-top:4px;}
.mt-6{margin-top:6px;}
.mt-8{margin-top:8px;}
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px;}
.mt-50{margin-top:50px;}
.mt-100{margin-top:100px;}
.mt-150{margin-top:150px;}
.mt-200{margin-top:200px;}
.mt-250{margin-top:250px;}
.mt-300{margin-top:300px;}
.mt-350{margin-top:350px;}
.mt-400{margin-top:400px;}
.mt-450{margin-top:450px;}
.mt-500{margin-top:500px;}
.mt-550{margin-top:550px;}
.mt-600{margin-top:600px;}

.mb-0{margin-bottom:0px;}
.mb-2{margin-bottom:2px;}
.mb-4{margin-bottom:4px;}
.mb-6{margin-bottom:6px;}
.mb-8{margin-bottom:8px;}
.mb-10{margin-bottom:10px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}
.mb-50{margin-bottom:50px;}
.mb-100{margin-bottom:100px;}
.mb-150{margin-bottom:150px;}
.mb-200{margin-bottom:200px;}
.mb-250{margin-bottom:250px;}
.mb-300{margin-bottom:300px;}
.mb-350{margin-bottom:350px;}
.mb-400{margin-bottom:400px;}
.mb-450{margin-bottom:450px;}
.mb-500{margin-bottom:500px;}
.mb-550{margin-bottom:550px;}
.mb-600{margin-bottom:600px;}