@charset "UTF-8";

/* ◼︎◼︎◼︎◼︎◼︎PC CSS◼︎◼︎◼︎◼︎◼︎ */
@media screen and (min-width: 769px) {
	.sp, .tb, .sp-tb{display: none;}
}


/* ◼︎◼︎◼︎タブレットCSS◼︎◼︎◼︎ */
@media screen and (min-width: 641px) and (max-width: 768px) {
	.sp, .pc, .sp-pc{display: none;}
	/** ▼グリッドシステム設定▼ **/
	.col-tb-12, .col-tb-11, .col-tb-10, .col-tb-9, .col-tb-8, .col-tb-7, .col-tb-6, .col-tb-5, .col-tb-4, .col-tb-3, .col-tb-20p, .col-tb-2, .col-tb-1{float: left;}
	.col-tb-12{width: 100%;} .col-tb-11{width: 91.666667%;} .col-tb-10{width: 83.333333%;} .col-tb-9{width: 75%;} .col-tb-8{width: 66.6666667%;} .col-tb-7{width: 58.3333333%;} .col-tb-6{width: 50%;} .col-tb-5{width: 41.6666667%;} .col-tb-4{width: 33.3333333%;} .col-tb-3{width: 25%;} .col-tb-20p{width: 20%;} .col-tb-2{width: 16.6666666%;} .col-tb-1{width: 8.3333333%;}
	/** ▲グリッドシステム設定▲ **/
	
	/*********** ▼ヘッダー▼ ***********/
.logo{
	max-width: 340px;
}
.form-navi li{
	font-size: 16px;
	line-height: 44px;
	width: 130px;
	height: 44px;
	margin-right: 10px;
}
.global-navi{
	font-size: 13px;
}
/*********** ▲ヘッダー▲ ***********/

/*********** ▼コンテンツ▼ ***********/
	/*今こんな本を日本に紹介したい*/
	.introduction-list li{
		width:79%;
	}
	.introduction-img img{
		width:150px;
	}
/*********** ▲コンテンツ▲ ***********/
}


/* ◼︎◼︎◼︎スマホCSS◼︎◼︎◼︎ */
@media screen and (max-width: 640px) {
	.tb, .pc, .tb-pc{display: none;}
	/** ▼グリッドシステム設定▼ **/
	.col-sp-12, .col-sp-11, .col-sp-10, .col-sp-9, .col-sp-8, .col-sp-7, .col-sp-6, .col-sp-5, .col-sp-4, .col-sp-3, .col-sp-20p, .col-sp-2, .col-sp-1{float: left;}
	.col-sp-12{width: 100%;} .col-sp-11{width: 91.666667%;} .col-sp-10{width: 83.333333%;} .col-sp-9{width: 75%;} .col-sp-8{width: 66.6666667%;} .col-sp-7{width: 58.3333333%;} .col-sp-6{width: 50%;} .col-sp-5{width: 41.6666667%;} .col-sp-4{width: 33.3333333%;} .col-sp-3{width: 25%;} .col-sp-20p{width: 20%;} .col-sp-2{width: 16.6666666%;} .col-sp-1{width: 8.3333333%;}
	/** ▲グリッドシステム設定▲ **/
	
/*********** ▼共通設定▼ ***********/
body{
	font-size: 15px;
}

.block{
	padding-bottom:40px;
}
.ttl-block{
	padding-top:40px;
}

.form-btn{
	width: 260px;
}
.form-btn a{
	padding: 18px 0;
	font-size: 14px;
}
/*********** ▲共通設定▲ ***********/

/*********** ▼共通設定フォーム▼ ***********/
.form-block table.formTable th{
	width:100%;
	display: block;
	padding : 15px 0 0 0;
}
.form-block table.formTable td{
	width:100%;
	display: block;
	padding : 5px 0 15px 0;
}
.form-block input[type="submit"]{
	width:100px;
}
.form-block input[type="reset"]{
	width:100px;
}

/*********** ▲共通設定フォーム▲ ***********/

/*********** ▼ヘッダー▼ ***********/
.logo{
	max-width: 250px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.spnavi_btn{
	position: absolute;
	top: 10px;
	right: 10px;
	font-size:23px;
}
.navi_sp a{
	font-size:14px;
}
/*********** ▲ヘッダー▲ ***********/
	
/*********** ▼コンテンツ▼ ***********/

/*メイン画像*/
#main-img{
	padding-top: 0;
}


/*本を紹介してくれる外国人の方へ*/
.books-h2border{
	width: 356px;
}
#books .content-block{
	padding-top:20px;
}
	

/*翻訳出版の仕組み*/
.fabric_mainimg{
	padding-top: 20px;
}

/*本を紹介するまでの流れ*/
	.flow-h2border{
		width: 294px;
	}
	#flow .content-block{
		padding-top:20px;
	}
	#flow .annotation{
		font-size: 10px;
	}
	
/*今こんな本を日本に紹介したい*/
	#introduction .content-block{
		padding-top: 20px;
		overflow: hidden;
	}
	.introduction-list{
		padding: 10px 20px;
		position: relative;
		overflow: hidden;
	}
	.introduction-list li{
		padding: 20px 0 0 0;
		width: 100%;
	}
	.introduction-img{
		position: relative;
		bottom: 0;
		right: 0;
		float: right;
	}
	.introduction-img img{
		width:100px;
	}

/*紹介者登録フォーム*/
	#introduction-form{
		padding-top:40px;
	}
	#introduction-form .form-contents{
		padding: 20px 10px;
		margin-top: 40px;
	}
	#introduction-form .form-contents .title{
		font-size: 20px;
	}

/*出版社の方へ*/
	.publisher-h2border{
		width: 200px;
	}
	#publisher .content-block{
		padding-top: 20px;
	}
	#publisher .form-contents{
		padding: 20px 10px;
		margin-top: 40px;
	}
	#publisher .form-contents .title{
		font-size: 20px;
	}
	
/*当社について*/
	.company-h2border{
		width:200px;
	}
	#company .content-block{
		padding-top: 20px;
	}
	.outline-table{
		width:100%;
		font-size:15px;
	}
	.gmap iframe {
		height:260px;
		padding-top:20px;
	}
/*********** ▲コンテンツ▲ ***********/


/*********** ▼フッター▼ ***********/
	.copy{
		text-align: center;
		padding-top: 7px;
		padding-bottom: 5px;
		font-size: 9px;
	}
/*********** ▲フッター▲ ***********/
}