@charset "UTF-8";
/*
Theme Name:CapcomMobileTheme
Theme URI:http://52.192.183.219/
Description:CapcomMobile用テーマ
Version:1.0
Author:GARAGEWORKS Inc.
Author URI:www.garage-works.net/
Tags:GARAGEWORKS
*/

/*
 -----------------------------------------
	INDEX
 -----------------------------------------
	1. General Setting
	3. Contents：共通
	3-1. container：ＴＯＰページ用
 -----------------------------------------
*/



/************************************************************************************************************************
1. General Setting 
*************************************************************************************************************************/

/*float用*/
.fl{
	float:left;
	/*display:inline;ie6でマージンが２倍になる対策*/
}
.fr{
	float:right;
	/*display:inline;ie6でマージンが２倍になる対策*/
}


/*floatのclearfix用*/
.cfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
  font-size:0;
}

.cfix {
  min-height: 1px;
}


/*floatにより、親要素の高さが失われるのを防ぐ為にclear要素を入れる*/
.clear{
	clear:both;
}


body{
	/*background-color:#eee;/*確認用*/

	font-size: 62.5%;
	font-size:10px;
	font-size:1.0rem;
	
    font:'新細丸ゴシック','細丸ゴシック','ヒラギノ丸ゴ Pro W3','メイリオ',Meiryo,Myriad Pro, Arial, Helvetica,'Hiragino Maru Gothic Pro','MS P Gothic','ＭＳ Ｐゴシック',Verdana, Arial,Osaka, sans-serif;
	/*font:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", Arial, sans-serif;*/
	/*クラウドフォント設定*/
	/*font-family: "Hiragino Maru Gothic W4 JIS2004" !important;*/



	color:#666;
	/*background-image:url(images/parts/bodyback.png);*/
	background-color:#fff;
	
	/*テキストの選択を防止する場合*/
	/*-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;*/
	overflow:auto;
	
	/*-webkit-text-size-adjust: 100%;*/
}
ul{
	list-style:none;
}
a{
	text-decoration:none;
	outline:none;
}

#errorImage{
	padding-bottom:150px;
}

/************************************************************************************************************************
3. container：共通
*************************************************************************************************************************/

#container{
}

/*_dashを付けているものは、固定幅用*/
.container_dash{/*col-oo-00を包むタグ _dashを取るとbootstrapのgridが作動する*//*☆☆☆☆☆*/
	position:relative;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	width:1170px;/*☆☆☆☆☆*/
	padding-left:15px;/*☆☆☆☆☆*/
	padding-right:15px;/*☆☆☆☆☆*/
	
	/*background-color:#CC3;/*テスト確認用 緑*/
}
.container_dash .row{/*dashの偽物の中では、rowは下記設定をしなければ正常に動かない*/
	width:100%;/*コレを指定しないとbootstrapのグリッド幅が大きくなってしまった*/
	margin:0;
}



/*===============　カード部分（Bootstrapのカードを部分的に上書き）　START　===============*/
.card-block .card-title{
	font-size:14px;font-size:1.4rem;
	/*font-weight:600;*/
	letter-spacing:3px;
	line-height:2;
	color:#555;
	border-bottom:dashed 1px #CCC;
	/*background-color:#FFF;*/
	margin-right:20px;
	margin-left:20px;
}

.card-block .card-text{
	font-size:10px;font-size:1.0rem;
	/*font-weight:600;*/
	line-height:2;
	/*color:#666;*/
	margin-right:20px;
	margin-left:20px;
}
/*===============　カード部分　END　===============*/

@media screen and (max-width: 500px) {
	.card-block .card-title{
		margin-right:10px;
		margin-left:10px;
	}

	.card-block .card-text{
		margin-right:10px;
		margin-left:10px;
	}
}