@charset "utf-8";

/* PC・タブレット・スマホ共通設定
--------------------------------------------------------------------------- */

/* 全体の設定
--------------------------------------------------------------------------- */
body {
	margin: 0px;
	padding: 0px;
	color: #222;			/* 全体の文字色 */
	font-family: "游ゴシック体 Pr6N M", "Yu Gothic Pr6N M", "游ゴシック  Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;	/* フォント指定 */
	font-weight: 500;
	font-size: 17px;		/* 文字サイズ */
	line-height: 2;			/* 行間 */
	background: #f3f6ec;	/* 背景色 */
	/* -webkit-text-size-adjust: none; */
	-webkit-text-size-adjust: 100%;
}
/* 基本要素のリセット */
h1, h2, h3, h4, h5,
p,
ul, ol, li,
dl, dt, dd,
form,
figure {
	margin: 0px;
	padding: 0px;
}
/* リストのマーカー文字のリセット */
ul {
	list-style-type: none;
}
/* 画像の基本設定 */
img {
	border: none;
	max-width: 100%;
	height: auto;
}
/* テーブルの基本設定 */
table {
	border-collapse: collapse;
	font-size: 100%;
	border-spacing: 0;
}
/* インラインフレームの基本設定 */
iframe {
	width: 100%;
}
/* リンクの基本設定 */
a {
	color: #222;				/* リンクテキストの色 */
	-webkit-transition: 0.5s;	/* マウスオン時の移り変わるまでの時間設定。0.5秒 */
	transition: 0.5s;			/* 同上 */
}
a:hover {
	color: #486a00;				/* マウスオン時の文字色（全体） */
	text-decoration: none;		/* マウスオン時に下線を消す設定。残したいならこの１行削除 */
}
/* 強調の基本設定 */
em,
strong {
	font-style: normal;
	color: #f00;
}
strong {
	font-weight: bold;
}
/* アドレスの基本設定 */
address {
	font-style: normal;
}

/* ヘッダー（サイトロゴが入った最上段のブロック）
--------------------------------------------------------------------------- */
/* ヘッダーブロック */
header {
	width: 100%;	/* 横一杯使う為に100%指定 */
	border-top: 5px solid #486a00;	/* 上部の線の幅、線種、色 */
	background: #fff;	/* 背景色（古いブラウザ用） */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f6ec));	/* グラデーション */
	background: -webkit-linear-gradient(#fff, #f3f6ec);	/* 同上 */
	background: linear-gradient(#fff, #f3f6ec);			/* 同上 */
}
/* サイト幅にしたheader内のブロック */
header #inner {
	width: 980px;	/* 幅。「#menubar ul」と「#contents」と数字を揃える。 */
	height: 100px;	/* 高さ */
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
/* ロゴ画像 */
header #logo {
	position: absolute;
	left: 10px;	/* header #innerに対して左から10pxの場所に配置 */
	top: 20px;	/* header #innerに対して上から20pxの場所に配置 */
}
/* 電話番号パーツ */
header #tel {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo;	/* フォント種類 */
	position: absolute;
	right:10px;	/* header #innerに対して右から10pxの場所に配置 */
	top:50px;	/* header #innerに対して上から50pxの場所に配置 */
	background: url(../images/icon_tel.png) no-repeat left center/15px;	/* 電話アイコンの読み込み */
	padding-left: 25px;
	font-size: 24px;	/* 文字サイズ */
	letter-spacing: 0.1em;	/* 文字間隔を少し広くとる設定。通常がいいならこの行削除。 */
}
/* 電話番号パーツの受付時間部分 */
header #tel span {
	font-size: 12px;	/* 文字サイズ */
	letter-spacing: normal;	/* 文字間隔を通常にする設定 */
}

/* 「ご予約・お問い合わせはこちらから」ボタン
--------------------------------------------------------------------------- */
#contact,
#contact2,
#contact3 {
	font-size: 18px;	/* 文字サイズ */
}
#contact {
	position: absolute;
	right: 10px;	/* header #innerに対して右から10pxの場所に配置 */
	top: 0px;	/* header #innerに対して上から0pxの場所に配置 */
}
#contact2,
#contact3 {
	text-align: center;
}
#contact a,
#contact2 a,
#contact3 a {
	text-decoration: none;
	display: inline-block;
	background: #ffb017;	/* 背景色（古いブラウザ用） */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffb017), to(#ff8a17));	/* グラデーション */
	background: -webkit-linear-gradient(#ffb017, #ff8a17);	/* 同上 */
	background: linear-gradient(#ffb017, #ff8a17);			/* 同上 */
	color: #FFF;	/* 文字色 */
	box-shadow: 0px 4px 8px rgba(0,0,0,0.2);	/* 右へ、下へ、ぼかし幅の順の影の設定。rgba以降は色の設定。「0,0,0」はrgbでの色で、黒。「0.2」が透明度で20%の意味。 */
	text-shadow: #a65b1e 0px -1px;	/* 色、右へ、下へ、テキストの影の設定。下にマイナス設定をしているので上に影が入る。 */
}
#contact a {
	padding: 4px 20px 8px;	/* 上、左右、下へのボックス内の余白 */
	border-radius: 0px 0px 8px 8px;	/* 角丸のサイズ。左上、右上、右下、左下。 */
}
#contact2 a,
#contact3 a {
	padding: 8px 20px;	/* 上下、左右へのボックス内の余白 */
	border-radius: 8px;	/* 角丸のサイズ。左上、右上、右下、左下。 */
}
/* マウスオン時 */
#contact a:hover,
#contact2 a:hover,
#contact3 a:hover {
	padding: 8px 20px 12px;	/* 上、左右、下へのボックス内の余白 */
}

