@charset "utf-8";

/****************
 *** REEST
 **************** */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; box-sizing:border-box; }
body { line-height:1; }
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; }
ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration: none; outline: none; overflow: hidden; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

/****************
 *** COMMON
 **************** */
body {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,  sans-serif;
	font-family: -apple-system,BlinkMacSystemFont,'Segoe UI','Hiragino Sans','BIZ UDGothic',Meiryo,sans-serif;
}
body, table, tr, td {
	color: #000;
	font-size: 14px;
	letter-spacing: 0.05em;
	letter-spacing: 0.04em;
}
table, tr, th, td {
	vertical-align: middle;
}
a			{ color: #0000FF; text-decoration: underline; }
a.u			{ text-decoration: none; background: url(../img/common_page/link_underbar.gif) left bottom repeat-x; }
a:visited	{ color: #0033FF; }
a:active	{ color: #DC5F00; }
a:hover		{ color: #C86D04 !important; text-decoration: underline; }
a.u:hover	{ text-decoration: none !important; background: url(../img/common_page/link_underbar_on.gif) left bottom repeat-x; }

p { font-size: 14px; line-height: 175%; text-align: left; font-feature-settings: "palt" 1; font-weight: 500; }
ul { font-size: 14px; font-feature-settings: "palt" 1; font-weight: 500; }
small { font-size: 85%; }

sup { vertical-align: super; }
img { -ms-interpolation-mode: bicubic; }
img.zoom { max-width: 100%; height: auto; box-sizing: border-box; }

.font-yu { font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.center { text-align: center !important; }
.center * { margin-left: auto !important; margin-right: auto !important; }
.left { text-align: left !important; }
.left * { margin-right: auto !important; }
.right { text-align: right !important; }
.right * { margin-left: auto !important; }
.big { font-size: 115%; line-height: 135%; }

.curning { margin-left: -8px; }
.inner {
	overflow: hidden;
	margin: 0px 0px 20px 20px;
}

.clear { clear: both !important; }
.nowrap { display: inline-block; }
.hidden { display: none; }

.alertbox {
	color: #CC0000 !important;
	font-size: 13px !important;
	font-weight: bold !important;
	padding: 5px !important;
	margin-bottom: 10px;
	border: 3px solid #CC0000;
}

.linkbtn {
	display: table;
	position: relative;
	text-align: center;
	margin:	30px auto;
	padding: 15px 35px 15px 20px;
	border-radius: 10px;
	box-sizing: border-box;

	color: #FFF !important;
	font-size: 14px;
	line-height: 100%;
	text-decoration: none;
}
.linkbtn:hover {
	color: #FFF !important;
}

	.linkbtn::before{
		content: "";
		position: absolute;
		right: 15px;
		width: 10px;
		height: 10px;
		border-top: 2px solid #FFF;
		border-right: 2px solid #FFF;
		border-radius: 0.1em;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.linkbtn.brown {
		background-color: #5e3909;
	}
	.linkbtn.lgray {
		background-color: #CCC;
	}

	.linkbtn.close {
		padding: 15px 20px 15px 45px;
	}
	.linkbtn.close::before,
	.linkbtn.close::after {
		content: "";
		display: block;
		position: absolute;
		width: 1.4em;
		height: 2px;
		top: calc(15px + 0.4em);
		left: 15px;
		background: #FFF;
		border: none;
		border-radius: 0.1em;
	}
	.linkbtn.close::before {
		transform: rotate(45deg);
	}
	.linkbtn.close::after {
		transform: rotate(-45deg);
	}

#MODAL,
#MODAL_MENU {
	display: none;
	justify-content: center;
	align-items: center;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../img/common/bg_black_trans.png);
	z-index: 10000;
}

/****************
 *** 装飾タグ
 **************** */
em,
.marker {
    font-style: normal;
    padding: 0px 3px;
    box-shadow: inset 0 -10px #d1e896;
}
em.red,
.marker.red {
	box-shadow: inset 0 -10px #f5cdc4;
}
em.yellow,
.marker.yellow {
	box-shadow: inset 0 -10px #fffc90;
}

.bold { font-weight: bold; }

.red { color: #C30 !important; }
.gray { color: #999 !important; }
.dgray { color: #333 !important; }
.black { color: #000 !important; }

hr.dotline_gray,
hr.dotline_brown,
hr.dotline_lbrown {
	height: 3px;
	margin: 30px 0px;
	padding: 0px;
	border: none;
}
hr.dotline_gray { background: url(../img/common/dotline_gray.png) left center repeat-x; }
hr.dotline_brown { background: url(../img/common/dotline_brown.png) left center repeat-x; }
hr.dotline_lbrown { background: url(../img/common/dotline_lbrown.png) left center repeat-x; }
hr.dotline_green {
	height: 5px;
	margin: 10px 20px;
	padding: 0px;
	border: none;
	background: url(../img/common/h3_line_bg.png) left center repeat-x;
}

.quote { display:inline-block; position:relative; margin-right:10px; font-size:105%; }
.quote:before,
.quote:after { content:""; display:inline-block; position:absolute; width:10px; height:8px; top:0 ; background:url(../img/common/quote.png); }
.quote:before { left:-12px; }
.quote:after { right:-8px; transform:scale(-1, 1); }

/****************
 *** ヘッダ
 **************** */
h2,
h3 {
	margin: 0px 0px 15px 30px;
}
h2.line,
h3.line {
//	margin-left: 5px;
	padding-bottom: 10px;
	background: url(../img/common/h3_line_bg.png) left bottom repeat-x;
}
h2.linetext,
h3.linetext {
	font-size: 17px;
	padding-left: 10px;
	padding-bottom: 20px;
	background: url(../img/common/h3_line_bg.png) left bottom repeat-x;
}
h2.webfont,
h3.webfont {
	color: #000000;
    font-size: 25px;
	font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 500;
	font-feature-settings: "palt" 1;
	line-height: 120%;
	margin: 80px 30px 20px 30px;
	padding: 3px 5px 14px 28px;
	background: url(../img/common/h3_line_bg.png) left bottom repeat-x, url(../img/common/circle_green.png) 0px 10px no-repeat;
}
	h2.webfont span,
	h2.webfont span {
		display: inline-block;
	}
h2.h4,
h3.h4,
h4 {
	color: #552400;
	font-size: 16px;
	line-height: 135%;
	margin: 0px 0px 15px 0px;
	padding: 13px 13px 10px 10px;
	background: url(../img/common/bg_h4.gif) top center no-repeat;
	background-size: 100% 100%;
	background: #f5eac8;
}
h3.bar,
h4.bar,
*.bar {
	color: #FFFFFF;
	font-size: 15px;
	margin: 20px 0px 15px 0px;
	padding: 10px;
	background: #552400;
	background: url(../img/common/bg_h4bar.png);
}
h3.img,
h4.img {
	color: #FFFFFF;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	background: url(../img/common/dotline_brown.png) left bottom repeat-x;
	background-size: auto;
}
h3.text,
h4.text {
	color: #333333;
	font-size: 13px;
	margin: 0px;
	padding: 10px 0px 5px 0px;
	background: none;
}
h4.big {
	font-size: 16px;
}

h3.border {
	clear: both;
	position: relative;
	color: #000000;
	font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-feature-settings: "palt" 1;
	font-size: 20px;
	font-weight: 500;
	line-height: 170%;
	letter-spacing: 0.05em;
	margin: 20px 20px 20px 18px;
	padding: 10px 30px 22px 2px;
	display: inline-block;
	/* background: url(../img/common/h3_line_bg.png) left bottom repeat-x, url(../img/common/circle_green.png) 0px 10px no-repeat; */
	background: none;
}
h3.border:first-letter {
	font-size: 1.3em;
	color: #91ba42;
}
h3.border:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 10px;
	background: url(../img/common/stripe_green.png);
}

/****************
 *** 段落
 **************** */
.block,
.block0,
.block20 {
	display: block;
	clear: both;
	overflow: hidden;
	zoom: 1;

	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 40px;
}
.block0 { margin-bottom: 0px; }
.block20 { margin-bottom: 20px; }
.bottom20 { display: block; margin-bottom: 20px !important; }
.bottom40 { display: block; margin-bottom: 40px !important; }
.bottom60 { display: block; margin-bottom: 60px !important; }

/****************
 *** 上マージン
 **************** */
.m-0 { margin-top: 0px !important; }
.m-20 { margin-top: -20px !important; }
.m-40 { margin-top: -40px !important; }
.m-60 { margin-top: -40px !important; }
.m20 { margin-top: 20px !important; }
.m40 { margin-top: 40px !important; }
.m60 { margin-top: 60px !important; }

/****************
 *** 下マージン
 **************** */
.b-0 { margin-bottom: 0px !important; }
.b-20 { margin-bottom: -20px !important; }
.b-40 { margin-bottom: -40px !important; }
.b-60 { margin-bottom: -40px !important; }
.b20 { margin-bottom: 20px !important; }
.b40 { margin-bottom: 40px !important; }
.b60 { margin-bottom: 60px !important; }

/****************
 *** 文章中画像
 **************** */

.imageC {}
.imageC img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
}

.imageL,
.imageL200,
.imageL260 {
	display: inline;
	float: right;
	margin: 0 0 10px 25px;
}
.imageL200 { width: 200px; }
.imageL260 { width: 260px; }

.imageL img,
.imageL200 img,
.imageL260 img {
	max-width: 100%;
	height: auto;
}

.imageR {
	display: inline;
	float: left;
	margin: 0px 25px 10px 0;
}
.imageR150 {
	display: inline;
	float: left;
	width: 150px;
	margin: 0px 25px 10px 0;
}
.imageR200 {
	display: inline;
	float: left;
	width: 200px;
	margin: 0px 25px 10px 0;
}
.imageR260 {
	display: inline;
	float: left;
	width: 260px;
	margin: 0px 25px 10px 0;
}
.imageR img,
.imageR150 img,
.imageR200 img,
.imageR260 img {
	width: 100%;
	height: auto;
}
.imageC400 {
	display: block;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}

.description {
	color: #666666;
	font-size: 11px;
	line-height: 120%;
	letter-spacing: 0.03em;
	text-align: center;
	margin: 5px 0px 10px 0px;
}
a .description {
	text-decoration: none;
}

/****************
 *** 段組み
 **************** */
.flex2, .flex3, .flex4, .flex5 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.flex2.left, .flex3.left, .flex4.left, .flex5.left {
	justify-content: flex-start;
}
.flex2.reverse, .flex3.reverse, .flex4.reverse, .flex5.reverse {
	flex-direction: row-reverse;
}
.flex2.vcenter, .flex3.vcenter, .flex4.vcenter, .flex5.vcenter {
	align-items: center;
}
	.flex2 .col, .flex3 .col, .flex4 .col, .flex5 .col {
		text-align: center;
	}

	.flex2 .col { width: calc(50% - 10px); }
	.flex3 .col { width: calc(100%/3 - 10px); }
	.flex4 .col { width: calc(25% - 10px); }
	.flex5 .col { width: calc(20% - 10px); }

	.flex3.left .col { margin-right:15px !important; }
	.flex4.left .col { margin-right:calc(40px/3) !important; }
	.flex5.left .col { margin-right:calc(50px/4) !important; }
	.flex2.left .col:nth-of-type(2n) { margin-right:0 !important; }
	.flex3.left .col:nth-of-type(3n) { margin-right:0 !important; }
	.flex4.left .col:nth-of-type(4n) { margin-right:0 !important; }
	.flex5.left .col:nth-of-type(5n) { margin-right:0 !important; }

	.flex2.nomargin .col { width: calc(50%); margin-right:0 !important; }
	.flex3.nomargin .col { width: calc(100%/3); margin-right:0 !important; }
	.flex4.nomargin .col { width: calc(25%); margin-right:0 !important; }
	.flex5.nomargin .col { width: calc(20%); margin-right:0 !important; }

		.flex2 .col img { max-width:100%; height:auto; }
		.flex3 .col img { max-width:100%; height:auto; }
		.flex4 .col img { max-width:100%; height:auto; }
		.flex5 .col img { max-width:100%; height:auto; }


/****************
 *** リスト
 **************** */

ul.list {
	margin-top: 5px;
}
	ul.list li {
		position: relative;
		color: #333;
		line-height: 125%;
		margin-bottom: 6px;
		padding: 0px 0px 0px 20px;
/*		background: url(../img/common/li_gray.png) left 2px no-repeat;*/
	}
		ul.list li::before {
			content: '';
			position: absolute;
			width: 10px;
			height: 5px;
			margin-top: 0.15em;
			margin-left: -19px;
			border: 0px;
			border-top: solid 3px #6e980b;
			border-right: solid 3px #6e980b;
			-ms-transform: rotate(130deg);
			-webkit-transform: rotate(130deg);
			transform: rotate(130deg);
		}

	ul.list li.green {
		color: #72a200;
		/*background-image: url(../img/common/li_green.png);*/
	}
		ul.list li.green::before {
			border-color: #6e980b;
		}
	ul.list li.alert {
		color: #de3939;
		/*background-image: url(../img/common/li_red.png);*/
	}
		ul.list li.alert::before {
			border-color: #de3939;
		}
	ul.list li.sold,
	ul.list li.sold * { color: #999999; }
	ul.list li ul {
		margin-left: 0px !important;
		margin-bottom: 0px !important;
		padding-top: 5px !important;
		padding-left: 0px !important;
		padding-bottom: 5px !important;
	}

ul.border {
	margin-top: 10px;
	padding-top: 15px;
	padding-right: 5px;
	background: url(../img/common/dotline_gray.png) top left repeat-x;
}
ul.space {
	margin-top: 20px;
}
ol.process {
	list-style-type: none;
	margin-top: 15px;
	margin-right: 40px;
}
ol.process li {
	clear: both;
	margin-bottom: 10px;
	padding-left: 35px;
	border-bottom: 1px dotted #5d4424;
}
ol.process li p　{
	display: block;
	font-size: 13px;
	line-height: 150%;
	padding: 5px 30px 5px 5px;
}
ol.process li div {	
	display: block;
	margin-top: 10px;
	margin-left: 10px;
	padding-bottom: 20px;
}
ol.process li.no1 { background:url(../img/common/header_1.gif) top left no-repeat; }
ol.process li.no2 { background:url(../img/common/header_2.gif) top left no-repeat; }
ol.process li.no3 { background:url(../img/common/header_3.gif) top left no-repeat; }
ol.process li.no4 { background:url(../img/common/header_4.gif) top left no-repeat; }
ol.process li.no5 { background:url(../img/common/header_5.gif) top left no-repeat; }
ol.process li.no6 { background:url(../img/common/header_6.gif) top left no-repeat; }
ol.process li.no7 { background:url(../img/common/header_7.gif) top left no-repeat; }
ol.process li.no8 { background:url(../img/common/header_8.gif) top left no-repeat; }
ol.process li.no9 { background:url(../img/common/header_9.gif) top left no-repeat; }
ol.process li.ext { background:url(../img/common/header_ext.gif) top left no-repeat; }
ol.process li.noexp p { background:none !important; }
ol.process li div img { border:1px solid #867365; }

/****************
 *** メニュー
 **************** */
.toc {
	color: #333333;
	font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-feature-settings: "palt" 1;
	font-size: 15px;
	font-weight: 500;
	line-height: 170%;
	text-align:center;

	display: block;
	width: 500px;
	margin: 0px auto;
	padding: 20px;
	box-sizing: border-box;
	background-color: #f2f2f2;
}
.toc a.title {
	color: #333333;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 0px auto 10px auto;
	box-sizing: border-box;
	border-bottom: 1px dotted #333333;
}
.toc a.title:hover {
	color: #333333 !important;
	cursor: arrow;
}
.toc p.border {
	margin-top: 15px;
	padding-top: 10px;
	text-align: center;
	border-top: 1px dashed #CCCCCC;
}

/*-- count set --*/
.toc ol {
	list-style: none;
	counter-reset: hl_count;
	text-align: left;
}
.toc ol li{
	counter-increment: hl_count;
}
.toc ol li:before{
	content: counters(hl_count, "-")
}
/*-- base style --*/
.toc li:before{
	margin-right: .5em;
	padding: .1em .5em;
	text-align: center;
	border-radius: 4px;
	font-family: 'Merienda', cursive;

	color: #FFFFFF;
	background-color: #adadad;
}
.toc li {
	margin-top: 0.5em;
	padding-left: 1.5em;
	text-indent: -1.5em;
}
.toc li ol {
	margin-top: 0.3em;
}
.toc li ol li {
	margin-top: 0.3em;
	padding-left: 2em;
}

/****************
 *** 良くある質問
 **************** */

ul.fqa {
	background: url(../img/pawn/pawn_qa_illust_q.png) no-repeat left top;
}
	ul.fqa li {
		color: #666666;
		line-height: 140%;
		overflow: hidden;
		margin-bottom: 5px;
		padding: 0px 0px 0px 135px;
	}
		ul.fqa li h3,
		ul.fqa li h4 {
			margin: 0px;
			padding: 0px 0px 0px 14px;
			background: url(../img/pawn/pawn_qa_fukidashi.gif) no-repeat 0px center;
		}
			ul.fqa li h3 a,
			ul.fqa li h4 a {
				display: block;
				color: #5e3909;
				text-decoration: none;
				padding: 9px 5px 5px 30px;
				background: url(../img/common/icon_qa.gif) no-repeat 7px center;
				background-color: #f6ecd2;
				border-radius: 10px;
			}
			ul.fqa li .answer {
				display: none;
				margin: 10px 25px 15px 30px;
			}
			ul.fqa li .answer p {
				margin: 0px;
			}
			ul.qa li .answer ul {
				margin: 10px 0px 0px 0px;
				padding-top: 0px;
			}
				ul.qa li .answer ul li {
					color: #6e980b;
					line-height: 120%;
					padding-left: 20px;
					background: url(../img/common/li_green.png) left 2px no-repeat;;
				}
ul.qa {
}
	ul.qa li {
		color: #666666;
		line-height: 140%;
		overflow: hidden;
		margin-bottom: 5px;
		padding: 0px 0px 0px 30px;
		background: url(../img/common/header_qa.gif) left 0px no-repeat;
	}
	ul.qa li::before {
		content: "";
	}
		ul.qa li a,
		ul.qa li a {
			display: block;
			padding: 5px 0px 5px 10px;
			color: #5e3909;
			font-weight: bold;
		}
		ul.qa li .answer {
			display: none;
			margin: 5px 15px 15px 10px;
		}
		ul.qa li .answer p {
			margin: 0px;
		}
		ul.qa li .answer ul {
			margin: 10px 0px 0px 0px;
			padding-top: 0px;
		}
			ul.qa li .answer ul li {
				color: #6e980b;
				line-height: 120%;
				padding-left: 20px;
				background: url(../img/common/li_green.png) left 2px no-repeat;;
			}
		ul.qa li .answer a {
			display: inline;
			padding: 0;
		}

/****************
 *** 開閉アコーディオン
 **************** */

dl.more {
	margin-bottom:2px;
}
	dl.more dt {
		position:relative;
		margin-top:2px;
		padding:10px 35px 10px 15px;

		border:none;
		border-radius:5px;
		background: #5e3909;
		color: #FFF;

		font-size:16px;
		font-weight: bold;
		font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		line-height:135%;
		cursor:pointer;
	}
		dl.more dt:before,
		dl.more dt:after {
			content: "";
			display: block;
			position: absolute;
			background: #FFF;
			transition: 0.5s;
		}
		dl.more dt:before {
			width: 20px;
			height: 2px;
			top: calc(50% - 2px);
			right: 14px;
		}
		dl.more dt:after {
			width: 2px;
			height: 20px;
			top: calc( calc(100% - 20px) / 2);
			right: calc( 14px + calc(20px / 2) - calc(2px / 2));
		}
		dl.more.open dt:before,
		dl.more.open dt:after,
		dl.more.init dt:before,
		dl.more.init dt:after {
			transform: rotate(-45deg);
		}
	dl.more dd {
		display: none;
		overflow: hidden;
	}
		dl.more dd p {
			margin-left: 20px;
			margin-right: 20px;
		}
		dl.more dd:before {
			content: "";
			display: block;
			margin-top: 20px;
		}
		dl.more dd:after {
			content: "";
			display: block;
			margin-bottom:20px;
		}
		dl.more.init dd {
			display: block;
		}

/****************
 *** リストテーブル
 **************** */

table.list {
	margin: 5px 0px 15px 0px;
	border-collapse: separate;
	border-spacing: 1px;
	border: none;
}

	table.list th {
		color: #674519;
		text-align: left;
		line-height: 135%;
		white-space: nowrap;
		padding: 5px 10px;
		background-color: #f3eee3;
	}
	table.list td {
		line-height: 135%;
		padding: 5px 10px;
		border: 1px solid #ece8e5;
		background-color: #f9f7f1;
	}
	table.list td.leftB {
		border-left: 5px solid #ece8e5;
	}
	table.reset th,
	table.reset td {
		border: none !important;
	}
table.w100per {
	width: 100%;
}


/****************
 *** ページメニュー
 **************** */
.pgmenu,
.pgmenu2 {
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 40px;
}
	.pgmenu ul,
	.pgmenu2 ul {
		display: table;
		border-collapse: separate;
		border-spacing: 2px;
		width: 100%;
	}
		.pgmenu ul li,
		.pgmenu2 ul li {
			display: table-cell;
			overflow: hidden;
			vertical-align: middle;
		}
		.pgmenu ul li.now,
		.pgmenu2 ul li.now {
		}
		.pgmenu ul li a,
		.pgmenu2 ul li a {
			color: #FFFFFF;
			line-height: 135%;
			text-align: left;
			text-decoration: none;

			display: block;
			height: 100%;
			padding: 18px 25px 18px 10px;
			background: url(../img/common/menu_bg.gif) right center no-repeat;
		}
		.pgmenu ul li a:hover,
		.pgmenu2 ul li a:hover {
			color: #FFFFFF !important;
			font-weight: bold;
  		}
		.pgmenu ul li.now a,
		.pgmenu2 ul li.now a {
			color: #FFFFFF;
			font-weight: bold;
			background: url(../img/common/menu_bg_now.gif) right center no-repeat;
		}
		.pgmenu2 ul li a {
			background: url(../img/common/menu_bg2.gif) right center no-repeat;
		}
		.pgmenu2 ul li.now a {
			background: url(../img/common/menu_bg2_now.gif) right center no-repeat;
		}

/****************
 *** お知らせ
 **************** */
ul.info {
	margin-top: 15px;
}
	ul.info li {
		color: #666666;
		line-height: 140%;
		margin: 0px 0px 12px 0px;
		padding: 0px 10px 12px 110px;
		background: url(../img/common/dotline_gray.png) center bottom repeat-x;
	}
		ul.info li .date {
			display: inline;
			float: left;
			margin-left: -90px;
		}

/****************
 *** フロートパネル
 **************** */

.floatpanel {
	margin: 40px 40px;
	padding: 20px 30px;
	border: 1px dotted #92ba34;
	background-color: #FFFFFF;
}
	.floatpanel .title {
		margin: 15px 0 20px 0;
		background: none;

		font-size: 24px;
		font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		text-align: center;
		white-space: nowrap;
		line-height: 125%;
	}
	.floatpanel .subtitle {
		display: inline-block;
		margin: 20px 0 0 0;
		padding: 10px;
		border: 1px solid #000;
		font-size: 18px;
		font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	.floatpanel .inner {
		margin: 0px;
	}
	.floatpanel p,
	.floatpanel ul {
		line-height: 20px;
		margin-top: 15px;
	}

/****************
 *** ペーパー
 **************** */

.paper {
	margin-left: 60px;
	margin-right: 60px;
	margin-bottom: 40px;
	padding-top: 5px;
	background: url(../img/common_page/paper_top.gif) top center no-repeat;
}
	.paper .inner {
		margin: 0px;
		padding: 15px 30px 5px 30px;
		background: url(../img/common_page/paper_bg.gif) center bottom;
	}
		.paper .inner h2,
		.paper .inner h3 {
			text-align: center;
			margin: 0px;
			padding: 0px;
			background: none;
		}
			.paper .inner h2 img,
			.paper .inner h3 img {
				display: block;
				margin: 0px auto;
			}
		.paper .inner .center {
			text-align: center;
		}

		.paper .inner p {
			line-height: 20px;
			padding: 15px 0px 0px 0px;
		}
		.paper .inner ul {
			line-height: 20px;
			padding: 15px 0px 0px 0px;
		}
	.paper .bottom {
		display: block;
		height: 20px;
		background: url(../img/common_page/paper_bottom.gif) center bottom no-repeat;
	}

.white .paper {
	margin-left: 40px;
	margin-right: 40px;
	background: url(../img/common_page/paper_top_w.gif) top center/100% auto no-repeat;
}
	.white .paper .inner {
		padding-left: 40px;
		padding-right: 40px;
		background: url(../img/common_page/paper_bg_w.gif) center bottom/100% auto repeat-y;
	}
	.white .paper .bottom {
		background: url(../img/common_page/paper_bottom_w.gif) center bottom/100% auto no-repeat;
	}

/****************
 *** バルーン
 **************** */

.balloon {
	position: relative;
	width: 100%;
	max-width: 710px;
	margin: 0px auto 40px auto;
	padding: 40px 0;
	box-sizing: border-box;
	background-image: url(../img/common_page/balloon_bg2_white.gif);
	background-size: 100% auto;
	z-index: 1;
	font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;		
}
	.balloon h2,
	.balloon h3,
	.balloon p,
	.balloon ul {
		font-size: 15px;
		line-height: 1.6em;
		margin: 10px 40px 0px 40px;
	}
.balloon::before,
.balloon::after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 80px;
	background-size: 100% 100%;
	z-index: -1;
}
.balloon::before {
	top: 0;
	background-image: url(../img/common_page/balloon_bg1_white.gif);
}
.balloon::after {
	bottom: 0;
	background-image: url(../img/common_page/balloon_bg3_white.gif);
}
	.balloon .balloon_title {
		margin-left: 40px;
		margin-bottom: 30px;
		color: #5e3a0a;
		font-size: 22px;
		font-weight: bold;
		line-height: 135%;
		letter-spacing: -0.05em;
	}

/****************
 *** ファイルリスト
 **************** */

.filelist {
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 40px;
}
.filelist::before {
	content: "こちらもどうぞ";
	color: #5e3a0a;
	font-size: 21px;
	font-weight: bold;
	font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
	.filelist h2,
	.filelist h3 {
		display: none;
		color: #5e3a0a;
		margin: 15px 0px 20px 12px;
		background: none;
	}
	.filelist h3 {
		color: #5e3a0a;
		margin: 5px 0px 5px 15px;
		padding-left: 5px;
		background: url(../img/common/dotline_brown.png) left bottom repeat-x;
		background-size: auto;
	}
	.filelist ul {
		margin: 5px 0 0 5px;
	}
		.filelist ul li {
			padding: 0px 5px 2px 15px;
			background: url(../img/common/li_backnumber.png) left 4px no-repeat;
		}
			.filelist ul li a {
				display: block;
				line-height: normal;
				text-decoration: none;
			}
			.filelist ul li a:hover {
				background-color: #f6e9c8;
			}
	.filelist .item_topics {
		margin-left: 10px;
		margin-right: 10px;
	}

/****************
 *** 質・買取実績
 **************** */
.jisseki_list {
	display: flex;
	flex-wrap: wrap;
	margin: 40px;
}
	.jisseki_list .item {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 20px;
		text-align: center;
	}
	.jisseki_list .item:nth-of-type(2n){
		margin-right: 0;
	}
		.jisseki_list .item a {
			color: #333333;
			text-decoration: none;
		}
		.jisseki_list .item h3,
		.jisseki_list .item h4,
		.jisseki_list .item .title {
			display: flex;
			align-items: center;

			height: 50px;
			margin: 0;
			padding: 10px;
			border-left: 7px solid #a7c767;
			border-radius: 5px;
			background-color: #f5eac8;
			box-sizing: border-box;

			color: #552400;
			font-size: 15px;
			font-weight: bold;
			font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			text-align: left;
			white-space: nowrap;
		}
		.jisseki_list .item .image {
			width: 90%;
			max-width: 330px;
			margin: 10px auto;
			overflow: hidden;
			position: relative;
			/* border: 1px solid #ece8e5; */
			outline: 1px solid #ece8e5;
			border: 4px solid #FFF;
		}
		.jisseki_list .item .image::before {
			content: "";
			display: block;
			padding-top: 75%;
		}
			.jisseki_list .item .image img {
				display: block;
				position: absolute;
				top: 50%;
				left: 50%;
				max-width: 120%;
				height: auto;
				filter: brightness(1.05);
				transform: translate(-50%, -50%);
			}
		.jisseki_list .item .price {
			color: #333333;
			font-size: 110%;
			font-weight: bold;
			line-height: 120%;
			letter-spacing: -0.01em;
			text-align: center;

			display: inline-block;
		}
			.jisseki_list .item .price .label {
				color: #FFFFFF;
				display: inline-block;
				padding: 6px 15px 5px 15px;
				background-color: #5a3907;
				border-radius: 5px;
			}
			.jisseki_list .item .price .yen {
				color: #CC0000;
				font-size: 110%;
				display: inline-block;
				padding: 5px;
				white-space: nowrap;
			}

		.jisseki_list .item .area {
			margin-top: 3px;
			padding: 5px;
		}
		.jisseki_list .item .date {
			margin-top: 10px;
			color: #666666;
			font-size: 90%;
		}
		.jisseki_list .item .rank {
			display: block;
			text-align: center;
		}
		.jisseki_list .item .rank span {
			display: inline-block;
			border: 1px solid #573900;
			margin-top: 10px;
			padding: 5px 15px 7px 15px;
			color: #573900;
			font-weight: bold;
		}
		.jisseki_list .item .comment {
			margin: 10px;
			color: #54504c;
			font-size: 12px;
			text-align: left;
			line-height: 135% !important;
		}

.jisseki_list_compact {
	display: flex;
	flex-wrap: wrap;
}
	.jisseki_list_compact .item {
		width: 31%;
		margin-right: 3.5%;
		overflow: hidden;
		margin-bottom: 10px;
	}
	.jisseki_list_compact .item:nth-of-type(3n){
		margin-right: 0;
	}
		.jisseki_list_compact .item > a,
		.jisseki_list_compact .item > span {
			display: block;
			color: #333333;
			text-decoration: none;
		}
			.jisseki_list_compact .item p {
				margin-bottom: 10px;
				font-size: 13px;
				font-weight: normal;
				line-height: 125%;
				white-space: pre-line;
			}
				.jisseki_list_compact .item p .titlerank { font-size: 12px; }
				.jisseki_list_compact .item p .titlerank:before { content: " ("; }
				.jisseki_list_compact .item p .titlerank:after { content: ") "; }
				.jisseki_list_compact .item p .red { font-weight: bold; }
				.jisseki_list_compact .item p .date {
					display: block;
					margin-top: 3px;
					font-size: 11px;
				}

			.jisseki_list_compact .item .yen {
				color: #CC0000;
				display: inline-block;
				white-space: nowrap;
			}
			.jisseki_list_compact .item .date {
				display: block;
				margin-top: 3px;
				font-size: 11px;
			}
			.jisseki_list_compact .item .image {
				display: block;
				position: relative;
				overflow: hidden;
				border: 1px solid #e2e2e2;
				border-radius: 3px;
			}
			.jisseki_list_compact .item .image::before {
				content: "";
				display: block;
				padding-top: 75%;
				box-sizing: border-box;
			}
				.jisseki_list_compact .item .image img {
					display: block;
					position: absolute;
					top: 50%;
					left: 50%;
					width: 120%;
					height: auto;
					filter: brightness(1.05);
					transform: translate(-50%, -50%);
				}

.jisseki_list_grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
	.jisseki_list_grid .item {
		width: calc((100% - 2px) / 3);
		padding: 10px 10px 0 10px;
		border-right: 1px dotted #cac6c1;
		border-bottom: 1px dotted #cac6c1;
		box-sizing: border-box;
	}

	.jisseki_list_grid .item:nth-of-type(3n) {
		border-right: none;
	}
	.jisseki_list_grid .item:nth-last-of-type(-n+3) {
		border-bottom: none;
	}
		.jisseki_list_grid .item > a,
		.jisseki_list_grid .item > span {
			display: block;
			color: #333333;
			text-decoration: none;
		}
			.jisseki_list_grid .item p {
				margin-bottom: 10px;
				font-size: 13px;
				font-weight: normal;
				line-height: 135%;
			}
				.jisseki_list_grid .item p .titlerank {
					font-size: 12px;
				}
				.jisseki_list_grid .item p .titlerank::before { content: " ("; }
				.jisseki_list_grid .item p .titlerank::after { content: ") "; }

			.jisseki_list_grid .item .yen {
				color: #CC0000;
				display: inline-block;
				white-space: nowrap;
			}
			.jisseki_list_grid .item .date {
				display: block;
				margin-top: 3px;
				font-size: 11px;
			}
			.jisseki_list_grid .item .image {
				display: block;
				position: relative;
				margin-bottom: 5px;
				overflow: hidden;
			}
			.jisseki_list_grid .item .image::before {
				content: "";
				display: block;
				padding-top: 75%;
				box-sizing: border-box;
			}
				.jisseki_list_grid .item .image img {
					display: block;
					position: absolute;
					top: 50%;
					left: 50%;
					width: 120%;
					height: auto;
					transform: translate(-50%, -50%);
				}
	.jisseki_list_grid.col4 .item {
		width: calc((100% - 3px) / 4);
	}
	.jisseki_list_grid.col4 .item:nth-of-type(3n) {
		border-right: 1px dotted #cac6c1;
	}
	.jisseki_list_grid.col4 .item:nth-of-type(4n) {
		border-right: none;
	}
	.jisseki_list_grid.col4 .item:nth-last-of-type(-n+4) {
		border-bottom: none;
	}

.jisseki_reason {
	position: relative;
	font-size: 12px;
	letter-spacing: normal;
	margin: 0px 40px 30px 40px;
}
	.jisseki_reason .jisseki_reason_title {
		padding: 8px 10px 10px 10px;
		background: url(../img/common/att_bar_bg.gif);
	}
	.jisseki_reason .jisseki_reason_body {
		position: relative;
		height: 80px;
		overflow: hidden;
		padding: 10px 15px;
		border: 1px solid #866b47;
		background-color: #FFFFFF;
	}
	.jisseki_reason .jisseki_reason_body a {
		position: absolute;
		display: block;
		width: 100%;
		left: 0px;
		bottom: 0px;
		padding: 10px 0px 8px 0px;
		text-align: center;
		background-color: #FFFFFF;
		opacity: 0.75;
	}
	.jisseki_reason .jisseki_reason_body p {
	}
	.jisseki_reason .jisseki_reason_body ul {
		margin-bottom: 10px;
		padding-left: 10px;
	}

.jisseki_btn {
	display: table;
	margin: 0 auto;
	padding: 15px 50px;
	background: linear-gradient(0deg, #92ba34, #92ba34);
	outline: 3px solid rgba(255,255,255,0.5);
	outline-offset: -6px;

	color: #FFF !important;
	font-size: 20px;
	font-weight: bold;
	font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-shadow: -2px -2px rgba(0,0,0,0.2);
	text-decoration: none;
}
.jisseki_btn:hover {
	color: #FFF !important;
	text-decoration: none !important;
	background: linear-gradient(180deg, #6c8e1d, #9fca34);
}

/****************
 *** 商品リスト
 **************** */
ul.itempanel_menu {
	display: flex;
	flex-wrap: wrap;
}
	ul.itempanel_menu li {
		position: relative;
		width: 120px;
		min-width: 120px;
		margin: 10px calc((100% - 120px * 5) / 10);
		padding-bottom: 10px;
	}
		ul.itempanel_menu li a {
			display: block;
			position: relative;
			margin: 0 auto;
			color: #63430e;
			font-size: 14px;
			font-weight: bold;
			font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			line-height: 120%;
			letter-spacing: -0.01em;
			text-align: center;
		}
			ul.itempanel_menu li a img {
				display: block;
				width: 100px;
				height: 100px;
				margin: 0 auto 5px auto;
				box-sizing: border-box;
				border: 1px solid #EEE;
				border-radius: 50%;
			}
			ul.itempanel_menu li a:hover img {
				filter: brightness(1.1);
			}

.itempanel {
	display: none;
	position: fixed;
	/* width: 500px; */
	width: 50%;
	min-width: 500px;
	top: 0;
	/* left: calc(50% - 250px); */
	left: calc(50% - (50% / 2));
	right: 0px;
	padding: 10px;
	background-color: #FFFFFF;
	border: 1px solid #5b3907;
	z-index: 10001;
}
	.itempanel h3,
	.itempanel .title {
		color: #96c723;
		font-size: 23px;
		font-weight: 600;
		font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-feature-settings: "palt" 1;
		text-align: center;
		margin: 10px 10px 0 10px;
	}
	.itempanel p {
		text-align: left;
		margin: 20px 10px 0 10px;
	}
	.itempanel .items {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		margin: 20px 10px 0 10px;
	}
		.itempanel .items > * {
			width: 25%;
			margin-bottom: 10px;
			font-size: 13px;
			text-align: center;
			line-height: 125%;
		}
			.itempanel .items > * img {
				display: block;
				width: 100px;
				height: 100px;
				margin: 0 auto 5px auto;
			}
		.itempanel .items.col3 > * {
			width: calc(100% / 3);
		}
	.itempanel .linkbtn {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.itempanel .close {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 50px;
		height: 50px;
		margin: 0;
		background: #666;
		white-space: nowrap;
		text-indent: 101%;
		overflow: hidden;
	}
		.itempanel .close::before,
		.itempanel .close::after {
		    content: "";
		    display: block;
		    position: absolute;
		    width: 2.5em;
		    height: 2px;
		    top: 1.75em;
		    left: 0.75em;
		    background: #FFF;
		    border: none;
		    border-radius: 0.1em;
		}
		.itempanel .close::before { transform: rotate(45deg); }
		.itempanel .close::after { transform: rotate(-45deg); }

	.itempanel .button {
		text-align: center;
		margin: 10px auto;
	}
		.itempanel .button a {
			display: inline-block;
			color: #FFFFFF;
			font-weight: bold;
			text-decoration: none;
			padding: 10px 20px;
			border-radius: 10px;
			background-color: #5b3907;
		}
		.itempanel .button a:hover {
			color: #FFFFFF !important;
			background-color: #96c726;
		}

/****************
 *** ダイヤツール
 **************** */

.dia_calc_inline {
	width: 100%;
	margin-top: 10px;
	overflow: hidden;
}
	.dia_calc_inline .calctool {
		width: 250px;
		float: left;
		padding-bottom: 20px;
	}
		.dia_calc_inline .calctool table {
			width: 100%;
			border-collapse: separate;
			border-spacing: 5px;
		}
		.dia_calc_inline .calctool table th {
			font-size: 12px;
			text-align: left;
		}
		.dia_calc_inline .calctool table td {
			font-size: 15px;
			height: 30px;
		}
		.dia_calc_inline .calctool table input {
			font-size: 15px;
			line-height:100%;
			height: 30px;
			margin: 0px;
			padding: 0px 3px;
		}
		.dia_calc_inline .calctool table select {
			font-size: 15px;
			line-height:100%;
			width: 130px;
			height: 34px;
			margin: 0px;
			padding: 0px 3px;
		}
	.dia_calc_inline .result {
		margin-left: 260px;
	}
		.dia_calc_inline .result .button {
			text-align: center;
			height: 55px;
			padding: 10px;
		}
		.dia_calc_inline .result .loader {
			display: none;
			height: 55px;
			overflow: hidden;
			text-align: center;
			padding: 10px;
		}
		.dia_calc_inline .result .price {
			display: none;
			height: 55px;
			overflow: hidden;
			color: #FFCC00;
			font-size: 20px;
			font-weight: bold;
			line-height: 135%;
			text-align :center;
			padding: 10px;
			background-color: #552400;
		}
		.dia_calc_inline .result .alert {
			display: block;
			cursor: pointer;
			color: #FFEEEE !important;
			font-size: 12px;
			line-height: 135%;
			text-decoration: none;
			margin-top: 10px;
			padding: 8px;
			background-color: #CC0000;
		}
			.dia_calc_inline .result .price small {
				color: #FFFFFF;
				font-size: 15px;
			}
	.dia_calc_inline .attention {
		clear: both;
	}
		.dia_calc_inline .attention .att_show {
			display: block;
		}
		.dia_calc_inline .attention .att_hide {
			display: none;
			clear: both;
			padding: 10px 5px 0px 5px;
		}
			.dia_calc_inline .attention .att_show p,
			.dia_calc_inline .attention .att_hide p,
			.dia_calc_inline .attention .att_show ul,
			.dia_calc_inline .attention .att_hide ul {
				font-size: 12px;
				line-height: 135%;
			}
			.dia_calc_inline .attention .att_show p {
				margin-top: 10px;
			}
			.dia_calc_inline .attention .att_hide p {
				padding-top: 10px;
			}
.dia4c {
	display: none;
}
	.dia4c .gr {
		margin-top: 20px;
		margin-left: 320px;
		margin-bottom: 20px;
		background: url(../img/common_page/dia4c.gif) no-repeat;
	}
		.dia4c .gr a {
			display: block;
			opacity: 0;
		}
		.dia4c .gr a.on {
			opacity: 1.0;
		}
		.dia4c .gr a:hover {
			opacity: 1.0;
		}
	.dia4c .body {
		float: left;
		width: 290px;
		margin-top: 10px;
	}
		.dia4c .body .shape,
		.dia4c .body .carat,
		.dia4c .body .clarity,
		.dia4c .body .color,
		.dia4c .body .cut,
		.dia4c .body .fluorescence,
		.dia4c .body .comments {
			display: none;
		}

		.dia4c .body * h5 {
			color: #552400;
			font-size: 115%;
			line-height: 170%;
			margin: 0px 0px 10px 0px;
			padding: 0px 0px 10px 0px;
			background: none;
		}
		.dia4c .body * p {
			line-height: 140%;
			padding-top: 0px;
			margin-bottom: 10px;
			text-align: left;
		}


/****************
 *** お客様の声
 **************** */
.voice_slider {
	position: relative;
	height: 500px;
	overflow: hidden;
	overflow-y: scroll;
	margin: 10px 0 0 0;
	border-top: 1px dashed #CCCCCC;
}
.voice_slider::-webkit-scrollbar{
	width: 12px;
}
.voice_slider::-webkit-scrollbar-track{
	background: #fff;
	border: none;
	border-radius: 10px;
	box-shadow: inset 0 0 2px #777; 
}
.voice_slider::-webkit-scrollbar-thumb{
	background: #50480a;
	border-radius: 10px;
	box-shadow: none;
}
	.voice_slider .prev,
	.voice_slider .next {
		display: none;
		position: absolute;
		width: 100%;
		height: 40px;
		margin: 0px auto;
		z-index: 900;
	}
		.voice_slider .prev img,
		.voice_slider .next img {
			margin-left: 170px;
		}
	.voice_slider .prev {
		top: 0px;
		background: url(../img/common/voice_prev.png) center center;
	}
	.voice_slider .next {
		bottom: 0px;
		background: url(../img/common/voice_next.png) -210px 0px;
	}
	.voice_slider .voices {
		width: 100%;
		height: 150px;
		top: 0px;
	}
		.voice_slider .voices .voice {
			width: 100%;
			margin-top: 10px;
			margin-left: 0px;
			margin-bottom: 20px;
			text-align: left;
		}
		.voice_slider .voices .voice img {
			border: 1px solid #DDDDDD;
			width: 500px;
			height: auto;
			display: block;
			margin: 0px auto;
			box-sizing: border-box;
		}
		.voice_slider .voices .voice .description {
			font-size: 14px;
			text-align: left;
			margin-top: -5px;
		}

/****************
 *** ステッチ
 **************** */
.stech_green {
	margin:10px 5px 5px 5px;
	padding: 10px;
	background: #d5eaaa;
	border: 2px dashed #eff5e3;
	border-radius: 10px;
	box-shadow: 0 0 0 4px #d5eaaa;
}


/****************
 *** WAY MENU
 **************** */
.waymenu {
	margin: 0px 30px 30px 30px;
	padding: 15px 10px 15px 10px;
	box-sizing: border-box;
	padding-top: 60px;
	background: url(../img/items/way_select.png) center 15px no-repeat;
	background-color: #ebf2d4;
}
.waymenu#MENU1 {
	min-height: 170px;
	background-color: #ebf2d4;
}
.waymenu#MENU2 {
	min-height: 200px;
	margin-bottom: 60px;
	padding-top: 60px;
	padding-bottom: 20px;
	background: url(../img/items/way_select.png) center 15px no-repeat;
	background-color: #ebf2d4;
}
	.waymenu h2 {
		display: none;
		text-align: center;
	}
	.waymenu .waycontens {
		width: 100%;
		position: relative;
	}
			.waymenu .waycontens > a {
				display: block;
				color: #FFF !important;
				font-size: 20px;
				font-weight: bold;
				font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
				text-align: center;
				text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
				text-decoration: none;
				line-height: 135%;
				letter-spacing: -0.05em;
				white-space: nowrap;
			}
			.waymenu a:hover {
				opacity: 0.85;
			}
				.waymenu a span {
					display: block;
					margin: 4px;
					padding: 5px;
					border: 3px solid rgba(255, 255, 255, 0.3);
					border-radius: 3px;
				}
				.waymenu a span big {
					display: block;
					font-size: 23px;
				}

			.waymenu .contact { background: linear-gradient(to bottom, #a1cb3b, #719520) !important; }
			.waymenu .buy { background: linear-gradient(to bottom, #58add3, #4284a5) !important; }
			.waymenu .pawn { background: linear-gradient(to bottom, #d76655, #a74c3e) !important; }

			.waymenu a.contact {
				display: block;
				position: absolute;
				top: 0px;
				left: 10px;
				width: calc(100% / 3 - 20px);
				border-radius: 5px;
			}
			.waymenu a.buy {
				display: block;
				position: absolute;
				top: 0px;
				left: calc(100% / 3 + 10px);
				width: calc(100% / 3 - 20px);
				border-radius: 5px;
			}
			.waymenu a.pawn {
				display: block;
				position: absolute;
				top: 0px;
				right: 10px;
				width: calc(100% / 3 - 20px);
				border-radius: 5px;
			}

#WAY_CONTACT {
	display: none;
	padding: 120px 30px 0px 30px;
	background-color: #ebf2d4;
}
	#WAY_CONTACT h3 {
		margin-left: 0px;
	}
	#WAY_CONTACT .contents {
		padding: 0px 20px 10px 160px;
		background: url(../img/items/way_contact_bg.jpg) top left no-repeat;
	}

#WAY_BUY {
	display: none;
	padding: 120px 30px 0px 30px;
	background-color: #eaf1f4;
}
	#WAY_BUY h3 {
		margin-left: 0px;
	}
	#WAY_BUY .contents {
		padding-bottom: 10px;
	}
	#WAY_BUY .contents .fright {
		width: 160px;
		float: right;
		margin-left: 30px;
	}
		#WAY_BUY .contents .fright * {
			margin-bottom: 20px;
		}

#WAY_PAWN {
	display: none;
	padding: 120px 30px 0px 30px;
	background-color: #f4ebe9;
}
	#WAY_PAWN h3 {
		margin-left: 0px;
	}
	#WAY_PAWN .contents {
		padding-bottom: 10px;
	}
		#WAY_PAWN .contents .fleft {
			width: 45%;
			max-width: 270px;
			float: left;
			margin: 10px 30px 15px 10px;
		}

	#WAY_CONTACT .contents p,
	#WAY_BUY .contents p,
	#WAY_PAWN .contents p {
		margin-bottom: 10px;
	}
	#WAY_CONTACT .contents ul.btns,
	#WAY_BUY .contents ul.btns,
	#WAY_PAWN .contents ul.btns {
		display: table;
		margin: 10px auto;
	}
		#WAY_CONTACT .contents .btns li,
		#WAY_BUY .contents .btns li,
		#WAY_PAWN .contents .btns li {
			display: table-cell;
			text-align: center;
		}
		#WAY_CONTACT .contents .btns li.left,
		#WAY_BUY .contents .btns li.left,
		#WAY_PAWN .contents .btns li.left {
			text-align: left;
		}
		#WAY_CONTACT .contents .btns li.right,
		#WAY_BUY .contents .btns li.right,
		#WAY_PAWN .contents .btns li.right {
			text-align: right;
		}
			#WAY_CONTACT .contents .btns li img,
			#WAY_BUY .contents .btns li img,
			#WAY_PAWN .contents .btns li img {
				max-width: 100%;
			}

