@charset "euc-jp";

/* 0. 共通
--------------------------------------------------------------------*/
/* reset */
body {
	margin:0;
	padding:0;
	color:#333333;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	letter-spacing:0;
	line-height:1.6;
	background-color:#f1f3f5;
	font-size:14px;
	font-weight:normal;
}
p, a, ul, li,dt, dd, h1, h2, h3, h4, h5, input, textarea {
	margin:0;
	padding:0;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	text-align:left;
}
ul, dl ol {list-style:none;}
img {
	border:none;
	image-rendering:-webkit-optimize-contrast;
}
a {color:#1B63BC;}
a:hover {color:#f90;}
.alpha a:hover {
	-moz-opacity:0.7;
	opacity:0.7;
	filter:alpha(opacity=70);
	-webkit-transition:0.1s ease-in-out;
	-moz-transition:0.1s ease-in-out;
	-o-transition:0.1s ease-in-out;
	transition:0.1s ease-in-out;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
hr.hr00 {
	clear:both;
	padding:5px 0;
	border:none;
}
hr.hr01 {
	border:none;
	border-left:solid 700px #007d49;
	border-top:solid 1px #fff;
	box-sizing:border-box;
}

.mt00{margin-top:	  0px!important;}
.mt10{margin-top:	 10px!important;}
.mt20{margin-top:	 20px!important;}
.mt30{margin-top:	 30px!important;}

.mr00{margin-right:0px!important;}
.mr10{margin-right:10px!important;}
.mr20{margin-right:20px!important;}
.mr30{margin-right:30px!important;}

.mb00{margin-bottom:0px!important;}
.mb10{margin-bottom:10px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}

.ml00{margin-left:	 0px!important;}
.ml10{margin-left:	10px!important;}
.ml20{margin-left:	20px!important;}
.ml30{margin-left:	30px!important;}

.pt10{padding-top:		10px!important;}
.pt20{padding-top:		20px!important;}
.pt30{padding-top:		30px!important;}
.pt50{padding-top:		50px!important;}

.pr10{padding-right:	10px!important;}
.pr20{padding-right:	20px!important;}
.pr30{padding-right:	30px!important;}
.pr50{padding-right:	50px!important;}

.pb10{padding-bottom:	10px!important;}
.pb20{padding-bottom:	20px!important;}
.pb30{padding-bottom:	30px!important;}
.pb50{padding-bottom:	50px!important;}

.pl10{padding-left:		10px!important;}
.pl20{padding-left:		20px!important;}
.pl30{padding-left:		30px!important;}
.pl50{padding-left:		50px!important;}

.pnk01 {color:#DF9496!important;}
.grn01 {color:#91A875!important;}
.grn02 {color:#41992B!important;}
.grn03 {color:#75BD57!important;}
.blu01 {color:#457DD2!important;}
.blu02 {color:#0000ff!important;}
.red01 {color:#ff0000!important;}
.ore01 {color:#FFB427!important;}
.ore02 {color:#EF810E!important;}
.yel01 {color:#fff029!important;}
.blk01 {color:#000000!important;}

.bg_pnk01 {background-color:#e71755!important;}
.bg_pnk02 {background-color:#d04090!important;}
.bg_yel01 {background-color:#f49600!important;}
.bg_ore01 {background-color:#da510f!important;}
.bg_pur01 {background-color:#9375b3!important;}
.bg_pur02 {background-color:#3c4b9e!important;}
.bg_blu01 {background-color:#47c1f0!important;}
.bg_blu02 {background-color:#0077aa!important;}
.bg_grn01 {background-color:#76bb25!important;}
.bg_gry01 {background-color:#575958!important;}
.bg_gry02 {background-color:#eeeeee!important;}
.bg_blk01 {background-color:#000000!important;}

.bc_blu01 {border-color:#61D7E1!important;}
.bc_blu02 {border-color:#1628c3!important;}
.bc_grn01 {border-color:#75BD57!important;}
.bc_pur01 {border-color:#7E81F2!important;}
.bc_pur02 {border-color:#C294F6!important;}
.bc_yel01 {border-color:#F0DD39!important;}
.bc_pnk01 {border-color:#F594F3!important;}
.bc_red01 {border-color:#F96767!important;}
.bc_ore01 {border-color:#FAA972!important;}

.aln_l {text-align:left!important;}
.aln_c {text-align:center!important;}
.aln_r {text-align:right!important;}

.fl {float:left;}
.fr {float:right;}

a.btn01 {
	border:solid 1px #007d49;
	padding:2px 15px;
	margin:0 5px;
	border-radius:12px;
	color:#007d49;
	font-size:0.8em;
	font-weight:bold;
	text-decoration:none;
}
a.btn01:hover {
	background:#007d49;
	color:#fff;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	transition:all .4s ease;
}
.clear {clear:both;}

.btn00 {
	border-radius:3px;
	display:block;
	text-align:center;
	text-decoration:none;
	-webkit-transition:0.1s ease-in-out;
	-moz-transition:0.1s ease-in-out;
	-o-transition:0.1s ease-in-out;
	transition:0.1s ease-in-out;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
.btn00:hover {
	-webkit-transition:0.1s ease-in-out;
	-moz-transition:0.1s ease-in-out;
	-o-transition:0.1s ease-in-out;
	transition:0.1s ease-in-out;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}

.btn_l01 {
	background:#0f6cb0;
	color:#fff;
	padding:7px 0;
	border-radius:3px;
	border:solid 1px #0f6cb0;
	width:30%;
	margin:30px auto 0 auto;
	display:block;
	font-size:24px;
	line-height:2em;
	text-align:center;
	text-decoration:none;
}
.btn_l01:hover {
	background:#fff;
	color:#0f6cb0;
	-webkit-transition:0.1s ease-in-out;
	-moz-transition:0.1s ease-in-out;
	-o-transition:0.1s ease-in-out;
	transition:0.1s ease-in-out;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}

/* 1. ヘッダー
--------------------------------------------------------------------*/
#header_space {
	height:100px;
	background-color:#fff;
	border-top:solid 3px #007d49;
	box-sizing:border-box;
}
.container {
	max-width:1500px;
	width:100%;
	/*width:1200px;*/
	margin:0 auto;
	padding:0 20px;
	overflow:hidden;
	box-sizing:border-box;
}
.container.top {
	width:100%;
	max-width:1350px;
	min-width:1200px;
}
#header_space .container #logo {
	float:left;
	width:340px;
	padding-top:20px;
	box-sizing:border-box;
}
#header_space .container #tenth {
	float:left;
	width:70px;
	margin:10px 0 0 10px;
}
#header_space .container #info {
	float:right;
	width:370px;
	height:60px;
	color:#666666;
	text-align:right;
}
#header_space .container #info p {text-align:;right}
#header_space .container #info .time {
	font-size:0.98em;
	line-height:2.4em;
	margin-top:18px;
}
#header_space .container #info .time span {
	font-size:2em;
	padding:0 5px;
	vertical-align:middle;
	color:#ff7800;
}
#header_space .container #info .tel {
	font-size:1.2em;
}

#header_space .container #menu {
	display:none;
	float:right;
	border:solid 1px #B6E6EA;
	border-radius:3px;
	font-size:16px;
	color:#fff;
	margin:7px 0 0 10px;
}

#header_space .container #menu p {padding:0.6em 1.0em;}
#header_space .container #menu ul {
	position:absolute;
	background:#007d49;
	top:60px;
	right:0;
	overflow:hidden;
	z-index:100;
}
#header_space .container #menu ul li {
	width:180px;
	margin:7px 10px;
}

/* 2. 検索エリア
--------------------------------------------------------------------*/
#search_space {
	width:auto;
	position:relative;
/*	margin:24px 400px 0 380px;*/
	margin:24px 380px 0 430px;
	border:solid 5px #eaeaea;
	border-radius:9px;
	/*overflow:hidden;*/
	background-color:#0f6cb0;
}
#search_space select.search_select {
	margin:0;
	height:40px;
	line-height:32px;
	width:130px;
	float:right;
	box-sizing:border-box;
	border:solid 2px #0f6cb0;
	border-left:solid 1px #ccc;
	font-family:meiryo;
}
#search_space a.srh_btn {
	box-sizing:border-box;
	display:block;
	background:#0f6cb0;
	float:right;
	color:#fff;
	text-decoration:none;
	line-height:30px;
	padding:0 10px;
}
#search_space input.srh_btn {
	box-sizing:border-box;
	display:block;
	background:#0f6cb0;
	float:right;
	color:#fff;
	text-decoration:none;
	padding:5px 10px;
	cursor:pointer;
}
#search_space a.srh_btn img {
	width:30px;
	height:30px;
	padding:5px 0;
}
#search_space .input_wp {
	width:auto;
	margin:0 50px 0 0;
	box-sizing:border-box;
	border:solid 2px #0f6cb0;
	border-right:none;
}
#search_space .input_wp input {
	width:100%;
	height:36px;
	padding:0 0.5em;
	box-sizing:border-box;
	border:none;
	font-family:meiryo;
}

/* 3. ナビ
--------------------------------------------------------------------*/
#gnavi_space {
	padding:5px 0;
	background:#007d49;
}
#gnavi_space ul {
	overflow:hidden;
	width:100%;
	min-width:890px;
}
#gnavi_space ul li {
	float:right;
	margin-right:20px;
}
#gnavi_space ul li a {
	color:#fff;
	text-shadow:0px 0px 1px #145a1b;
}
#gnavi_space ul li span {
	color:#fff;
	float:left;
	margin-right:10px;
	text-shadow:0px 0px 1px #145a1b;
}
#gnavi_space ul li span img {
	width:20px;
	height:20px;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
}
#gnavi_space ul li:hover span img {
	transform:rotateY(180deg);
	-webkit-transform:rotateY(180deg);
}

#cnavi_space {
	background-color:#ffffff;
	padding:10px 0;
}

/* ドロップメニュー */
.dropmenu{
	*zoom:1;
	list-style-type:none;
	width:100%;
	margin:0 auto;
	padding:0;
	background:#ccc;
	position:relative;
}
.dropmenu:before, .dropmenu:after{
	content:"";
	display:table;
}
.dropmenu:after{
	clear:both;
}
.dropmenu li{
	/*position:relative;*/
	width:12.5%;
	float:left;
	margin:0;
	padding:0;
	text-align:center;
	border-left:solid 1px #ccc;
	box-sizing:border-box;
}
.dropmenu li:last-child{
	border-right:solid 1px #ccc;
}
.dropmenu li a{
	display:block;
	margin:0;
	padding:15px 0 11px;
	background:#fff;
	color:#333;
	font-size:14px;
	line-height:1;
	text-decoration:none;
	text-align:center;
	position:relative;
	z-index:1000;
}
.dropmenu li ul{
	list-style:none;
	position:absolute;
	/*z-index:9999;*/
	top:100%;
	left:0;
	margin:0;
	padding:0;
}
.dropmenu li ul li,
.dropmenu li ul li:last-child{
/*	width:100%;*/
	border-left:none;
	border-right:none;
	width:auto;
	margin-right:20px;
}
.dropmenu li ul li a{
	padding:10px 10px 8px;
/*	border-top:1px solid #ccc;*/
	background:#007d49;
	text-align:left;
	color:#fff;
	background:url(https://www.rakuten.ne.jp/gold/den-mart/new/images/arrow01.png) no-repeat left center;
}
.dropmenu li:hover > a{
	-moz-opacity:0.8;
	opacity:0.8;
	filter:alpha(opacity=80);
}
.dropmenu li a:hover{
	-moz-opacity:0.8;
	opacity:0.8;
	filter:alpha(opacity=80);
}
#fade-in2 li ul{
	opacity:0;
	top:50%;
	visibility:hidden;
	transition:.5s;
/*	background:#ccc;*/
	background:#007d49;
	width:100%;
	max-width:1500px;
	padding:10px 20px;
	box-sizing:border-box;
	z-index:15;
}
#fade-in2 li:hover ul{
	top:100%;
	visibility:visible;
	opacity:1;
	box-shadow:0 0 2px #fff;
}
#fade-in2 li:hover ul li{/*width:100%;*/}
#cnavi_space .container{
	overflow:visible;
}


/* 4. バナースペース
--------------------------------------------------------------------*/
#bnr_space {
	width:100%;
	margin:0 auto;
	background-color:#fff;
	position:relative;
}
#bnr_space ul {
	width:100%;
	max-width:1920px;
	min-width:1580px;
	margin:0 auto;
	position:absolute;
	left:-50%;
	right:-50%;
}
#bnr_space ul li a {
	/*display:block;*/
	text-align:center;
}
#bnr_space ul li a img {
	/*width:100%;*/
	/*max-width:790px;*/
	width:790px;
	box-sizing:border-box;
	margin:0 auto;
	border:solid 1px #c3c3c3;
}
#bnr_space ul.slick-dots {
	top:auto;
	bottom:-25px!important;
}

/* 5. メインエリア
--------------------------------------------------------------------*/
#main_space {
	border-bottom:solid 1px #dfdfdf;
	padding:30px 0;
	background-color:#FFF;
}
#main_space #content_space {
	width:100%;
	/*min-width:585px;*/
	float:right;
	overflow:hidden;
}

/* パンくず */
.container ul.pank {
	width:100%;
	overflow:hidden;
	margin-bottom:15px;
}
.container ul.pank li {
	float:left;
	margin-right:5px;
}
.container ul.pank li:before {
	content:">";
	margin-right:5px;
}
.container ul.pank li a {text-decoration:underline;}
.container ul.pank li:first-child:before {display:none;}
#M_topicPathWrap li{
	background:none;
	padding-right:0;
}
#M_topicPathWrap li.M_current a {
	color:#333;
	text-decoration:none;
	pointer-events:none;
}
.container ul.pank li #M_topicPathWrap ul + ul,
.container ul.pank li #M_topicPathWrap ul + ul + ul {display:none;}

