@charset "UTF-8";
/* CSS Document */
/*-------------------HTML5共通
---------------------------*/
body{
	line-height: 1.5em;
}
html{
	font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
}
article{}
section{}
p{
	
}

.container{
	width: 960px;
	margin: 0 auto;
}
.container2{
	width: 780px;
	margin: 0 auto;
}
.container3{
	width: 620px;
	margin: 0 auto;
}

.row{}
.inner{margin: 10px;}
/*-------------------カラム共通
---------------------------*/
.col1{width: 8.3333333%;}
.col2{width: 16.6666667%;}
.col3{width: 25%;}
.col4{width: 33.3333333%;}
.col5{width: 41.6666667%;}
.col6{width: 50%;}
.col7{width: 58.3333333%;}
.col8{width: 66.6666667%;}
.col9{width: 75%;}
.col10{width: 91.6666667%;}
.col12{width: 100%;}
.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12{float: left;}
/*---------------------マージン共通
-------------------------------*/
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
/*----------------パディング共通
----------------------------*/
.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}
.pb10{padding-bottom: 10px;}
.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}
.pb40{padding-bottom: 40px;}
.pb50{padding-bottom: 50px;}
.pb60{padding-bottom: 60px;}
.pl10{padding-left: 10px;}
.pl20{padding-left: 20px;}
.pl30{padding-left: 30px;}
.pr10{padding-right: 10px;}
.pr20{padding-right: 20px;}
.pr30{padding-right: 30px;}

/*-----------------フロート
-----------------------*/
.left{
	float: left;
}
.right{
	float: right;
}
/*---------------テキスト寄せ
------------------------*/
.text_left{
	text-align: left;
}
.text_right{
	text-align: right;
}
.text_center{
	text-align: center;
}
/*---------------clearfix
-----------------------*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
.clear{
	clear: both;
}
/*---スムーズスクロールの戻るボタン
---------------------------*/
.shadow{
	box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.1);
}
/*----パソコンとスマホでの表示非表示
---------------------------*/
.pc_show{}
.sp_show{display: none;}
@media (max-width:768px) {
	.pc_show{display: none;	}
	.sp_show{display: inherit;
	}
	.sp_img img{
		width: 100%;
		height: auto;
	}
	.sp_img{
		width: 100%;
	}
}