/* メインメニュー
--------------------------------------------------------------------------- */
/* ハンバーガーメニュー用の input と label */
#navi-menu input,
#navi-menu label,
#navi-menu label span {
	display: none;	/* PCやタブレットでは不要なので消去 */
}
/* ナビゲーションメニューの基本設定 */
#navi-menu {
	position: absolute;
	left: 0px;		/* 「#menu-mainimg」に対して左から0pxの場所に配置。 */
	bottom: 0px;	/* 「#menu-mainimg」に対して下から0pxの場所に配置。 */
	width: 100%;
}
#menubar ul {
	width: 980px;	/* 幅。「header #inner」と「#contents」と数字を揃える。 */
	margin: 0 auto;
}
#menubar li:first-child {
	display: none;
}
/* メニュー１個あたりの設定 */
#menubar li {
	float: left;	/* 左に回り込み */
	border-left: 1px solid #fff;	/* 左の線の幅、線種、色 */
	border-top: 1px solid #fff;		/* 左の線の幅、線種、色 */
	border-right: 1px solid #fff;	/* 左の線の幅、線種、色 */
	width: 22%;	/* メニュー幅 */
	margin-left: 2%;	/* メニュー同士の余白 */
	font-size: 16px;	/* 文字サイズ */
	line-height: 1.6;	/* 行間 */
}
#menubar li a {
	display: block;
	text-decoration: none;
	background: #fff;	/* 背景色（古いブラウザ用） */
	background: rgba(255,255,255,0.8);	/* 背景色。rgbaでの設定で左３つの数字が色指定。最後の小数点が透明度。 */
	padding: 8px 0px 8px 10px;	/* 上、右、下、左への余白 */
}
#menubar li a::first-letter {
	margin: 0;
	border-left: 3px solid #486a00;	/* 左側のアクセント用ラインの幅、線種、色 */
	padding-left: 10px;	/* アクセントラインと文字の間にとる余白 */
	padding-bottom: 18px;
}
/* 英語表記 */
#menubar li span.f13 {
	font-size: 13px;	/* 文字サイズ */
}
#menubar li span:lang(en) {
	display: block;
	font-size: 10px;	/* 文字サイズ */
	padding-left: 15px;	/* アクセントラインと文字の間にとる余白 */
	letter-spacing: 0.2em;	/* 文字間隔を少し広くとる設定。通常がいいならこの行削除。 */
}
/* マウスオン時、現在表示中のメニュー設定 */
#menubar a:hover,
#menubar li.current a {
	background: #fff;	/* 背景色 */
}

/* コンテンツ（左右ブロックを囲むボックス）
--------------------------------------------------------------------------- */
#contents {
	clear: both;
	width: 980px;	/* 幅。「header #inner」と「#menubar ul」と数字を揃える。 */
	margin: 0 auto;
}

