/*===================================■ basic設定 ■===================================*/

@media screen and (max-width: 767px) {

body {
	width: 100%;
	margin: 0;
	padding: 0;
	color: #373737;
	background-color: #f8f8f8;
	font-size: 15px;
	line-height: 18px;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	-webkit-text-size-adjust: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
header,menu,article,footer { margin: 0; padding: 0; border: none; clear: both; }

a{text-decoration:none; color:#373737;}
img{margin: 0; padding: 0; border: none;}
ul,ol,li{margin: 0; padding: 0; border: none; list-style:none;}
div,dl,dd,dt{margin: 0; padding: 0; border:none;}
hr {display: none;}
p{margin: 0; padding: 0;}

.clear{clear:both;}
.clear_info{clear:both;}
.clearfix{zoom:1;}
.clearfix:after{ display:block;	content:'';	clear:both;}

/*===================================■ margin調整 ■===================================*/

/*----- マージン調整 (幅,高さ) -----*/
.m_auto { margin:0px auto;}
.m_1 { margin:1px;}
.m_5 { margin:5px;}
.m_8 { margin:8px;}
.m_10 { margin:10px;}
.m_15 { margin:15px;}
.m_20 { margin:20px;}
.m_25 { margin:25px;}
.m_30 { margin:30px;}

/*----- マージン調整 (幅) -----*/
.m_w1 { margin:0px 1px;}
.m_w5 { margin:0px 5px;}
.m_w8 { margin:0px 8px;}
.m_w10 { margin:0px 10px;}
.m_w15 { margin:0px 15px;}
.m_w20 { margin:0px 20px;}
.m_w25 { margin:0px 25px;}
.m_w30 { margin:0px 30px;}

/*----- マージン調整 (右幅) -----*/
.m_w1_r { margin:0px 1px 0px 0px;}
.m_w5_r { margin:0px 5px 0px 0px;}
.m_w8_r { margin:0px 8px 0px 0px;}
.m_w10_r { margin:0px 10px 0px 0px;}
.m_w15_r { margin:0px 15px 0px 0px;}
.m_w20_r { margin:0px 20px 0px 0px;}
.m_w25_r { margin:0px 25px 0px 0px;}
.m_w30_r { margin:0px 30px 0px 0px;}

/*----- マージン調整 (左幅) -----*/
.m_w1_l { margin:0px 0px 0px 1px;}
.m_w5_l { margin:0px 0px 0px 5px;}
.m_w8_l { margin:0px 0px 0px 8px;}
.m_w10_l { margin:0px 0px 0px 10px;}
.m_w15_l { margin:0px 0px 0px 15px;}
.m_w20_l { margin:0px 0px 0px 20px;}
.m_w25_l { margin:0px 0px 0px 25px;}
.m_w30_l { margin:0px 0px 0px 30px;}

/*----- マージン調整 (高さ) -----*/
.m_h1 { margin:1px 0px;}
.m_h5 { margin:5px 0px;}
.m_h8 { margin:8px 0px;}
.m_h10 { margin:10px 0px;}
.m_h15 { margin:15px 0px;}
.m_h20 { margin:20px 0px;}
.m_h25 { margin:25px 0px;}
.m_h30 { margin:30px 0px;}

/*----- マージン調整 (高さ　auto) -----*/
.m_h1_auto { margin:1 auto;}
.m_h5_auto { margin:5px auto;}
.m_h8_auto { margin:8px auto;}
.m_h10_auto { margin:10px auto;}
.m_h15_auto { margin:15px auto;}
.m_h20_auto { margin:20px auto;}
.m_h25_auto { margin:25px auto;}
.m_h30_auto { margin:30px auto;}

/*----- マージン調整 (高さ　上) -----*/
.m_h1_t { margin:1px 0px 0px 0px;}
.m_h5_t { margin:5px 0px 0px 0px;}
.m_h8_t { margin:8px 0px 0px 0px;}
.m_h10_t { margin:10px 0px 0px 0px;}
.m_h15_t { margin:15px 0px 0px 0px;}
.m_h20_t { margin:20px 0px 0px 0px;}
.m_h25_t { margin:25px 0px 0px 0px;}
.m_h30_t { margin:30px 0px 0px 0px;}

/*----- マージン調整 (高さ　上 auto) -----*/
.m_h1_t_auto { margin:1px auto 0px auto;}
.m_h5_t_auto { margin:5px auto 0px auto;}
.m_h8_t_auto { margin:8px auto 0px auto;}
.m_h10_t_auto { margin:10px auto 0px auto;}
.m_h15_t_auto { margin:15px auto 0px auto;}
.m_h20_t_auto { margin:20px auto 0px auto;}
.m_h25_t_auto { margin:25px auto 0px auto;}
.m_h30_t_auto { margin:30px auto 0px auto;}

/*----- マージン調整 (高さ　下) -----*/
.m_h1_b { margin:0px 0px 1px 0px;}
.m_h5_b { margin:0px 0px 5px 0px;}
.m_h8_b { margin:0px 0px 8px 0px;}
.m_h10_b { margin:0px 0px 10px 0px;}
.m_h15_b { margin:0px 0px 15px 0px;}
.m_h20_b { margin:0px 0px 20px 0px;}
.m_h25_b { margin:0px 0px 25px 0px;}
.m_h30_b { margin:0px 0px 30px 0px;}

/*----- マージン調整 (高さ　下 auto) -----*/
.m_h1_b_auto { margin:0px auto 1px auto ;}
.m_h5_b_auto { margin:0px auto 5px auto ;}
.m_h8_b_auto { margin:0px auto 8px auto ;}
.m_h10_b_auto { margin:0px auto 10px auto ;}
.m_h15_b_auto { margin:0px auto 15px auto ;}
.m_h20_b_auto { margin:0px auto 20px auto ;}
.m_h25_b_auto { margin:0px auto 25px auto ;}
.m_h30_b_auto { margin:0px auto 30px auto ;}

/*===================================■ padding調整 ■===================================*/

/*----- パディング調整 (幅,高さ) -----*/
.p_0 { padding:0;}
.p_1 { padding:1px;}
.p_5 { padding:5px;}
.p_10 { padding:10px;}
.p_15 { padding:15px;}
.p_20 { padding:20px;}
.p_25 { padding:25px;}
.p_30 { padding:30px;}

/*----- パディング調整 (幅) -----*/
.p_w1 { padding:0px 1px;}
.p_w5 { padding:0px 5px;}
.p_w10 { padding:0px 10px;}
.p_w15 { padding:0px 15px;}
.p_w20 { padding:0px 20px;}
.p_w25 { padding:0px 25px;}
.p_w30 { padding:0px 30px;}

/*----- パディング調整 (右幅) -----*/
.p_w1_r { padding:0px 1px 0px 0px;}
.p_w5_r { padding:0px 5px 0px 0px;}
.p_w10_r { padding:0px 10px 0px 0px;}
.p_w15_r { padding:0px 15px 0px 0px;}
.p_w20_r { padding:0px 20px 0px 0px;}
.p_w25_r { padding:0px 25px 0px 0px;}
.p_w30_r { padding:0px 30px 0px 0px;}

/*----- パディング調整 (左幅) -----*/
.p_w1_l { padding:0px 0px 0px 1px;}
.p_w5_l { padding:0px 0px 0px 5px;}
.p_w10_l { padding:0px 0px 0px 10px;}
.p_w15_l { padding:0px 0px 0px 15px;}
.p_w20_l { padding:0px 0px 0px 20px;}
.p_w25_l { padding:0px 0px 0px 25px;}
.p_w30_l { padding:0px 0px 0px 30px;}

/*----- パディング調整 (高さ) -----*/
.p_h1 { padding:1px 0px;}
.p_h5 { padding:5px 0px;}
.p_h10 { padding:10px 0px;}
.p_h15 { padding:15px 0px;}
.p_h20 { padding:20px 0px;}
.p_h25 { padding:25px 0px;}
.p_h30 { padding:30px 0px;}

/*----- パディング調整 (高さ 上) -----*/
.p_h1_t { padding:1px 0px 0px 0px;}
.p_h5_t { padding:5px 0px 0px 0px;}
.p_h7_t { padding:7px 0px 0px 0px;}
.p_h10_t { padding:10px 0px 0px 0px;}
.p_h15_t { padding:15px 0px 0px 0px;}
.p_h20_t { padding:20px 0px 0px 0px;}
.p_h25_t { padding:25px 0px 0px 0px;}
.p_h30_t { padding:30px 0px 0px 0px;}

/*----- パディング調整 (高さ　下) -----*/
.p_h1_b { padding:0px 0px 1px 0px;}
.p_h5_b { padding:0px 0px 5px 0px;}
.p_h10_b { padding:0px 0px 10px 0px;}
.p_h15_b { padding:0px 0px 15px 0px;}
.p_h20_b { padding:0px 0px 20px 0px;}
.p_h25_b { padding:0px 0px 25px 0px;}
.p_h30_b { padding:0px 0px 30px 0px;}


/*===================================■ font装飾 ■===================================*/

/*----- フォントサイズ調整 (80%～200%までは10%毎、200％以降は50％毎) -----*/

.font_80 { font-size:80%;}
.font_90 { font-size:90%;}
.font_100 { font-size:100%;}
.font_110 { font-size:110%;}
.font_120 { font-size:120%;}
.font_130 { font-size:130%;}
.font_140 { font-size:140%;}
.font_150 { font-size:150%;}
.font_160 { font-size:160%;}
.font_170 { font-size:170%;}
.font_180 { font-size:180%;}
.font_190 { font-size:190%;}
.font_200 { font-size:200%;}
.font_250 { font-size:250%;}
.font_300 { font-size:300%;}


/*===================================■ width調整 ■===================================*/

/*----- ボックス調整 -----*/

.box_1 { width:1%;}
.box_2 { width:2%;}
.box_3 { width:3%;}
.box_4 { width:4%;}
.box_5 { width:5%;}
.box_10 { width:10%;}
.box_15 { width:15%;}
.box_20 { width:20%;}
.box_22 { width:22%;}
.box_25 { width:25%;}
.box_26 { width:26%;}
.box_30 { width:30%;}
.box_33 { width:33%;}
.box_35 { width:35%;}
.box_40 { width:40%;}
.box_45 { width:45%;}
.box_48 { width:48%;}
.box_50 { width:50%;}
.box_55 { width:55%;}
.box_60 { width:60%;}
.box_65 { width:65%;}
.box_70 { width:70%;}
.box_75 { width:75%;}
.box_80 { width:80%;}
.box_85 { width:85%;}
.box_90 { width:90%;}
.box_95 { width:95%;}
.box_100 { width:100%;}


/*===================================■ textの左右中 ■===================================*/
.text_right { text-align:right; }
.text_center { text-align:center; }
.text_left { text-align:left;}


/*----- ボックス オプション -----*/

.left { float:left;}
.right { float:right;}
.center { float:center;}

}