/* レフトスペース */
#if_side {
	width:280px;
	height:1160px;
	float:left;
	margin:0 -280px 0 0;
}
#side_space {
	width:280px;
	float:left;
	margin:0 -280px 0 0;
}
#side_space h2 {
	font-size:1.2em;
	border-bottom:solid 5px #007d49;
	text-indent:5px;
	font-weight:normal;
}
#side_space ul {
	width:100%;
	margin:10px 0 0 0;
	overflow:hidden;
}
#side_space ul li {
	margin-bottom:10px;
	box-sizing:border-box;
	background:#fff;
	text-align:center;
}
#side_space ul li a {
	display:block;
	text-align:center;
}
#side_space ul li h3 {
	font-size:1.1em;
	line-height:2em;
	display:inline-block;
	margin:5px 0 0 0;
	font-weight:normal;
}
/* サイドカテゴリ */
#main_space #side_space ul.side_category {
	margin-bottom:30px;
}
#main_space #side_space ul.side_category li {
	text-align:left;
	text-indent:5px;
	background:#fff;
	width:98%;
	margin:0 0 4px 2%;
	padding:1px 0 0 7px;
	border-radius:3px;
}
#main_space #side_space ul.side_category li a:after {
	content:">";
	float:right;
	margin-right:5%;
}
#main_space #side_space ul li a:hover {
	color:#f90;
}
#main_space #side_space ul.side_category li.ttl {
	width:100%;
	text-align:left;
	text-indent:5px;
	background:#666;
	font-size:1.1em;
	margin:0 0 6px 0;
	padding:2px 0 0 5px;
	color:#fff;
}