/* メインコンテンツ
--------------------------------------------------------------------------- */
#main {
	float: left;	/* 左側に回り込み */
	width: 700px;	/* 幅 */
}
/* パンくずリスト */
#breadcrumb {
	margin-bottom: 15px;
}
#breadcrumb ol {
	list-style-type: none;
}
#breadcrumb ol li {
	display: inline;
}
#breadcrumb ol li:after {
	content: ' ＞ ';
}
#breadcrumb ol li:last-child:after {
	content: '';
}
/* mainコンテンツのh2タグの設定 */
#main h2 {
	clear: both;
	margin-bottom: 15px;
	font-size: 100%;
	background: #fff;	/* 背景色（古いブラウザ用） */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dee4d1));	/* グラデーション */
	background: -webkit-linear-gradient(#fff, #dee4d1);	/* 同上 */
	background: linear-gradient(#fff, #dee4d1);			/* 同上 */
	padding: 7px 15px;	/* 上下、左右への余白 */
	border-radius: 4px 4px 0px 0px;	/* 角丸のサイズ */
	border-left: solid 1px #b5b5b5;		/* 左側への線の線種、幅、色 */
	border-top: solid 1px #b5b5b5;		/* 上側への線の線種、幅、色 */
	border-right: solid 1px #b5b5b5;	/* 右側への線の線種、幅、色 */
	border-bottom: solid 5px #486a00;	/* 下側への線の線種、幅、色 */
}
/* mainコンテンツのh3タグの設定 */
#main h3 {
	clear: both;
	margin-bottom: 15px;
	font-size: 100%;
	background: #FFF;	/* 背景色 */
	padding: 4px 15px;	/* 上下、左右への余白 */
	border: 1px solid #e4e4e4;	/* 枠線の幅、線種、色 */
	border-radius: 4px;	/* 角丸のサイズ */
}
/* mainコンテンツのh3タグの１文字目への設定 */
#main h3::first-letter {
	border-left: 3px solid #486a00;	/* 左側のアクセント用ラインの幅、線種、色 */
	padding-left: 10px;	/* アクセントラインと文字の間にとる余白 */
}
/* mainコンテンツの段落タグ設定 */
#main p {
	padding: 7px 15px 14px;	/* 上、左右、下への余白 */
	line-height: 1.5;
}
#main p + p {
	padding-top: 0px;
}
#main h2 + p,
#main h3 + p {
	padding-top: 0px;
	margin-top: -5px;
}
/* feedbackページのための修正 */
#feedback h1 {
	clear: both;
	font-size: 150%;
	color: #fff;
	background: #486a00;	/* 背景色（古いブラウザ用） */
	background: -webkit-gradient(linear, left top, left bottom, from(#9ad400), to(#486a00));	/* グラデーション */
	background: -webkit-linear-gradient(#9ad400, #486a00);	/* 同上 */
	background: linear-gradient(#9ad400, #486a00);			/* 同上 */
	margin-bottom: 15px;
	border: 0;
	border-radius: 4px;	/* 角丸のサイズ */
	padding: 7px 15px;	/* 上下、左右への余白 */
}
/* blogコンテンツの画像でないh1タグの設定 */
#main h1.blog {
	color: #fff;
	font-size: 40px;
	font-weight: bold;
	background: #486a00 url(../images/title_banner.png);	/* 背景色（古いブラウザ用） */
	padding: 0px 15px;	/* 上下、左右への余白 */
}

/* メインコンテンツ内の各ブロック
--------------------------------------------------------------------------- */
/* 各ボックスの設定 */
#main section.list,
#main section.list1,
#main section.list2,
#main section.list3 {
	background: #fff;	/* 背景色 */
	border: 1px solid #e4e4e4;	/* 枠線の幅、線種、色 */
	margin-bottom: 15px;	/* ボックスの下に空ける余白 */
	position: relative;
	overflow: hidden;
}
#main section.list2 {
	padding: 15px;
}
#main section.list3 {
	padding-bottom: 15px;
}
#main section.list a {
	padding: 15px;
	text-decoration: none;
	display: block;
	overflow: hidden;
}
/* ボックス内の段落タグ設定 */
#main section.list p,
#main section.list1 p,
#main section.list2 p,
#main section.list3 p {
	padding: 0px;
	margin-top: 15px;
}
#main section.list p,
#main section.list2 p {
	margin-left: 225px;	/* 左側の写真幅とのバランス加味して設定 */
}
#main section.list1 p,
#main section.list3 p {
	margin-left: 15px;
	margin-right: 15px;
	padding-left: 15px;
	padding-right: 15px;
}
/* ボックス内のアドレスタグ設定 */
#main section.list address,
#main section.list1 address,
#main section.list2 address,
#main section.list3 address {
	padding: 0px;
	margin-top: 15px;
	text-align: right;
}
#main section.list address,
#main section.list2 address {
	margin-left: 225px;	/* 左側の写真幅とのバランス加味して設定 */
}
#main section.list1 address,
#main section.list3 address {
	margin-left: 30px;
	margin-right: 30px;
}
/* ボックス内のリストタグ設定 */
#main section.list ol,
#main section.list ul,
#main section.list1 ol,
#main section.list1 ul,
#main section.list2 ol,
#main section.list2 ul,
#main section.list3 ol,
#main section.list3 ul {
	padding: 5px 5px 5px 25px;
}
#main section.list ol,
#main section.list ul,
#main section.list dl,
#main section.list2 ol,
#main section.list2 ul,
#main section.list2 dl {
	margin-left: 225px;	/* 左側の写真幅とのバランスを加味して設定 */
}
#main section.list li,
#main section.list2 li {
	margin:5px;	
}
/* ボックス内の定義リストタグ設定 */
#main section.list dl,
#main section.list1 dl,
#main section.list2 dl,
#main section.list3 dl {
	margin: 0.5em 1em;
	padding: 0;
}
#main section.list dl dt,
#main section.list1 dl dt,
#main section.list2 dl dt,
#main section.list3 dl dt {
	font-weight: bolder;
	margin: 0.2em 0.5em 0.5em 0.5em;
	padding: 0;
}
#questionnaire blockquote dl {
	margin: 0.5em 0 !important;
}
#questionnaire dt:nth-of-type(1)::before {
	content: "Q1:";
}
#questionnaire dt:nth-of-type(2)::before {
	content: "Q2:";
}
#questionnaire dt:nth-of-type(3)::before {
	content: "Q3:";
}
#questionnaire dt:nth-of-type(4)::before {
	content: "Q4:";
}
#questionnaire dt:nth-of-type(5)::before {
	content: "Q5:";
}
#main section.list dl dd,
#main section.list1 dl dd,
#main section.list2 dl dd,
#main section.list3 dl dd {
	margin: 0.2em 0.5em 1em 2.4em;
	padding: 0;
}
#questionnaire dd::before {
	font-weight: bold;
	content: "A:";
	margin-left: -1.15em;
}
#questionnaire dd::first-line {
}
/* ボックス内の写真設定 */
#main section.list figure img,
#main section.list2 figure img {
	float: left;	/* 画像を左へ回り込み */
	width: 200px;		/* 写真の幅 */
	background: #fff;	/* 画像の背景色。ここでは枠線と画像の間の色を指定。 */
	padding: 5px;			/* 余白。ここに上の行で設定した背景色が出る。 */
	border: 1px solid #CCC;	/* 枠線の幅、線種、色 */
}
/* ボックス内のh4タグ設定 */
#main section.list h4,
#main section.list1 h4,
#main section.list2 h4 {
	clear: both;
	font-size: 100%;
	margin-bottom: 0.5em;
	color: #000;		/* 文字色 */
	border-bottom: 1px solid #CCC;	/* 下線の幅、線種、色 */
}
#main section.list1 h4 {
	margin-left: 1em;
}
/* ボックス内のh4タグの１文字目への設定 */
#main section.list h4::first-letter,
#main section.list1 h4::first-letter,
#main section.list2 h4::first-letter {
	border-left: 3px solid #486a00;	/* 左側の線の幅、線種、色 */
	padding-left: 10px;	/* 線と文字との余白 */
}
/* マウスオン時のボックス */
#main section.list a:hover {
	background:#FCFDCA;
}
/* 納品までの流れの矢印 */
div.arrow {
	text-align: center;
	margin: 5px 0;
}
/* 職人紹介 */
#artisan section.profile figure:first-of-type {
	float: left;
}
#artisan section.profile ul {
	list-style-type: disc;
	margin-left: 150px;
}
#artisan section.profile p {
	clear: both;
}
/* キャッチライン #CatchLine */
#credo #CatchLine {
	font-family: "HGP行書体", "HGS行書体", "HG行書体", "ＤＦ行書体", "ＤＦＰ行書体", "有澤太楷書P", "游明朝体", "游明朝", cursive;
	clear: both;
	width: 400px;
	color: #000;
	background-image: none;
	background-repeat: no-repeat;
	font-size: 400%;
	font-style: normal;
	font-weight: 800;
	line-height: 1.1em;
	text-align: center;
	margin: auto;
	border: none;
	padding: 0.2em;
}
#credo .NoCSS {
	display: none;
}
#credo #CatchLine #Line1,
#credo #CatchLine #Line2 {
	display: block;
	float: right;
	width: 1em;
	line-height: 1.1em;
	word-break: break-all;	/* Google Chrome に対する禁則処理封じ */
}
#credo #CatchLine #Line1 {
	margin-right: 1.8em;
	padding-bottom: 0.8em;
}
#credo #CatchLine #Line2 {
	margin-right: 1em;
	padding-top: 0.6em;
}
#credo #CatchLine #Line1 strong,
#credo #CatchLine #Line2 strong {
	color: #000;
}
#credo #CatchLine #Line1 em,
#credo #CatchLine #Line2 em {
	font-weight: bold;
}
#credo #Line3 {
	display: block;
	clear: both;
	margin: auto;
	text-align: center;
	font-size: 175%;
}
#credo #Line4,
#credo #Line5,
#credo #Line6,
#credo #Line7 {
	display: block;
	margin: auto;
	text-align: center;
	line-height: 1.5em;
}
/* FAQのh3タグの１文字目への設定 */
#faq section.list3 h3::first-letter {
	border-left: none;	/* 左側のアクセント用ラインの消去 */
	padding-left: 0;	/* アクセントラインと文字の間にとる余白 */
}
#faq section.list3 h3:before {
	color: #486a00;
	content: "Q: ";
}
/* FAQの1行目pタグへの設定 */
#faq section.list3 p {
	margin-left: 27px;
}
#faq section.list3 h3 + p {
	text-indent: -1.5em;
}
#faq section.list3 h3 + p:before {
	color: #486a00;
	content: "A: ";
}
/* FAQのクレジットカードリスト */
#faq #credit_card h4:before {
	color: #486a00;
	content: "A: ";
	font-weight: normal;
	margin-left: 17px;
}
#faq #credit_card h5 {
	font-weight: normal;
	font-size: 17px;
}
#faq #credit_card h5:before {
	color: #486a00;
	content: "☆ ";
	font-weight: normal;
	margin-left: 25px;
}
#faq #credit_card dd {
	margin-left: 50px;
}
#faq #credit_card ul,
#faq #credit_card li {
	display: inline;
	padding-left: 0;
}
#faq #credit_card li img {
	vertical-align:middle;
}
/* 表 ( table ) */
#main section.work-introduction table {
	background-color: #eea;
	border: 1px dashed #360;
	color: inherit;
	margin: 0 auto;
	padding: 0.5em;
	width: 90%;
}
#main section.work-introduction caption {
	/* background-color: #cc9; */
	background-color: #dee4d1;
	border: 1px solid #360;
	color: #330;
	font-size: 100%;
	margin: 0;
	text-align: center;
	text-decoration: none;
}
#main section.work-introduction th {
	/* background-color: #cc9; */
	background-color: #dee4d1;
	border: 1px solid #360;
	color: #000;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