/****************
 *** itemslink / topicslink
 **************** */

.itemslink,
.topicslink {
	box-sizing: border-box;
}
	.itemslink .inner,
	.topicslink .inner {
		width: 85%;
		overflow: inherit;
		margin: 50px auto 50px auto;
		border: 1px solid #c8da96;
	    border-radius: 5px;
	}
	.itemslink .inner::before,
	.topicslink .inner::before {
		content: "こちらもどうぞ";
		position: relative;
		top: -5px;
		left: 20px;
		color: #FFFFFF;
		background-color: #92ba34;
		padding: 5px 12px;
		border-radius: 3px;
	}
	.itemslink .inner:hover,
	.topicslink .inner:hover {
		background-color: #fafbf7;
	}
	.itemslink .inner a,
	.topicslink .inner a {
		display: flex;
		margin-top: -13px;
		text-decoration: none;
	}
		.itemslink .inner .image,
		.topicslink .inner .image {
			display: block;
			width: 300px;
			min-width: 300px;
			background-size: cover;
			background-repeat: no-repeat;
			border-top-left-radius: 5px;
			border-bottom-left-radius: 5px;
		}
		.itemslink .inner .text,
		.topicslink .inner .text {
			display: block;
			padding: 15px;
		}
			.itemslink .inner .text .title,
			.topicslink .inner .text .title {
				display: block;
				font-size: 16px;
				line-height: 135%;
			}
			.itemslink .inner .text .description,
			.topicslink .inner .text .description {
				display: block;
				text-align: left;
				font-size: 12px;
				line-height: 150%;
				margin-bottom: 0px;
			}