/* メインコンテンツ */
#main_space #content_space #content {
	margin-left:310px;
	overflow:hidden;
}
#main_space #content_space #content h2 {
	font-size:1.2em;
	border-bottom:solid 5px #007d49;
	text-indent:5px;
	margin-bottom:10px;
	font-weight:normal;
}

/* ご利用ガイド */
#guide_space {
	padding:30px 0;
	background-color:#ffffff;
	overflow:hidden;
	border-bottom:solid 1px #dfdfdf;
	box-sizing:border-box;
}
#guide_space #left_space {width:35%;}
#guide_space #right_space{width:64%;}
#guide_space #right_space {
	float:right;
	margin-top:20px;
}
#guide_space #left_space {
	float:left;
	margin-top:20px;
}
#guide_space .container h2 {
	font-size:1.2em;
	border-bottom:solid 5px #007d49;
	text-indent:5px;
	margin-bottom:10px;
	font-weight:normal;
}
#guide_space #left_space .inner,
#guide_space #right_space .inner {
	padding:23px;
	border:solid 1px #ccc;
	overflow:hidden;
}
#guide_space #left_space .inner p {float:left;}
#guide_space #left_space .inner table {
	width:40%;
	height:160px;
	margin:0 5% 25px 5%;
	border:solid 1px #ccc;
	float:left;
	background:#e0e0e0;
}
#guide_space #right_space .inner p {
	font-size:0.857em;
	line-height:3em;
}
#guide_space #right_space .inner p::before {
	content:"▲";
	color:#007d49;
	transform:rotate(90deg);
	display:block;
	float:left;
	margin-right:1em;
}
#guide_space #right_space .service_box {
	border:solid 3px #ccc;
	margin:1em 0 1.5em 0;
	position:relative;
	padding:20px;
	box-sizing:border-box;
	border-radius:5px;
	min-height:9em;
}
#guide_space #right_space .service_box h3 {
	position:absolute;
	line-height:1em;
	top:-0.5em;
	left:10px;
	background:#fff;
	padding:0 10px;
	font-weight:normal;
}
#guide_space #right_space .service_box img {
	float:left;
	margin-right:2em;
}
#guide_space #right_space .service_box p a,
a.btn01 {
	border:solid 1px #00727d;
	padding:2px 15px;
	border-radius:12px;
	color:#00727d;
	font-size:0.8em;
	font-weight:bold;
	text-decoration:none;
	line-height:2.4em;
}
#guide_space #right_space .service_box p a:hover,
a.btn01:hover {
	background:#00727d;
	color:#fff;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	transition:all .4s ease;
}