#main section.work-introduction th.vertical {
	white-space: nowrap;
}
#main section.work-introduction th.vertical span {
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	width: 2em;
}
#main section.work-introduction td {
	background-color: #FFF;
	border: 1px solid #360;
	color: #330;
	font-size: 100%;
	font-style: normal;
	text-align: left;
	text-decoration: none;
}
#main section.work-introduction td.pic_cell {
	text-align: center;
}
#main section.work-introduction td img {
	vertical-align: bottom;
}
#main section.work-introduction p {
	margin: 0 auto;
	padding: 0.5em;
	width: 90%;
}
/* サイト内検索 */
#gcs #___gcse_0 #gsc-iw-id1 {
	height: 30px !important;
}
#gcs #___gcse_0 input.gsc-search-button-v2 {
	padding: 8px 27px !important;
	margin-top: 0px !important;
}
/* error */
#error403 #main > p:nth-child(3),
#error404 #main > p:nth-child(3) {
	text-align: center;
	font-size: 180%;
}
/* 各ブロック内のテーブル
--------------------------------------------------------------------------- */
#main section.list table,
#main section.list2 table {
	font-size: 12px;	/* 文字サイズ */
	background: #FFF;	/* 背景色 */
	width: 74%;		/* テーブル幅 */
	margin-bottom: 5px;
	margin-left: 170px;	/* 左側の写真幅とのバランスをとって設定 */	
}
#main section.list table,#main section.list table td,#main section.list table th,
#main section.list2 table,#main section.list2 table td,#main section.list2 table th {
	border: 1px solid #CCC;	/* 枠線の幅、線種、色 */
}
#main section.list table td,#main section.list table th,
#main section.list2 table td,#main section.list2 table th {
	padding: 1%;	/* テーブル内の余白 */
}
/* 色のついた見出しブロック */
#main section.list table th,
#main section.list2 table th {
	width: 20%;		/* 幅 */
	text-align: center;		/* 文字をセンタリング */
	font-weight: normal;	/* デフォルトの太字を標準にする設定 */
	background: #f3f3f3;	/* 背景色 */
}
/* 白い説明用ブロック */
#main section.list table td,
#main section.list2 table td {
	width: 30%;	/* 幅 */
}

/* サブコンテンツ
--------------------------------------------------------------------------- */
#sub {
	float: right;	/* 右に回り込み */
	width: 220px;	/* 幅 */
}
/* subコンテンツ内のh2タグ設定 */
#sub h2 {
	font-size: 100%;
	padding-bottom: 10px;
}
/* subコンテンツのh2タグの１文字目への設定 */
#sub h2::first-letter {
	border-left: 3px solid #486a00;	/* 左側のアクセント用ラインの幅、線種、色 */
	padding-left: 10px;
}

/* サブコンテンツ内のメニュー
--------------------------------------------------------------------------- */
/* メニュー全体の設定 */
#sub ul.submenu {
	margin-bottom: 15px;	/* メニューブロックの下に空けるスペース */
	border-top: solid 1px #b5b5b5;	/* 上の線の線種、幅、色 */
}
/* メニュー１個ごとの設定 */
#sub ul.submenu li {
	background: #fff;	/* 背景色 */
	border-bottom: solid 1px #b5b5b5;	/* 下の線の線種、幅、色 */
}
#sub ul.submenu li a {
	text-decoration: none;
	display: block;
	padding: 2px 10px;	/* メニュー内の余白。上下、左右への設定。 */
}

/* サブコンテンツ内のbox1
--------------------------------------------------------------------------- */
#sub .box1 {
	padding: 15px;			/* ボックス内の余白 */
	margin-bottom: 15px;	/* ボックスの下に空けるスペース */
	background: #dee4d1;	/* 背景色 */
	border: solid 1px #b5b5b5;	/* 線の線種、幅、色 */
	font-size: 16px;
}
/* box1内のメニューの設定 */
#sub .box1 ul.submenu {
	margin-bottom: 0px;
}
/* box1内のSNS_Badgesの設定 */
#sub .box1 ul.SNS_Badges {
	margin-bottom: 0px;
}
#sub .box1 ul.SNS_Badges li {
	display: inline;
}
#sub .box1 ul.SNS_Badges li a {
	text-decoration: none;
}
#sub .box1 ul.SNS_Badges li a img {
	border: 0;
	width: 32px;
	height: 32px;
}