/****************
 *** author
 **************** */
.author {
	position: relative;
	width: 85%;
	margin: 0 auto 60px auto;
	padding: 0 20px 20px 20px;
	background: #EEE;
	border-radius: 10px;
	box-sizing: border-box;
}
	.author::after {
		content: "";
		display: block;
		position: absolute;
		top: 70px;
		left: 30px;
		width: 100px;
		height: 100px;
		background: url(../img/common/author.jpg);
		border-radius: 100%;
	}
	.author .title {
		display: inline-block;
		color: #FFFFFF;
		background-color: #999;
		margin-top: 20px;
		padding: 8px 14px;
		border-radius: 3px;
	}
	.author .name {
		margin: -25px 0 0 145px !important;
	}
	.author .history {
		margin: 15px 0 0 145px !important;
	}
	.author .name p,
	.author .history p {
		font-size: 14px !important;
		line-height: 150% !important;
		margin-bottom: 2px !important;
	}
	.author .name p {
		display: inline-block;
		padding: 0 5px;
		border-bottom: 2px solid #808080;
		font-size: 15px  !important;
	}

/****************
 *** attention-maruka
 **************** */
.attention-maruka {
	margin: 0 40px 30px 40px;
	padding: 15px;
	border-radius: 5px;
	background: #f0eee2;
	outline: 1px solid rgba(255,255,255,0.4);
    outline-offset: -5px;
	font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
	.attention-maruka p {
		margin: 0;
		color: #5e3909;
		font-size: 15px;
		line-height: 130%;
	}
	.attention-maruka p:first-child {
		margin-bottom: 5px;
		color: #CC0000;
		font-size: 17px;
		font-weight: bold;
	}

/****************
 *** companyinfo
 **************** */
.companyinfo dl {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	line-height:135%;
}
.companyinfo dl:first-of-type {
	margin-top: 50px;
}
	.companyinfo dl dt {
		flex-basis: 15%;
		padding: 10px 20px;
		border-bottom: 1px solid #5b3902;
	}
	.companyinfo dl:first-of-type dt { border-top: 1px solid #5b3902; }
	.companyinfo dl dd {
		flex-basis: 85%;
		padding: 10px 20px;
		border-bottom: 1px solid #CCC;
	}
	.companyinfo dl:first-of-type dd { border-top: 1px solid #CCC; }
.companyinfo ol {
	margin-left:20px;
}
	.companyinfo ol li {
		padding-left:5px;
	}

/****************
 *** map
 **************** */
.map {
	width: 452px;
	max-width: 90%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	border: 1px solid #552400;
}
	.map img {
		display: block;
	}
.gmap {
	width: 100%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	border: 1px solid #552400;
}
	.gmap iframe {
		width: 100%;
		display: block;
	}

/****************
 *** Swiper / common
 **************** */
.swiper-container-common {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}

/****************
 *** 緊急告知
 **************** */
#ATTENTION {
	overflow: hidden;
}
	#ATTENTION .specialtext {
		padding: 5px 10px 5px 10px;
		background: linear-gradient(#F00, #C00);
		background-position: center center;

		color: #FFF;
		text-align: center;
	}
		#ATTENTION .specialtext .specialtext-title {
			display: inline-block;
			padding: 3px 5px;
			border: 2px solid #FFF;
			color: #FFF;
			font-size: 15px;
			font-weight: bold;
		}
		#ATTENTION .specialtext .specialtext-body {
			display: inline-block;
			padding: 5px 3px;
			font-size: 14px;
			font-weight: bold;
			line-height: 135%;
		}
		#ATTENTION .specialtext .specialtext-body a {
			color: #FFF;
		}
		#ATTENTION .specialtext .specialtext-body a:hover {
			color: #FFF !important;
		}

	#ATTENTION .specialtext.GW { background: linear-gradient(#a2d304, #7d9d20); }
		#ATTENTION .specialtext.GW .specialtext-title,
		#ATTENTION .specialtext.GW .specialtext-body { text-shadow:0px 0px 1px rgba(0,0,0,0.5); }