/* 6. フッター
--------------------------------------------------------------------*/
#backtotop {
	position:fixed;
	right:15px;
	bottom:100px;
	z-index:9999;
	display:none;
}

#footer_space {
	padding:5px 0 0 0;
	text-align:center;
	font-size:12px;
}
#footer_space p {
	margin-top:10px;
	text-align:center;
	display:flex;
	justify-content:center;
	align-items:flex-start;
	padding:0 25px;
	flex-wrap:wrap;
}
#footer_space p a {
	color:#333;
	text-decoration:none;
}
#footer_space p a:hover {color:#f90;}
#footer_space #copyright {
	color:#ffffff;
	margin-top:15px;
	padding:10px 0;
	background-color:#333333;
	letter-spacing:2px;
	text-align:center;
}
.off {/*display:none;*/}

/* slick */
.slick-prev {
	left:25%;
	z-index:10;
}
.slick-next {
	right:25%;
	z-index:20;
}
.slick-prev:before,
.slick-next:before {
	color:#333;
	font-size:30px;
}

/* メディアクエリ
--------------------------------------------------------------------*/
@media screen and (max-width:1200px){
	.container.top {min-width:auto;}

	#header_space .container #logo {
		width:280px;
		padding-top:28px;
	}
	#search_space {margin-left:370px;}
}
@media screen and (max-width:1000px){
	#header_space .container #logo {
		width:230px;
		padding-top:32px;
	}
	#search_space {margin-left:310px;}

	#if_tate_bnr {display:none;}
	#if_side {
		clear:both;
		width:100%;
		margin:25px 0 0 0;
	}
	#guide_space #right_space,
	#guide_space #left_space {width:49%;}
	#main_space #content_space #content {margin-left:0;}
	#if_side {height:620px;}
	#side_space {
		clear:both;
		width:100%;
		margin:25px 0 0 0;
	}
	#side_space ul li {
		width:49%;
		display:inline-table;
	}
	#side_space ul li:nth-child(even){margin-right:0;}
}
@media screen and (max-width:920px){
	#gnavi_space ul {min-width:auto;}
}
@media screen and (max-width:900px){
	#header_space .container #info {
		width:300px;
	}
	#search_space {margin-right:310px;}
	#header_space .container #info .time {
		font-size:0.8em;
		margin-top:25px;
	}
	#header_space .container #info .tel {font-size:1.05em;}
	.dropmenu li a {font-size:1.8vw;}
}
@media screen and (max-width:883px){
	#guide_space #right_space,
	#guide_space #left_space {width:100%;}
}
@media screen and (max-width:850px){
	#header_space .container #logo {
		width:180px;
		padding-top:37px;
	}
	#header_space .container #tenth {
		width:50px;
		margin:22px 0 0 5px;
	}
	#search_space {margin-left:240px;}
}