/* サブコンテンツ内の特別国際種事業者登録証(テーブル)
--------------------------------------------------------------------------- */
#sub #ivory-products {
	margin-bottom: 15px;
	font-weight: normal;
}
#sub #ivory-products h2 {
	margin: 0px;
	padding: 0 0 10px 0;
	font-weight: bold;
	font-size: 12pt;
	line-height: 16pt;
}
#sub #ivory-products h2 .kind {
	font-weight: normal;
	font-size: 8pt;
}
#sub #ivory-products table {
	margin: 0 auto;
	width: 220px;
	background: #ffffff;
	border-collapse: collapse;
}
#sub #ivory-products th {
	width: 80px;
}
#sub #ivory-products td {
	width: 137px;
}
#sub #ivory-products th,
#sub #ivory-products td {
	padding: 3pt 0 3pt 0;
	font-size: 6pt;
	border: solid 1px #000000;
	text-align: center;
	line-height: 9pt;
}

/* サブコンテンツ内の古物商許可証(定義リスト)
--------------------------------------------------------------------------- */
#sub #curio-dealer {
	margin-bottom: 15px;
	font-weight: normal;
}
#sub #curio-dealer h2 {
	margin: 0px;
	padding: 0 0 10px 0;
	font-weight: bold;
	font-size: 12pt;
}
#sub #curio-dealer dl {
	margin: 0 auto;
	width: 220px;
	font-size: 11pt;
	text-align: center;
}
#sub #curio-dealer dl dd dl {
	width: 200px;
	height: 100px;
	border: 5px outset #eee;
	background: #009;
	color: #fff;
	line-height:24pt;
}
#sub #curio-dealer dl dd dl dt {
	display: none;
}
#sub #curio-dealer dl dd dl dd:nth-of-type(1),
#sub #curio-dealer dl dd dl dd:nth-of-type(2) {
	display: inline;
	font-size: 7pt;
}
#sub #curio-dealer dl dd dl dd:nth-of-type(3) {
	font-size: 18pt;
	line-height:26pt;
}
#sub #curio-dealer dl dd dl dd:nth-of-type(4) {
	font-size: 12pt;
	line-height:24pt;
}

/* フッター設定
--------------------------------------------------------------------------- */
footer {
	clear: both;
	background: #333;	/* 背景色 */
	color: #fff;	/* 文字色 */
	font-size: 85%;	/* 文字サイズ */
}
footer a {
	color: #fff;
}
footer a:hover {
	color: #fff;
}
footer .pr {
	display: block;
	font-size: 80%;
}

/* フッターメニュー
--------------------------------------------------------------------------- */
/* ボックス全体 */
#footermenu {
	width: 940px;	/* 幅 */
	margin: 0 auto;
	overflow: hidden;
	padding: 20px 0px;
}
/* １行分の設定 */
#footermenu > ul {
	float: left;	/* 左に回り込み */
	width: 18%;		/* 幅。今回は5列作ったのでここの幅18%と下のpaddingの2%でトータル50%になるよう設定。 */
	padding-right: 2%;
	font-size: 0.9em;
}

/* コピーライト
--------------------------------------------------------------------------- */
.footer-address {
	clear: both;
	text-align: center;
	font-style: normal;
	background: #111;	/* 背景色 */
}
#copyright a {
	text-decoration: none;
}

/* トップページ内「更新情報・お知らせ」ブロック
--------------------------------------------------------------------------- */
/* ブロック全体の設定 */
#new dl{
	padding-left: 15px;
	margin-bottom: 15px;
	overflow: auto;	/* 高さ指定を超えるとiframe風にスクロールが出る設定。全部表示させたいならこの行と下のheightの行を削除。 */
	height: 140px;	/* ボックスの高さ */
}
/* 日付設定 */
#new dt {
	font-weight: bold;	/* 太字にする設定。標準がいいならこの行削除。 */
	float: left;
	width: 5.5em;
}
/* 記事設定 */
#new dd {
	padding-left: 6em;
}

/* テーブル
--------------------------------------------------------------------------- */
/* ta1設定 */
.ta1 {
	width: 100%;
	margin-bottom: 15px;
	background: #fff;	/* 背景色 */
}
.ta1, .ta1 td, .ta1 th {
	border: 1px solid #999;	/* テーブルの枠線の幅、線種、色 */
	padding: 10px;	/* ボックス内の余白 */
	word-break: break-all;
}
/* テーブル１行目に入った見出し部分 */
.ta1 th.tamidashi {
	width: auto;
	text-align: left;	/* 左よせ */
	background: #cce6f6;	/* 背景色 */
}
/* 左側ボックス */
.ta1 th {
	width: 100px;	/* 幅 */
	text-align: center;	/* センタリング */
	background: #f0f0f0;	/* 背景色 */
}

/* PAGE TOP設定
--------------------------------------------------------------------------- */
#pagetop {
	clear: both;
	padding-top: 40px;
}
#pagetop a {
	color: #FFF;		/* 文字色 */
	font-size: 20px;	/* 文字サイズ */
	padding: 0px 30px;	/* 上下、左右へのボックス内余白 */
	background: #333;	/* 背景色 */
	text-decoration: none;
	text-align: center;
	display: block;
	float: right;
	border-radius: 4px 4px 0px 0px;	/* 角丸のサイズ。左上、右上、右下、左下。 */
}
/* マウスオン時 */
#pagetop a:hover {
	background-color: #999;	/* 背景色 */
	color: #FFF;			/* 文字色 */
}

/* NEWアイコン
--------------------------------------------------------------------------- */
.newicon {
	background: #F00;	/* 背景色 */
	color: #FFF;		/* 文字色 */
	font-size: 10px;	/* 文字サイズ */
	border-radius: 2px;	/* 角丸のサイズ */
	padding: 0px 5px;
	margin: 0px 5px;
}

/* その他
--------------------------------------------------------------------------- */
.look {background: #dcdcdc; padding:20px; }
.mb15,.mb1em {margin-bottom: 15px;}
.clear {clear: both;}
ul.disc {padding: 0em 25px 1em;list-style: disc;}
.color1 {color: #ff0000;}
.pr {font-size: 10px;}
.wl {width: 96%;}
.ws {width: 50%;}
.c {text-align: center;}
.r {text-align: right;}
.l {text-align: left;}
.bold {font-weight:bold;}


/* 画面幅980px以下の設定
--------------------------------------------------------------------------- */
@media screen and (max-width:980px){

/* ヘッダー（サイトロゴが入った最上段のブロック）
--------------------------------------------------------------------------- */
/* サイト幅にしたheader内のブロック */
header #inner {
	width: auto;
}

/* メインメニュー
--------------------------------------------------------------------------- */
#menubar ul {
	width: auto;
	padding-bottom: 11px;
	overflow: hidden;
}
/* メニュー１個あたりの設定 */
#menubar li {
	width: 50%;
	margin: 0;
	border-bottom: 1px solid #dcdcdc;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#menubar li:nth-child(odd) {
	border-right: none;
}

