@charset "UTF-8";


/*/////////////////////////////
 print_shop/words - 印刷通販の発注用語辞典
 /////////////////////////////*/
 
 /* 
 
print_shop/index.php 追加分
print_shop/words/index.php
print_shop/words/detail.php

メディアクエリ:max-width: 767px
iphone6Plus横向き:736pxなので
tablet768px以下に設定

 * ------------------------- */
 

/* print_shop/index 追加分
 * ------------------------- */
 
.print_pr_icon {
	margin-bottom:3px;
}

	.print_pr_icon span {
		background-color:#C32222;
		color:#fff;
		padding:5px 7px 4px;
		font-size:11px;
		position:absolute;top:-25px;left:0px;
	}

@media screen and (max-width: 740px) {
	.print_pr_icon span {
		
		font-size:20px;
		position:absolute;top:-35px;left:4.5%;
	}
}

#pr_words_topback {
	margin-top:-50px;
   	 padding-top:50px;
	/* ページ内リンクヘッダ固定分ずらす */
}

.pr_words_top_wrap {
	padding:20px 30px;
}

	p.pr_words_top_text {
		margin-bottom: 30px;
	}
	
	.pr_words_initial_wrap {
		background-color:#f2f2f2;
		padding:20px;
		overflow:hidden;
		margin-bottom:30px;
	}
	
		.pr_words_initial_wrap p {
			margin-bottom:20px;
		}
	
	
		/* 頭文字表
		 * ------------------------- */
		 ul.pr_words_initial_l {
		 	width:260px;
		 	float:left;
		 	font-size:16px;
		 }
		 
		 ul.pr_words_initial_r {
		 	width:260px;
		 	float:right;
		 	font-size:16px;
		 }
		 
		 	ul.pr_words_initial_l li,
		 	ul.pr_words_initial_r li {
		 		width:50px;
		 		float:left;
		 		line-height:40px;
		 		background-color:#fff;
		 		color:#fff;
		 		font-weight:bold;
		 		margin:0 2px 2px 0;
		 		text-align:center;
				zoom:1;

		 	}
		 	
		 	ul.pr_words_initial_l:after,
		 	ul.pr_words_initial_r:after {
				content: "."; display: block; clear: both; height: 0px; visibility: hidden;
			}

		 		ul.pr_words_initial_l li a, 
		 		ul.pr_words_initial_r li a {
		 		width:50px;
		 		height:40px;
		 		float:left;
		 		line-height:40px;
		 		color:#fff;
		 		font-weight:bold;
		 		margin:0 2px 2px 0;
		 		text-align:center;	
	 			background-color:#f2f2f2;
				display:block;
		 		}
		 	


		 		ul.pr_words_initial_l li a,
		 		ul.pr_words_initial_r li a,
		 		ul.pr_words_initial_l li a:visited,
		 		ul.pr_words_initial_r li a:visited {
		 			display:block;
		 			background-color:#383838;
		 			color:#fff;
		 		}
		 		
		 			ul.pr_words_initial_l li a:hover,
		 			ul.pr_words_initial_r li a:hover,
		 			ul.pr_words_initial_l li a:active,
		 			ul.pr_words_initial_r li a:active {
		 				background-color:#565656;
		 				text-decoration:none;
		 			}
		 			

				ul.pr_words_initial_l li a.pr_words_initial_blank,
				ul.pr_words_initial_r li a.pr_words_initial_blank,
				ul.pr_words_initial_r li a.pr_words_initial_blank
				{
					background-color:#999;
				}

/* print_shop/index 追加分スマホ用　
* ------------------------- */
@media screen and (max-width: 767px) {
	.pr_words_top_wrap {
		padding:20px;
	}
	
		p.pr_words_top_text {
		margin-bottom: 20px;
		}
	
	.pr_words_initial_wrap {
		background-color:#fff;
		padding:0;
	}
	
		.pr_words_initial_wrap p {
			background-color:#f2f2f2;
			padding:10px;
			margin-bottom:10px;
		}
	
	ul.pr_words_initial_l,
	ul.pr_words_initial_r {
		float:none;
		width:275px;
		text-align:center;
		margin:10px auto;
	}
	
		ul.pr_words_initial_l li,
		ul.pr_words_initial_r li {
			margin:0 2px 2px 0;
			display:inline-block;
			font-size: 18px;
		}
			

		ul.pr_words_initial_l li .pr_words_initial_blank,
		ul.pr_words_initial_r li .pr_words_initial_blank {
		 	background-color:#fff;
		 }
}


