@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 追加分
 * ------------------------- */
@media screen and (max-width: 740px)
	body.print_words .pagehead_banner ul {
    	text-align: center;
    	position: relative;
    	margin-top: 40px;
	}
	body.print_words .pagehead_banner ul li {
    	display: inline;
	}
	body.print_words .pagehead_banner ul li img {
		width:45%;
	}
}

.print_pr_icon {
	margin-bottom:3px;
	position: absolute;
	top: -34px;
	left: 0;
	padding: 4px 12px 4px;
	color:#fff;
	font-size:14px;
	background-color:#C32222;
}
.print_pr_icon span  {
	padding: 10px 14px;
	color: #fff;
	background-color: #dc2027;
}
@media screen and (max-width: 740px) {
	.print_pr_icon {
		position: absolute;
		top: -34px;
		left: 4.356%;
	}
}


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

.pr_words_top_wrap {
	padding:20px 0;
}

p.pr_words_top_text {
	margin: 0 30px 30px;
}
	
.pr_words_initial_wrap {
	background-color:#f2f2f2;
	padding:20px;
	overflow:hidden;
	margin: 0 30px 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;
	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;
	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: 0 0 30px;
	}
	
	.pr_words_initial_wrap {
		background-color:#fff;
		padding:0;
		margin: 0 0 30px;
	}
	
	.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: 0 20px  30px;
 }
 
.pr_words_index_initial {
	font-size:24px;
	margin-right:10px;
}
 	
ul.pr_words_index_list {
	overflow:hidden;
	margin: 0 20px 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;
}
 		
.pr_words_btntop {
	font-size:15px;
	text-align:center;
	padding-bottom: 30px;
	}
 		
.pr_words_btntop a,
.pr_words_btntop a:visited {
	display:inline-block;
	padding:10px 20px;
	background-color:#383838;
	color:#fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
 			
.pr_words_btntop a:hover,
.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: 0 30px 30px;
}
@media only screen and (max-width: 768px) {
	.pr_words_detail_title_wrap {	
		margin: 0 20px 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: 0 30px 30px;
}
@media only screen and (max-width: 768px) {
	.pr_words_detail_wrap {
		margin: 0 20px 30px;
	}
}
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;
}
		
.pwd_img_txt {
	float:left;
	width:300px;
	margin-right:30px;
}
				
.pr_words_detail_txt p {
	font-size:15px;
	line-height:1.6;
	word-break:break-all;
	word-wrap:break-word;
}
		
.pr_words_btnback {
	font-size:15px;
	text-align:center;
	margin-bottom:30px;
}
 		
.pr_words_btnback a,
.pr_words_btnback a:visited {
	padding:10px 80px;
	background-color:#383838;
	color:#fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}
 			
.pr_words_btnback a:hover,
.pr_words_btnback a:active {
	text-decoration:none;
	background-color:#565656;
}
 				
/* 関連キーワード */
.pr_words_related_wrap {
	margin: 0 30px 50px;
}
@media only screen and (max-width: 768px) {
	.pr_words_related_wrap {
		margin: 0 20px 30px;
	}
}
 			
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;
		}
	
	.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;
	}
}

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;
		position: relative;
		margin-top: 40px;
	}
	body.print_words .pagehead_banner ul li {
		display:inline;
	}
	body.print_words .pagehead_banner ul li img {
		width:45%;
	}
}

.print_shop_words_banner img {
	width: 100%;
	margin-bottom: 20px;
}