/* コンテンツ
--------------------------------------------------------------------------- */
#contents {
	width: auto;
	margin: 2%;
}

/* main,subコンテンツ
--------------------------------------------------------------------------- */
#main, #sub {
	float: none;
	width: auto;
}

/* サブコンテンツ内の特別国際種事業者登録証(テーブル)
--------------------------------------------------------------------------- */
#sub #ivory-products h2 {
	font-size: 100%;
}
#sub #ivory-products h2 br {
	display: none;
}
#sub #ivory-products h2 .kind {
	font-weight: normal;
	font-size: 10pt;
}
#sub #ivory-products table {
	width: 600px;
}
#sub #ivory-products th {
	width: 217px;
}
#sub #ivory-products td {
	width: 380px;
}
#sub #ivory-products th,
#sub #ivory-products td {
	padding: 6pt;
	font-size: 16pt;
	border: solid 1px #000000;
	text-align: center;
	line-height: 24pt;
}

/* サブコンテンツ内の古物商許可証(定義リスト)
--------------------------------------------------------------------------- */
#sub #curio-dealer h2 {
	font-size: 100%;
}
#sub #curio-dealer dl {
	width: 630px;
	font-size: 100%;
}
#sub #curio-dealer dl dd dl {
	width: 600px;
	height: 300px;
	border: 15px outset #eee;
	line-height:48pt;
}
#sub #curio-dealer dl dd dl dd:nth-of-type(1),
#sub #curio-dealer dl dd dl dd:nth-of-type(2) {
	font-size: 24pt;
}
#sub #curio-dealer dl dd dl dd:nth-of-type(3) {
	font-size: 72pt;
	line-height:96pt;
}
#sub #curio-dealer dl dd dl dd:nth-of-type(4) {
	font-size: 48pt;
	line-height:60pt;
}

/*フッターメニュー
---------------------------------------------------------------------------*/
/*ボックス全体*/
#footermenu {
	width: 90%;
}
#footermenu > ul {
	font-size: 0.8em;
}

/*その他
---------------------------------------------------------------------------*/
body.s-n #sub {
	display: none;
}

}



/*画面幅720px以下の設定
---------------------------------------------------------------------------*/
@media screen and (max-width:720px){

/*ヘッダー（サイトロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ロゴ画像*/
header #logo {
	width: 50%;
}
/*電話番号パーツ*/
header #tel {
	background: none;
	line-height: 1.2;
	text-align: right;
}
/*電話番号パーツの受付時間部分*/
header #tel span {
	display: block;
}

/*「ご予約・お問い合わせはこちらから」ボタン
---------------------------------------------------------------------------*/
#contact,
#contact2,
#contact3 {
	font-size: 14px;
}
#contact span {
	display: none;
}

/*メインコンテンツ内の各ブロック
---------------------------------------------------------------------------*/
/*error*/
#error403 #main > p:nth-child(3) {
	font-size: 120%;
}
#error404 #main > p:nth-child(3) {
	font-size: 125%;
}

/*サブコンテンツ内の特別国際種事業者登録証(テーブル)
---------------------------------------------------------------------------*/
#sub #ivory-products table {
	width: 540px;
}
#sub #ivory-products th {
	width: 180px;
}
#sub #ivory-products td {
	width: 357px;
}
#sub #ivory-products th,
#sub #ivory-products td {
	padding: 3pt;
	font-size: 16pt;
	line-height: 22pt;
}

/* サブコンテンツ内の古物商許可証(定義リスト)
--------------------------------------------------------------------------- */
#sub #curio-dealer dl {
	width: 540px;
}
#sub #curio-dealer dl dd dl {
	width: 500px;
	height: 250px;
	border: 15px outset #eee;
	line-height:42pt;
}
#sub #curio-dealer dl dd dl dd:nth-of-type(1),
#sub #curio-dealer dl dd dl dd:nth-of-type(2) {
	font-size: 20pt;
}
#sub #curio-dealer dl dd dl dd:nth-of-type(3) {
	font-size: 60pt;
	line-height:84pt;
}
#sub #curio-dealer dl dd dl dd:nth-of-type(4) {
	font-size: 48pt;
	line-height:48pt;
}

/*フッターメニュー
---------------------------------------------------------------------------*/
/*１行分の設定*/
#footermenu > ul {
	font-size: 0.7em;
}

}



/*画面幅600px以下の設定
---------------------------------------------------------------------------*/
@media screen and (max-width:600px){

/*「ご予約・お問い合わせはこちらから」ボタン
---------------------------------------------------------------------------*/
#contact3 span {
	display: none;
}
#contact3 a {
	padding: 8px 15px;	/*上下、左右へのボックス内の余白*/
}
/*マウスオン時*/
#contact3 a:hover {
	padding: 8px 15px 12px;	/*上、左右、下へのボックス内の余白*/
}

/*サブコンテンツ内の特別国際種事業者登録証(テーブル)
---------------------------------------------------------------------------*/
#sub #ivory-products table {
	width: 420px;
}
#sub #ivory-products th {
	width: 140px;
}
#sub #ivory-products td {
	width: 277px;
}
#sub #ivory-products th,
#sub #ivory-products td {
	padding: 3pt;
	font-size: 12pt;
	line-height: 16pt;
}

/* サブコンテンツ内の古物商許可証(定義リスト)
--------------------------------------------------------------------------- */
#sub #curio-dealer dl {
	width: 420px;
}
#sub #curio-dealer dl dd dl {
	width: 400px;
	height: 200px;
	border: 10px outset #eee;
	line-height:36pt;
}
#sub #curio-dealer dl dd dl dd:nth-of-type(1),
#sub #curio-dealer dl dd dl dd:nth-of-type(2) {
	font-size: 16pt;
}
#sub #curio-dealer dl dd dl dd:nth-of-type(3) {
	font-size: 54pt;
	line-height:60pt;
}
#sub #curio-dealer dl dd dl dd:nth-of-type(4) {
	font-size: 36pt;
	line-height:42pt;
}

}