/* print_shop/words/index.php
 * ------------------------- */
 h4.pr_words_index_title {
 	font-size:18px;
 	font-weight:bold;
 	border-bottom:1px solid #333;
 	padding-bottom:10px;
 	margin-bottom:30px;
 }
 
 	.pr_words_index_initial {
 		font-size:24px;
 		margin-right:10px;
 	}
 	
 ul.pr_words_index_list {
 	overflow:hidden;
 	margin-bottom:30px;
 }
 
 	ul.pr_words_index_list li {
 		width:260px;
 		min-height:3em;
 		display:inline-block;
 		margin:0 20px 20px 0;
 		font-size:15px;
 		vertical-align:top;
 	}
 	
 		ul.pr_words_index_list li a {
 			display:block;
 			min-height:3em;
 			font-weight:bold;
 			background:url(../images/print_shop/bg_pr_words_index_list.png) no-repeat 0 4px;
 			padding-left:20px;
 		}
 		
 		div.pr_words_btntop {
 			font-size:15px;
 			text-align:center;
 		}
 		
 			div.pr_words_btntop a,
 			div.pr_words_btntop a:visited {
 				display:inline-block;
 				padding:10px 20px;
 				background-color:#383838;
 				color:#fff;
 				font-weight:bold;
 			}
 			
 				div.pr_words_btntop a:hover,
 				div.pr_words_btntop a:active {
 					text-decoration:none;
 					background-color:#565656;
 				}
 				
 				
/* print_shop/words/index.php スマホ用
* ------------------------- */
@media screen and (max-width: 767px) {

.article h2.pr_words_titlebg {
	height:auto;
	line-height:1.2em;
	padding:16px 18px 18px 20px;
	

 }
 
 
section.pr_sp_index {
	display:none;
}

 h4.pr_words_index_title {
 	margin-bottom:20px;
 	}
 	
ul.pr_words_index_list li {
 		width:auto;
 		display:block;
 		margin:0 0 10px 0;	
 		background:url(../images/print_shop/bg_pr_words_index_list_sp.png) no-repeat right center;
 		background-size:9px 13px;
 		font-size:16px;
 	}
 	
 	ul.pr_words_index_list li a {
 		display:block;
 		font-weight:normal;
 		background:none;
 		padding:0 20px 0 0;
 		min-height:4em;
 	}
 	
 		ul.pr_words_index_list li a span {
 			display:table-cell;
 			vertical-align:middle;
 			height:4em;
 		}
}				 


/* print_shop/words/detail.php 
* ------------------------- */
.pr_words_detail_title_wrap {	
	margin-bottom:30px;
}

	.pr_words_detail_title_ruby {
		margin-bottom:5px;
	}
	
	h4.pr_words_detail_title {
		font-weight:bold;
		font-size:24px;
		padding-bottom:10px;
		border-bottom:1px solid #333;
	}
	
	.pr_words_detail_wrap {
		overflow:hidden;
		margin-bottom:50px;
	}
	
		ul.pr_words_detail_img {
			width:250px;
			float:left;
		}
		
			ul.pr_words_detail_img li {		
				margin-bottom:10px;
				}
				
				ul.pr_words_detail_img li img {
					width:250px;
					height:auto;
					vertical-align:bottom;
				}
		
		div.pwd_img_txt {
			float:left;
			width:300px;
			margin-right:30px;
		}
				
		div.pr_words_detail_txt p {
			font-size:15px;
			line-height:1.6;
			word-break:break-all;
			word-wrap:break-word;
		}
		
		div.pr_words_btnback {
 			font-size:15px;
 			text-align:center;
 			margin-bottom:30px;
 		}
 		
 			div.pr_words_btnback a,
 			div.pr_words_btnback a:visited {
 				display:inline-block;
 				padding:10px 80px;
 				background-color:#383838;
 				color:#fff;
 				font-weight:bold;
 			}
 			
 				div.pr_words_btnback a:hover,
 				div.pr_words_btnback a:active {
 					text-decoration:none;
 					background-color:#565656;
 				}
 				
 			/* 関連キーワード */
 			.pr_words_related_wrap {
 				margin-bottom:50px;
 			}
 			
 				h5.pr_words_related_title {
 					margin-bottom:10px;	
 				}
 				
 				ul.pr_words_related {
 					overflow:hidden;
 				}
 				
 					ul.pr_words_related li {
 						display:inline-block;
 						margin:0 10px 10px 0;
 						}

						ul.pr_words_related li a,
						ul.pr_words_related li a:visited {
							display:block;
							background-color:#f2f2f2;
							font-weight:bold;
							padding:10px;
							}
							
						ul.pr_words_related li a:hover,
						ul.pr_words_related li a:active {
							text-decoration:none;
							background-color:#f8f8f8;
							color:#666;
						}
						
/* print_shop/words/detail.php スマホ用
* ------------------------- */
@media screen and (max-width: 767px) {
	h4.pr_words_detail_title {
		font-weight:normal;
		}
	
	div.pwd_img_txt {
		float:none;
		width:100%;
		padding-bottom:10px;
	}
	
		ul.pr_words_detail_img {
			float:none;
			width:auto;
			margin:0;
			}
			
				ul.pr_words_detail_img li img {
					width:auto;
					}

	.breadcrumb ul li {margin-right:3px;}
	.breadcrumb ul {margin-bottom:10px;}

}

body.print_words .image_caption {
	font-size:80%;
	color:#666;
}

.pr_words_detail_txt a {
	color:#bb0000;
	text-decoration:underline;
}

@media screen and (max-width:740px) {

	body.print_words .pagehead_banner ul {
		text-align:center;
		padding-top:10px;
	}
	body.print_words .pagehead_banner ul li {
		display:inline;
	}

	body.print_words .pagehead_banner ul li img {
		width:45%;
	}
}