/* ------------------------------------------------------
 共通環境
------------------------------------------------------ */
/*
@media screen and (min-width: 970px){}
@media screen and (min-width: 641px){}
@media screen and (max-width: 640px){}
*/

img{
max-width: 100%;
height: auto;
width /***/:auto;
}

*{
	margin: 0px;
	padding: 0px;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

body {
	text-align:center;
	position:relative;
}

@media screen and (min-width: 970px){
	.container{
		width:960px;
		text-align:left;
		padding:10px;
		margin:0 auto;
	}
}

@media screen and (max-width: 969px){
	.container{
		width:100%;
		text-align:left;
		padding:10px;
	}
}



/* ------------------------------------------------------
 Grid
------------------------------------------------------ */
@media screen and (min-width: 641px){
	.grd1{width:8.3%;float:left;}
	.grd2{width:16.6%;float:left;}
	.grd3{width:25.0%;float:left;}
	.grd4{width:33.3%;float:left;}
	.grd5{width:41.5%;float:left;}
	.grd6{width:50.0%;float:left;}
	.grd7{width:58.5%;float:left;}
	.grd8{width:66.7%;float:left;}
	.grd9{width:75.0%;float:left;}
	.grd10{width:83.4%;float:left;}
	.grd11{width:91.7%;float:left;}
	.grd12{width:100%;clear:both;}
}

@media screen and (max-width: 640px){
	.grd1,.grd2,.grd3{width:50%;float:left;}
	.grd4,.grd5,.grd6,.grd7,.grd8,.grd9,.grd10,.grd11{width:100%;clear:both;}
}

/* ------------------------------------------------------
 Padding
------------------------------------------------------ */
.pd5{padding:5px;}
.pd10{padding:10px;}


/* ------------------------------------------------------
 Clear
------------------------------------------------------ */

.cb{clear:both;}
.cb5{clear:both;margin-bottom:5px;}
.cb10{clear:both;margin-bottom:10px;}

.cbL{clear:both;border-bottom:1px solid #EEE;}
.cb5L{clear:both;border-bottom:1px solid #EEE;margin-top:5px;margin-bottom:5px;}
.cb10L{clear:both;border-bottom:1px solid #EEE;margin-top:10px;margin-bottom:10px;}

/* ------------------------------------------------------
 Display
------------------------------------------------------ */
@media screen and (min-width: 481px){
	.disps{	/*画面幅が小さいときのみ表示*/
		display:none;
	}
}

@media screen and (max-width: 480px){
	.displ{	/*画面幅が大きいときのみ表示*/
		display:none;
	}
}

/* ------------------------------------------------------
 Font
------------------------------------------------------ */
/*Size*/
.p8{font-size:8px;}
.p10{font-size:10px;}
.p12{font-size:12px;}
.p14{font-size:14px;}
.p16{font-size:16px;}
.p18{font-size:18px;}
.p21{font-size:21px;}
.p24{font-size:24px;}

/*Color*/
.red{
	color:#C30;
}

/*--------------------
ページトップ
--------------------*/
.pagetop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-indent:100;
}

.pagetop a {
	display: block;
	width: 40px;
	height: 40px;
	background:url(../img/pagetop.png);
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 40px; /*55px*/
	opacity: 0.8;
}