/*画面幅480px以下の設定
---------------------------------------------------------------------------*/
@media screen and (max-width:480px){

/*ヘッダー（サイトロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ロゴ画像*/
header #logo {
	width: 60%;
}
/*サイト幅にしたheader内のブロック*/
header #inner {
	height: 160px;
}
/*ロゴ画像*/
header #logo {
	position: absolute;
	left: 10px;
	top: 10px;
}

/*「ご予約・お問い合わせはこちらから」ボタン
---------------------------------------------------------------------------*/
#contact {
	position: absolute;
	left: 10px;
	top: 100px;
}
#contact a {
	display: block;
	text-align: center;
	border-radius: 8px;
}
#contact2 span {
	display: none;
}

/*パンくずリスト
---------------------------------------------------------------------------*/
#breadcrumb {
	font-size: 0.7em;
}

/*メインメニュー
---------------------------------------------------------------------------*/
#navi-menu {
	display: inline-block;
	position: fixed;
	top: 10px;
	right: 0;
	width: 100%;
	height: 0px;
	z-index: 2;
}
#navi-menu label.toggle-label {
	display: block;
	position: fixed;
	right: 0;
	width: 35px;
	height: 35px;
	cursor: pointer;
	float: left;
	z-index: 2;
	background: #fff;
}
#navi-menu label.toggle-label {
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}
#navi-menu label.toggle-label:active {
	-webkit-tap-highlight-color: transparent;
}
#navi-menu label.toggle-label span.toggle-icon,
#navi-menu label.toggle-label span.toggle-icon:before,
#navi-menu label.toggle-label span.toggle-icon:after {
	display: block;
	position: relative;
	top: 50%;
	left: 50%;
	height: 3px;
	width: 32px;
	background: #5d809d;
	content: '';
	transition: all 500ms ease-in-out;
}
#navi-menu label.toggle-label span.toggle-text {
	display: block;
	position: relative;
	top: calc(100% - 10px);
	height: 5px;
	font-size: 10px;
	color: #5d809d;
	text-align: center;
}
#navi-menu label.toggle-label span.toggle-text:before {
	position: absolute;
	width: 100%;
	left: 0;
	content: 'MENU';
	transition: all 500ms ease-in-out;
	visibility: visible;
	opacity: 1;
	background: #fff;
}
#navi-menu label.toggle-label span.toggle-text:after {
	position: absolute;
	width: 100%;
	left: 0;
	content: 'CLOSE';
	transition: all 500ms ease-in-out;
	visibility: hidden;
	opacity: 0;
	background: #fff;
}
#navi-menu label.toggle-label span.toggle-icon {
	transform: translate3d(-50%, -5px, 0);
}
#navi-menu label.toggle-label span.toggle-icon:before {
	transform: translate3d(-50%, -11.5px, 0);
}
#navi-menu label.toggle-label span.toggle-icon:after {
	transform: translate3d(-50%, 5px, 0);
}
#navi-menu input.toggle-checkbox:checked ~ label.toggle-label span.toggle-icon {
	background-color: transparent;
}
#navi-menu input.toggle-checkbox:checked ~ label.toggle-label span.toggle-icon:before,
#navi-menu input.toggle-checkbox:checked ~ label.toggle-label span.toggle-icon:after {
	top: 0;
}
#navi-menu input.toggle-checkbox:checked ~ label.toggle-label span.toggle-icon:before {
	transform: translateX(-50%) rotate(45deg);
	top: 1.5px;
}
#navi-menu input.toggle-checkbox:checked ~ label.toggle-label span.toggle-icon:after {
	transform: translateX(-50%) translateY(-10px) rotate(-45deg);
	top: 8.5px;
}
#navi-menu input.toggle-checkbox:checked ~ label.toggle-label span.toggle-text:before {
	visibility: hidden;
	opacity: 0;
}
#navi-menu input.toggle-checkbox:checked ~ label.toggle-label span.toggle-text:after {
	visibility: visible;
	opacity: 1;
}
#menubar {
	width :90%;
	height :100%;
	background: #fff;
	position: absolute;
	right: -120%;
	top: 0;
	-webkit-transition: right 0.4s;
	transition: right 0.4s;
	margin: 0px 0px 20px;
}
#navi-menu input.toggle-checkbox:checked ~ label.toggle-label::before {
	-webkit-box-shadow: transparent 0 0 0;
	box-shadow: transparent 0 0 0;
	-webkit-transform: rotate(45deg) translate3d(6px, 11px, 0);
	transform: rotate(45deg) translate3d(6px, 11px, 0);
}
#navi-menu input.toggle-checkbox:checked ~ label.toggle-label::after {
	-webkit-transform: rotate(-45deg) translate3d(6px, -11px, 0);
	transform: rotate(-45deg) translate3d(6px, -11px, 0);
}
#navi-menu input.toggle-checkbox:checked ~ #menubar {
	right: 0;
}
#menubar ul {
	list-style-type: none;
	margin: 50px 0 0;
	padding: 0;
}
#menubar ul li {
	clear: both;
	border-top: 1px solid #b5b5b5;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #b5b5b5;
	width: 100%;
	background: url(../images/arrow1.png) no-repeat 95% center/19px;
}
#menubar ul li:first-child {
	display: block;
	border-top-left-radius: 8px;
}
#menubar ul li:last-child {
	border-bottom: 1px solid #b5b5b5;
	border-bottom-left-radius: 8px;
}
#menubar ul li a {
	color: #777;
	background: rgba(255,255,255,0.95);	/*背景色。rgbaでの設定で左３つの数字が色指定。最後の小数点が透明度。*/
	display: block;
	overflow: hidden;
	padding: 8px 22px;
	position: relative;
	text-decoration: none;
	z-index: 1;
}
#menubar ul li a::before {
	background: #eee;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 100%;
	left: 0;
	-webkit-transition: bottom 0.4s;
	transition: bottom 0.4s;
	z-index: -1;
}
#menubar ul li a:hover::before {
	bottom: 0;
}
#menubar ul li a:hover::after {
	opacity: 0.5;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}


/*コンテンツ
---------------------------------------------------------------------------*/
#contents {
	width: auto;
	margin: 2%;
}

