@charset "UTF-8";

/**LOGOSWARE CSS*****************
module.css
1.layout
2-1 行間調整クラス
2-3 複数カラムレイアウト
3.汎用アイテム

2015/08/07
********************************/

/* =========================================================
1.layout
 ========================================================= */

.right{text-align:right;}
.center{text-align:center;}
.floatL{float:left;}
.floatR{float:right;}

/*まわりこみ解除*/
.c_left{clear: left;}
.c_right{clear: right;}

.ss{font-size: 0.8em;}
.LL{font-size: 1.5em;}

/* 2カラム */
.column2L,.column2R{width:330px;margin:0;}
.column2L{float:left;}
.column2R{float:right;}

/************************************************
2-1.行間調整クラス
margin-bottomはクラスに指定が入っているため、
調整はmargin-topで行う
**********************************************/

.ex-topSp-5{margin-top:-5px!important;}
.ex-topSp10{margin-top:10px!important;}
.ex-topSp20{margin-top:20px!important;}
.ex-topSp30{margin-top:30px!important;}
.ex-topSp40{margin-top:40px!important;}
.ex-topSp50{margin-top:50px!important;}

/*marginでは指定できないときのpadding
**********************************************/
.ex-topPd10{margin: 0;padding-top: 10px;}
.ex-topPd20{margin: 0;padding-top: 20px;}
.ex-topPd30{margin: 0;padding-top:30px;}

/***************************************************************
2-3 複数カラムレイアウト
***************************************************************/

/*------------------------------------------------------------
リスト利用2カラムモジュール
------------------------------------------------------------*/

.mod-itemBox2{
	width:100%;
}

.mod-itemBox2{
	padding: 0 0 10px;
	margin-left: 0;
	display: inline-block;
}

.mod-itemBox2 ul{
	margin-left: 0;
}

.mod-itemBox2 li{
	float:left;
	display: block;
	width:315px;
	margin: 0;
	padding: 0  0 0 40px;
	}

.mod-itemBox2 li:first-child{
	padding: 0;
}
.mod-itemBox2 li img{
	width: 315px;
}

.mod-itemBox2 li p{
	/*margin: 0.5em auto;*/
	font-size: 0.9em!important;
}

.mod-itemBox2 h5{
	font-size: 1.7rem;
}

.mod-rightImg .mod-movie_box div{
	width: 250px;
}

.mod-itemBox2 .fixHeightChildBtn{
	margin-bottom: 1rem;
}

/*------------------------------------------------------------
リスト利用3カラムモジュール
------------------------------------------------------------*/

.mod-itemBox3{
	width:100%;
	margin-bottom: 10px;
}

.mod-itemBox3 ul, .mod-itemBox3 li{
	margin-left: 0;
}

.mod-itemBox3 .item{
	float:left;
	display: block;
	width:220px;
	margin-left: 15px;
}

.mod-itemBox3 .item:first-child{
	margin-left: 0px;
}

.mod-itemBox3 .item h5{
	font-size: 1.6rem;
}

.mod-itemBox3 .item p{
	font-size: 1.2rem;
}

.mod-itemBox3 .item img+h5{
	margin-top: 10px;
}


/*------------------------------------------------------------
リスト利用4カラムモジュール
------------------------------------------------------------*/

.mod-itemBox4{
	width:100%;
	margin-bottom: 10px;
}

.mod-itemBox4 ul, .mod-itemBox4 li{
	margin-left: 0;
}

.mod-itemBox4 .item{
	float:left;
	display: block;
	width:220px;
	margin-left: 15px;
}

.mod-itemBox4 .item:first-child{
	margin-left: 0px;
}

.mod-itemBox4 .item h5{
	font-size: 1.6rem;
}

.mod-itemBox4 .item p{
	font-size: 1.2rem;
}

.mod-itemBox4 .item img+h5{
	margin-top: 10px;
}

/* =========================================================
3.その他汎用クラス
========================================================= */

/**********************************************
ボタン類
**********************************************/

.btnBase{
	display: block;
	padding: 5px;
	-webkit-transition: border-color 0.3s ease-out, background-color 0.3s ease-out;
	-moz-transition: border-color 0.3s ease-out, background-color 0.3s ease-out;
	transition: border-color 0.3s ease-out, background-color 0.3s ease-out;
	color: #333;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	background-color: #ddd;
	margin: 0 auto;
	text-align: center;
}

a.btnBase{text-decoration: none;}

a.btnBase:hover{
	background-color: #D83300;
	color:#fff;
}

.w150{width:150px;}
.w200{width:200px;}
.w300{width:300px;}
.btnL{margin: 0 auto 0 0;}
.btnR{margin: 0 0 0 auto;}

/*問い合わせフォーム用*/
.btnBase .ex-mail{display: inline-block;padding-left: 22px;background: url(../images/mail.png) no-repeat 0 50%;}
.btnBase:hover .ex-mail{background: url(../images/mail_on.png) no-repeat 0 50%;}


/*****************************
調整用hr
******************************/
hr.space {
	margin: 60px 0 70px;
	border: none;
	border-top: 1px solid #ccc;
	clear: both;
}

hr.invisible{
	margin: 40px 0;
	border: none;
	clear: both;
}


/*------------------------------------------------------------
テーブル下の補足枠
------------------------------------------------------------*/
.mod-sup_info{
	margin: 0 10px;
}

.mod-sup_info p,.mod-sup_info li{
	font-size: 1.1em;
	line-height: 1.7;
}

.mod-sup_info p:first-child{
	margin-top: -10px;
}

.ex-note{
	font-size: 1.1em;
	line-height: 1.7em;
}

.ex-14{
	font-size: 1.4em;
}

/*------------------------------------------------------------
フォーム用
------------------------------------------------------------*/

/*フォーム用テーブル*/

.mod-divForm{
	width: 100%;
}

.mod-divForm p{
	padding: 0 1em;
	line-height: 1.8;
	vertical-align: top;
	font-size: 1em;
}

.wpcf7-form .w_basic,.wpcf7-form .w_name,.wpcf7-form .w300{width: 100%;}

.mod-divForm .sbj{
	padding-top: 0.5em;
	margin-bottom: 0.5em;
}

.mod-divForm .formTxt{
	/*display: inline-block;*/
	margin-bottom: 0.5em;
}

 .mod-divForm:last-child{
 	margin-bottom: 0;
 }

/*フォームパーツ用クラス
**********************************/

.form-control ,.wpcf7-form-control{
	font-size: 1em;
	padding: 0.7em;
	border:1px solid #ddd;
	margin-right: 0.5em;
	box-sizing:border-box;
}

.wpcf7-form-control.uploads{border: none;}
.mod-divForm .req{color:#ed1c24;}
.mod-divForm .note{padding-top: 0.6em;display: inline-block;}

/*フォームのズレをなおす*/

.mod-divForm input{
	 	vertical-align: middle;
}

.mod-divForm .wpcf7c-conf{
	border: none!important;
	background-color: #f7f7f7!important;}

@media screen and (min-width:479px){
	.mod-divForm .sbj{float: left; width:20%;}
	.mod-divForm .formTxt{float: left;width:70%;margin-bottom: 1em;}
	.wpcf7-form .w_basic{width:400px ;}
	.wpcf7-form .w_name{width:197px;margin-right:3px;}
	.wpcf7-form .w300{width: 300px;}
}