/*メインコンテンツ内の各ブロック
---------------------------------------------------------------------------*/
/*ボックス内の段落タグ設定*/
#main section.list p,
#main section.list1 p,
#main section.list2 p,
#main section.list3 p,
#main section.list div,
#main section.list1 div,
#main section.list2 div,
#main section.list3 div,
#main section.list address,
#main section.list1 address,
#main section.list2 address,
#main section.list3 address,
#main section.list ol,
#main section.list1 ol,
#main section.list2 ol,
#main section.list3 ol,
#main section.list ul,
#main section.list1 ul,
#main section.list2 ul,
#main section.list3 ul,
#main section.list li,
#main section.list1 li,
#main section.list2 li,
#main section.list3 li,
#main section.list dl,
#main section.list1 dl,
#main section.list2 dl,
#main section.list3 dl {
	margin-left: 0;
	margin-right: 0;
}
/*ボックス内の写真設定*/
#main section.list figure img,
#main section.list2 figure img {
	float: none;
	width: 100% !important;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/*ボックス内のh4タグ設定*/
#main section.list h4,
#main section.list2 h4 {
	margin-left: 0;
}
/*職人紹介*/
#artisan section.profile figure:first-of-type {
	float: none;
}
#artisan section.profile ul {
	margin-left: 20px;
}
/*キャッチライン #CatchLine */
#credo #CatchLine {
	width: 250px;
	font-size: 250%;
}
#credo #Line3 {
	font-size: 125%;
}
#credo #Line4,
#credo #Line5,
#credo #Line6,
#credo #Line7 {
	font-size: 80%;
}
/*FAQの1行目pタグへの設定*/
#faq section.list3 p {
	margin-left: 27px;
}
#faq section.list3 h3 + p {
	text-indent: -1.5em;
}
/* 表 ( table ) */
#main section.work-introduction table {
}
#main section.work-introduction caption {
	font-size: 80%;
}
#main section.work-introduction th {
	font-size: 80%;
}
#main section.work-introduction th.vertical {
}
#main section.work-introduction td {
	font-size: 80%;
}
/*error*/
#error403 #main > p:nth-child(3),
#error404 #main > p:nth-child(3) {
	font-size: 100%;
}

/*各ブロック内のテーブル
---------------------------------------------------------------------------*/
#main section.list table,
#main section.list2 table {
	margin-left: 0;
	width: 100%;
}

/*サブコンテンツ内の特別国際種事業者登録証(テーブル)
---------------------------------------------------------------------------*/
#sub #ivory-products h2 br {
	display: inline;
}
#sub #ivory-products table {
	max-width: 100%;
}
#sub #ivory-products th {
	width: 40%;
}
#sub #ivory-products th,
#sub #ivory-products td {
	padding: 3pt 0 3pt 0;
	font-size: 10pt;
	line-height: 14pt;
}

/* サブコンテンツ内の古物商許可証(定義リスト)
--------------------------------------------------------------------------- */
#sub #curio-dealer dl {
	max-width: 100%;
}
#sub #curio-dealer dl dd dl {
	width: 280px;
	height: 140px;
	border: 7px outset #eee;
	line-height:28pt;
}
#sub #curio-dealer dl dd dl dd:nth-of-type(1),
#sub #curio-dealer dl dd dl dd:nth-of-type(2) {
	font-size: 11pt;
}
#sub #curio-dealer dl dd dl dd:nth-of-type(3) {
	font-size: 32pt;
	line-height:38pt;
}
#sub #curio-dealer dl dd dl dd:nth-of-type(4) {
	font-size: 24pt;
	line-height:32pt;
}

/*フッターメニュー
---------------------------------------------------------------------------*/
/*ボックス全体*/
#footermenu {
	display: none;
}

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
section#new h2.open {
	background: url(../images/btn_minus.png) no-repeat right center/34px 34px, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e5e5e5));	/*グラデーション*/
	background: url(../images/btn_minus.png) no-repeat right center/34px 34px, -webkit-linear-gradient(#fff, #e5e5e5);	/*同上*/
	background: url(../images/btn_minus.png) no-repeat right center/34px 34px, linear-gradient(#fff, #e5e5e5);			/*同上*/
}
section#new h2.close {
	background: url(../images/btn_plus.png) no-repeat right center/34px 34px, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e5e5e5));	/*グラデーション*/
	background: url(../images/btn_plus.png) no-repeat right center/34px 34px, -webkit-linear-gradient(#fff, #e5e5e5);	/*同上*/
	background: url(../images/btn_plus.png) no-repeat right center/34px 34px, linear-gradient(#fff, #e5e5e5);
}

/*テーブル
---------------------------------------------------------------------------*/
/*テーブル内の左側*/
.ta1 th {
	width: 100px;
	padding: 5px;
}
/*テーブル内の右側*/
.ta1 td {
	width: auto;
	padding: 5px;
}

/*その他
---------------------------------------------------------------------------*/
.ws,.wl {
	width: 90%;
}

}



/*画面幅320px以下の設定
---------------------------------------------------------------------------*/
@media screen and (max-width:320px){

/*サブコンテンツ内の特別国際種事業者登録証(テーブル)
---------------------------------------------------------------------------*/
#sub #ivory-products th,
#sub #ivory-products td {
	padding: 3pt 0 3pt 0;
	font-size: 7pt;
	line-height: 10pt;
}

/* サブコンテンツ内の古物商許可証(定義リスト)
--------------------------------------------------------------------------- */
#sub #curio-dealer dl {
	width: 240px;
	font-size: 11pt;
}
#sub #curio-dealer dl dd dl {
	width: 210px;
	height: 105px;
	border: 5px outset #eee;
	line-height:24pt;
}
#sub #curio-dealer dl dd dl dd:nth-of-type(1),
#sub #curio-dealer dl dd dl dd:nth-of-type(2) {
	-webkit-text-size-adjust: none;	/* iPhone の Safari で文字が拡大される問題を回避 */
	font-size: 8pt;
}
#sub #curio-dealer dl dd dl dd:nth-of-type(3) {
	font-size: 18pt;
	line-height:26pt;
}
#sub #curio-dealer dl dd dl dd:nth-of-type(4) {
	font-size: 12pt;
	line-height:24pt;
}

}



/*画面幅240px以下の設定
---------------------------------------------------------------------------*/
@media screen and (max-width:240px){

/*サブコンテンツ内の特別国際種事業者登録証(テーブル)
---------------------------------------------------------------------------*/
#sub #ivory-products th,
#sub #ivory-products td {
	font-size: 6pt;
	line-height: 9pt;
}

}