/* ======================================= 
   共通設定
   ======================================= */

/* ---- ▼カートエリア all ---- */

#shopping {
	background-color: #F4F1ED;
	padding: 15px;
	box-sizing:border-box;
	margin-bottom: 3em;
}
#shopping h2 {
	display: block;
	width: 55%;
	text-align: center;
	margin: -34px auto 1em;
	line-height: 38px;
	background-color: #977C76; /* #B7A9A6 */
	color: #FFFFFF;
	border-radius: 19px;
	font-size: 22px;
	padding-top: 1px;
}
#shopping .shop-item {
	background-color: #FFFFFF;
	padding: 20px 15px;
	border-radius: 6px;
	overflow:hidden;
	box-sizing:border-box;
}
#shopping h3 {
	margin-bottom:0.8em;
	font-size:130%;
	line-height:1.2em;
}
/* ▼ スタイル 1 */
#shopping .shop-item-img {
	width: 30%;
	float: left;
	overflow:hidden;
	box-sizing:border-box;
	text-align:center;
}
#shopping .shop-item-info {
	width: 70%;
	float: right;
	overflow:hidden;
	padding-left: 20px;
	box-sizing:border-box;
}
.shop-item-info .shop-item-note {
	box-sizing:border-box;
	font-size: 90%;
	line-height: 1.6em;
	padding-bottom : 0.8em;
	border-bottom: 1px solid #D5D5D5;
	margin-bottom: 0.5em;
}
.shop-item-info .shop-item-note p {margin-bottom: 0;}
.shop-item-info .shop-item-cart {
  overflow: hidden;
  margin-bottom: 11px;
}
.shop-item-info dl {
	font-family: "ヒラギノ角ゴ W6 JIS2004","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ";
	font-size: 90%;
	display: block;
	box-sizing:border-box;
	overflow: hidden;
	margin: 4px 0;
}
.shop-item-info dl dt {
	font-weight: bold;
	float: left;
	width: 50%;
	box-sizing: border-box;
	line-height: 2.5em;
	border-bottom: 1px dotted #CCCCCC;
}
.shop-item-info dl dd {
	float:left;
	width: 25%;
	line-height: 2.5em;
	border-bottom: 1px dotted #CCCCCC;
	box-sizing:border-box;
}
.shop-item-info dl dd.item-price {
	box-sizing:border-box;
	padding-right: 1em;
	text-align:right;
	font-weight:bold;
	color: #D34545;
}
.shop-item-info dl dd.item-price span {
	font-size: 70%;
	vertical-align: bottom;
}
.shop-item-info dl dd.item-btn {
	box-sizing:border-box;
	float:left;
}
#shopping img.seimai {
	display: inline-block;
	vertical-align: middle;
	width:40px;
	height: auto;
	margin-right:0.5em;
}

/* ▼ スタイル 2 */
#shopping .shop-item-img2 {
	width: 45%;
	float: left;
	box-sizing:border-box;
}
#shopping .shop-item-info2 {
	width: 55%;
	float:right;
	overflow:hidden;
	padding-left:30px;
	box-sizing:border-box;
}
.shop-item-info2 h3 {
	font-size:140%;
	margin-bottom: 0.5em;
}
.shop-item-info2 p {
	line-height: 1.4em;
	margin-bottom: 0.5em !important;
}
.shop-item-info2 dl {
	display: inline-block;
	border-top: 1px solid #D1D1D1;
	width:100%;
	padding-top: 0.8em;
	margin-bottom: 0.3em;
}
.shop-item-info2 dl dt {
	box-sizing: border-box;
  width: 20%;
  min-width: 55px;
	font-size: 90%;
	float:left;
	clear:both;
	line-height: 23px;
	background-color:#E9E7E3;
	text-align:center;
	padding-top: 2px;
	margin-right: 0.8em;
	margin-bottom: 0.3em;
}
.shop-item-info2 dl dd {
	box-sizing: border-box;
  width: 75%;
	float:left;
	line-height: 25px;
}
.shop-item-info2 dl dd.shop-item-price {
	font-family: "ヒラギノ角ゴ W6 JIS2004","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ";
	font-weight: bold;
	font-size: 120%;
	color: #D34545;
}
.shop-item-info2 dl dd.shop-item-price span {
	font-size: 70%;
}

/* ---- ▲カートエリア all ---- */




ol li {
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 1.5em;
}

/* ---- ▼非表示 pc ---- */
.sp-only {
	display: none !important;
}
.sp-none {
}
/* ---- ▲非表示 pc ---- */

#header {
	width: 100%;
	background-image: url(../img/global/head-bg.png);
	background-repeat: repeat;
}
#footer {
	background-image: url(../img/global/footer-bg.png);
	background-repeat: repeat-x;
	padding-top:25px;
}
#footer i {
	font-size: 95%;
	color: #877553;
	margin-right: 5px;
}
#footer {
	width: 100%;
	font-size: 12px;
	line-height: 1.5;
}
#footer a:link,footer a:visited {
	color: #828282;
	text-decoration: none;
}
#footer a:hover {
	color: #C5C5C5;
}


/*========= ヘッダナビ all =========*/

#header-navi {
	
}

#nav {
	font-family: "ヒラギノ丸ゴ W4 JIS2004", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-font-feature-settings: 'halt' 1; 
  font-feature-settings: 'halt' 1;
	color: #FFFFFF;	
}
#nav a {
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: none;
}
#nav a:hover {
	color: #FFFFFF;
}

#nav i {
	display: inline-block;
	vertical-align: text-top;
	width: 24px;
	height:18px;
	background-size: auto 17px;
	background-repeat: no-repeat;
	background-position: left;
}
#nav i.i-home {	background-image: url(../img/icon/home.png); }
#nav i.i-kome {	background-image: url(../img/icon/kome.png); }
#nav i.i-cart {	background-image: url(../img/icon/cart.png); }
#nav i.i-blog {	background-image: url(../img/icon/blog.png); }
#nav i.i-life {	background-image: url(../img/icon/life.png); }
#nav i.i-kumiai {	background-image: url(../img/icon/kumiai.png); }


/*------- ヘッダナビ・ツールチップ -------*/

/* ツールチップ size:small 再定義*/
.dark-tooltip.small {
	padding: 5px !important;
	font-size: 12px !important;
	max-width: 600px !important;
	-webkit-box-shadow: 0px 4px 8px hsla(0,0%,0%,0.50);
	box-shadow: 0px 4px 8px hsla(0,0%,0%,0.50);
	border: 3px solid #DBD7CA;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px !important;
	width: 220px; /* 420pxで二列 */
}
/* ツールチップ内 li */
.tip-nav-inner ul li {
	box-sizing: border-box;
	display: block;
	float: left;
	width: 200px;
	line-height: 40px;
	margin-left: 10px;
	border-bottom: 1px dotted #C5C5C5;
}
.tip-nav-inner ul li a { display: block; text-decoration: none; font-weight:bold;}
.tip-nav-inner ul li a:link, .tip-nav-inner ul li a:visited { color:#545454; }
.tip-nav-inner ul li a:hover { background-color: #FDF6E7; color: #B28500;	text-decoration: underline; }
.tip-nav-inner ul li i img {
	width: 35px;
	height: 35px;
	margin-right:8px;
	vertical-align:middle;
}


/*------- ▼ SlickNav  -------*/

#s-menu {
  display: none;
}
#navi {
  position: relative;
}
#s-menu {
  display: block;
  height: auto;
  margin: 0;
  padding: 0;
}
#s-menu li {
  float: left;
  width: 20%;
  text-align: center;
  position: relative;  /*z-indexの指定や子要素の基準とするために指定*/
  z-index: 1;  /*ドロップダウンしたメニューが隠れないように*/
}
#s-menu li a {
  padding: 0 20px 10px;
  border-top: none;
  border-right: none;
  background: none;
  color: #555555;
  display: inline-block;
  margin: auto;
  text-shadow: -1px 1px rgba(255, 255, 255, 0.8);
}
#s-menu li a:hover {
  background: none;
  color: #97C1F3;
}
#s-menu li a:active {
  color: #5687F8;
}
#s-menu li ul.sub-menu {
  display: none;  /*サブメニューは最初は非表示にしておく*/
  position: absolute;  /*絶対配置にしておかないとうまくいかない*/
  top: 2em;
  left: 30%;
}
#s-menu li:hover ul.sub-menu {
  display: block;    /*マウスオーバー時にサブメニューを表示する*/
}
#s-menu li ul.sub-menu li {
  float: none;  /*サブメニューはフロートさせないので解除*/
}

 /* slicknav 背景色などのカスタマイズ*/
.slicknav_nav li {
	border-top: 1px solid #635C50;
}
.slicknav_menu {
  background-color: #4A4439 !important;
}
.slicknav_menu .slicknav_icon-bar {
  background-color: #E3D393 !important;
}
.slicknav_menu a:hover {
  color: #FFFFFF !important;
}
.slicknav_btn {
  background-color: #4A4439 !important;
}
.slicknav_nav .slicknav_row:hover {
  background: #6F6554 !important;
}
.slicknav_nav a:hover {
	background-color: #6F6554 !important;
}
.sub-menu {
	background-color: #D5D1C8;
	margin-left: 0px !important;
}
.sub-menu li a {
	font-weight: bold;
	color: #4A4439;
	padding-left: 20px;
}
.slicknav_nav .sub-menu li {
	border-top: 1px solid #B7AD9C;
}
i.fa {
  font-size: 18px;
}
i.fa.fa-caret-right {
  display: none;
}
#s-menu {
  display: none;
}
.slicknav_nav a {
    padding: 10px 10px !important; /*縦幅の調整*/
    margin: 1px 5px !important;
    font-weight: bold;
}
/*-------  ▲ SlickNav  -------*/




/*========= メニュー all =========*/
#menu {
	font-size: 90%;
}
#menu-col1 {
	margin-bottom:10px;
}
#menu-col2 {
}
#menu ul.m-list li {
	border-bottom: 1px solid #E7E7E7;
	display: block;
	background-color: #FFFFFF;
}
#menu ul.m-list li a {
	display: block;
	padding-left: 12px;
}
#menu ul.m-list li a:link, #menu ul li a:visited {
	color: #3A3A3A;
	text-decoration: none;
}
#menu ul.m-list li i img {
	width:20px;
	height: auto;
	margin-right: 0.5em;
	vertical-align: middle;
}
#menu .ctgry-eino {
	line-height: 30px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../img/global/bg-ptn1.jpg);
	background-repeat: repeat;
	padding-left: 15px;
	text-shadow: 0px 0px 4px hsla(0,0%,0%,0.50);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
#menu .ctgry-shop {
	line-height: 30px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../img/global/bg-ptn4.jpg);
	background-repeat: repeat;
	padding-left: 15px;
	text-shadow: 0px 0px 4px hsla(0,0%,0%,0.50);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
#menu .ctgry-life {
	line-height: 30px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../img/global/bg-ptn3.jpg);
	background-repeat: repeat;
	padding-left: 15px;
	text-shadow: 0px 0px 4px hsla(0,0%,0%,0.50);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.ctgry-eino i img,
.ctgry-shop i img,
.ctgry-life i img {
	width:auto;
	height: 18px;
	float:right;
	margin: 5px 10px;
}


/*========= コンテンツ all =========*/

#main {
	font-family: "ヒラギノ丸ゴ W4 JIS2004", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; /* フォント指定 */
  -webkit-font-feature-settings: 'halt' 1; 
  font-feature-settings: 'halt' 1;
	line-height: 1.6em;
}
/*#main p {
	text-align: justify;
	text-justify: inter-ideograph;
}*/

#main a {
	font-weight:bold;
}

#main i {
	margin-right:0.4em;
	font-size:120%;
}
.main-inner section {
	margin-bottom: 5em;
	overflow: hidden;
}

/*------ bxSlider all ------*/

ul.bxslider {
  padding: 0;
  margin: 0;
}



/*------- main-gotop all -------*/

#main-gotop {
	background-color: #CCCCCC;
	text-align: center;
	font-size: 24px;
	margin: 25px 0 0;
}
#main-gotop a{
	color: #787878;
	text-decoration: none;
	padding: 12px 0;
	display: block;
}
#main-gotop a:hover {
	color: #FFFFFF;
}


/* ---- ページトップボタン all ----- */

#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
	z-index: 1;
	font-size:70%;
}
#page-top i {
	font-size: 18px;
	padding-top:7px;
}
#page-top a {
	background-color: #000000;
	text-decoration: none;
	color: #fff;
	width: 50px;
	height: 50px;
	padding: 5px;
	text-align: center;
	display: block;
	opacity: 0.5;
	line-height: 1.5;
	border-radius: 50%;
}
#page-top a:hover {
	text-decoration: none;
	background-color: #B28500;
}

/* ---- タイトル all ---- */
.ttl-bar-rd {
	font-size: 25px;
	line-height: 1.2;
	border-left: 3px solid #D75658;
	padding: 8px 0 10px 20px;
	margin-bottom:1em;
}
.ttl-bar-rd span {
	display:block;
	font-size: 65%;
	margin-bottom: 0.2em;
}
.ttl-sub-m {
	font-size: 150%;
	margin-bottom: 1em;
	line-height: 1.3;
}
.ttl-sub-sm {
	font-size: 130%;
	margin-bottom: 1em;
	line-height:1.3;
}
.ttl-sub-s {
	font-size: 115%;
	margin-bottom: 0.7em;
	line-height:1.3;
}

.ttl-br {
	line-height: 1.2;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../img/global/bg-ptn1.jpg);
	background-repeat: repeat;
	padding: 0.4em 15px 0.3em;
	text-shadow: 0px 0px 4px hsla(0,0%,0%,0.50);
	border-radius: 4px;
}
.ttl-gr1 {
	line-height: 1.2;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../img/global/bg-ptn2.jpg);
	background-repeat: repeat;
	padding: 0.4em 15px 0.3em;
	text-shadow: 0px 0px 4px hsla(0,0%,0%,0.50);
	border-radius: 4px;
}
.ttl-gr2 {
	font-size: 110%;
	line-height: 1.2;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../img/global/bg-ptn3.jpg);
	background-repeat: repeat;
	padding: 0.4em 15px 0.3em;
	text-shadow: 0px 0px 4px hsla(0,0%,0%,0.50);
	border-radius: 4px;
}


/* ---- ボックス all ---- */

.bg-grey-grad {
	background-image: -webkit-linear-gradient(0deg,rgba(238,238,238,1.00) 0%,rgba(253,253,253,1.00) 50%,rgba(238,238,238,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(238,238,238,1.00) 0%,rgba(253,253,253,1.00) 50%,rgba(238,238,238,1.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(238,238,238,1.00) 0%,rgba(253,253,253,1.00) 50%,rgba(238,238,238,1.00) 100%);
	background-image: linear-gradient(90deg,rgba(238,238,238,1.00) 0%,rgba(253,253,253,1.00) 50%,rgba(238,238,238,1.00) 100%);
	background-color: #EEEEEE;
}
.bg-grey {
	background-color:#EEEEEE;
}
.bg-white-down {
	background-color: #FFFFFF;
	padding: 15px;
	color: #665F5A;
	box-sizing: border-box;
	overflow: hidden;
	border: 1px solid #EBEBEB;
	border-radius: 6px;
	-webkit-box-shadow: inset 0 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 2px rgba(0,0,0,0.05);
}

.box-grey, .box-white, .box-cream, .box-beige {
	border: 1px solid #E5E5E5;
	border-radius: 6px;
	margin-bottom: 20px;
	padding: 20px 25px 15px;
	box-sizing: border-box;
	overflow: hidden;
	clear:both;
}
.box-grey {
	background-color: #F9F9F9;
	border-width: 3px;
}
.box-white {
	background-color: #FFFFFF;
	border: 3px solid #EFEFEF;
}
.box-cream {
	background-color: #FFFCF3;
	border: 3px solid #F9EBD0;
}
.box-beige {
	background-color: #FBF8F2;
	border: 3px solid #EFE9E4;
}
.box-alert {
	background-color: #FCF8E3;
	color: #8A6D3B;
	font-size: 95%;
	line-height: 1.5em;
	border: 1px solid #F4DEB1;
	border-radius: 6px;
	margin-bottom: 20px;
	padding: 10px 17px;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 2px #E5D8BB;
	box-shadow: 0px 2px #E5D8BB;
}
.box-alert a { color: #66512c; }

.box-info {
	background-color: #FFFBF4;
	border: 1px solid #EBE1D8;
	border-radius: 7px;
	padding: 1.5em 1.5em;
	box-sizing: border-box;
	margin: 0 0 0.8em;
	overflow: hidden;
	-webkit-box-shadow: 0px 3px 0px 0px hsla(0,0%,0%,0.08);
	box-shadow: 0px 3px 0px 0px hsla(0,0%,0%,0.08);
	color: #73624C;
}
.box-info h3 {
	margin-bottom:0.5em;
}
.box-info p {
	font-size: 13px;
	line-height: 1.5em;
}


.link-box {
	position: relative;
	background-color: #FBF8F2;
	border: 1px solid #D8CEC5;
	border-radius: 7px;
	padding: 0.8em 20px 0.8em 60px;
	box-sizing: border-box;
	margin: 0 10px 0.8em;
	overflow: hidden;
	-webkit-box-shadow: 0px 3px 0px 0px hsla(0,0%,0%,0.08);
	box-shadow: 0px 3px 0px 0px hsla(0,0%,0%,0.08);
}
.link-box:before {
	content: '';
	position: absolute;
	background: #D8CEC5;
	border-bottom-left-radius: 6px;
	border-top-left-radius: 6px;
	width: 40px;
	height: 100%;
	top: 0;
	left: 0;
}
.link-box:after {
	content:"";
	position:absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 10px;
	border-color: transparent transparent transparent #ffffff;
	top: 42%;
	left: 15px;
}
.link-box h4 {
	font-size:120%;
	margin-bottom:0.3em;
}
.link-box div.link-box-img {
	float: right;
	width: 23%;
	overflow: hidden;
	margin-left: 2em;
	margin-top: -2em;
}
.link-box div.link-box-img img {
	border-radius:7px;
}
.link-box p {
	font-size: 90%;
	margin-bottom:0.9em;
	line-height: 1.5em;
}


/*--自動車共済--*/
ul#jidousha-list {
	display:block;
	margin-bottom: 2em;
	width:100%;
}
ul#jidousha-list li {
	box-sizing:border-box;
	display: inline-block;
	width: 20%;
	float:left;
	text-align:center;
	padding: 0 2px;
}
ul#jidousha-list li img {
	width:100%;
	height: auto;
}

/*--JAリンク集--*/
dl.links {
	margin-top: 15px;
	margin-bottom: 15px;
	box-sizing:border-box;
}
dl.links dt {
	display: inline-block;
	float: left;
	width: 50%;
	margin-bottom: 5px;
	clear: left;
}
dl.links dd {
	display: inline-block;
	float: left;
	width: 50%;
	margin-bottom: 5px;
	
}


/* -------- 表組み all  ---------- */

.tbl-1 {
	width: 100%;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	margin: 0 auto;
}
.tbl-1 dt {
	color: #1B1B1B;
}

.tbl-2 {
	width: 100%;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	margin: 0 auto;
}

.tbl-base {
	background-color: #B0A89E;
	line-height:1.5em;
	box-sizing:border-box;
}
.tbl-base td, .tbl-base th {
	padding: 0.5em;
}
.tbl-bg-gry {
	color: #333333;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #CCCCCC;
	background-color: #E9E9E9;
}
.tbl-bg-egg {
	text-align: center;
	vertical-align: middle;
	border: 1px solid #CCCCCC;
	background-color: #FFF4D2;
}
.tbl-bg-wht {
	background-color: #FFFFFF;
	vertical-align: middle;
	border: 1px solid #CCCCCC;
}
.tbl-th20p, .tbl-td20p {width:20%;}
.tbl-th25p, .tbl-td25p {width:25%;}
.tbl-th30p, .tbl-td30p {width:30%;}
.tbl-th35p, .tbl-td35p {width:35%;}
.tbl-th40p, .tbl-td40p {width:40%;}


/*------ 価格表記 all -------*/

.price {
	font-weight:bold;
}
.price span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-weight: bold;
}

/*------ ボタン all  -------*/

.btn-f-rose a {
	display: inline-block;
	background-color: #D75658;
	border-radius: 6px;
	padding: 0.1em 3em 0;
	color:#FFFFFF;
	font-size: 85%;
	font-weight: bold;
	line-height: 2em;
	text-decoration: none !important;
}
.btn-f-rose a:link, .btn-f-rose a:visited {
	color: #FFFFFF;
}
.btn-f-rose a:hover {
	background-color:#E79A9B;
}

.btn-f-gray a {
	display: inline-block;
	background-color: #9B9B9B;
	border-radius: 6px;
	padding: 0.1em 3em 0;
	color: #FFFFFF;
	font-size: 85%;
	font-weight: bold;
	line-height: 2em;
	text-decoration: none !important;
}
.btn-f-gray a:link, .btn-f-rose a:visited {
	color: #FFFFFF;
}
.btn-f-gray a:hover {
	background-color: #B9B9B9;
}

.btn-red a {
	text-decoration: none !important;
	color: #FFFFFF !important;
	display: inline-block;
	background-color: #A62D2D;
	text-align: center;
	background-image: -webkit-linear-gradient(270deg,rgba(231,78,78,1.00) 0%,rgba(143,32,32,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(231,78,78,1.00) 0%,rgba(143,32,32,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(231,78,78,1.00) 0%,rgba(143,32,32,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(231,78,78,1.00) 0%,rgba(143,32,32,1.00) 100%);
	border-radius: 5px;
	border: 2px solid #8F2020;
	font-weight: bold;
	text-shadow: 0px -1px hsla(0,0%,0%,0.30);
	line-height: 2.0em;
	width:100%;
	box-sizing:border-box;
}
.btn-red a:hover{
	background-color: #E96868;
	background-image: -webkit-linear-gradient(270deg,rgba(255,95,95,1.00) 0%,rgba(189,24,24,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,95,95,1.00) 0%,rgba(189,24,24,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,95,95,1.00) 0%,rgba(189,24,24,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,95,95,1.00) 0%,rgba(189,24,24,1.00) 100%);
}


/*------ フッターナビ all ------*/
#foot-btn {
	width: 100%;
	box-sizing:border-box;
	font-size: 82%;
	padding: 0.8em;
	background-color: #F4F4F4;
	margin-bottom: 1.5em;
	border-radius: 6px;
	text-shadow: 0px 1px #FFFFFF;
}
#foot-btn ul li {
}
#foot-btn li a {
	font-weight: bold;
	text-decoration: none;
	display: block;
	color: #4F4F4F;
	text-align: center;
	padding: 4px 0;
	background-color: #E0E0E0;
	border-radius: 20px;
	border: 1px solid #C9C9C9;
}
#foot-btn li a:hover{
	background-color: #FFFFFF;
}
#foot-btn i {
	font-size: 110%;
}



/* ###################### タブレット以上 ####################################################### */

@media print, screen and (min-width: 600px) {


#wrapper {
	text-align: center;
}
#container {
	margin: auto;
	text-align: left;
}

/* ------- カラム tb以上 ------ */

.col-pd-R05e {padding-right: 0.5em;}
.col-pd-R10e {padding-right: 1em;}
.col-pd-L05e {padding-left: 0.5em;}
.col-pd-L10e {padding-left: 1em;}


/* ============ ヘッダ tb以上 ============ */

#header-logo {
	float:left;
	width: 260px;
}
#header-tel {
	width: 234px;
	float:right;
	margin-left: 25px;
	padding-top: 2px;
}

/*------- SlickNav -------*/

#navi {
    display: none;
}
.slicknav_menu {
    display: none;
}
#s-menu {
  display: block;
}
.slicknav_menu {
  display: none;
}



/* ============ メニュー tb以上 ============ */
#menu ul li {
	line-height:33px;
}



/* ============ コンテンツ tb以上 ============ */


#contents{
	text-align:left;
	padding-top:30px;
	font-size: 95%;
}


/*----- タイトル tb-all -----*/

#main-title {
	padding-top:10px;
	margin-bottom: 30px;
}
#main-title h1 {
	font-family: "ヒラギノ角ゴ W6 JIS2004", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","メイリオ";
	font-size: 27px;
	font-weight: bold;
	margin-bottom:0.35em;
	line-height:1.1;
}
#pagenavi {
	font-size: 12px;
	border-bottom: 1px solid #739547;
	padding-bottom: 0.85em;
	margin-bottom: 1.5em;
}
#pagenavi a { text-decoration:none; font-weight: normal;}
#pagenavi i img {
	width: auto;
	height: 1.4em;
	vertical-align: middle;
	margin-top: -0.2em;
}

/*------- 画像フロート関連 tb-all  -------*/

#main .float-R-300 {width:300px;	float:right;	margin: 0 0 1em 30px;	overflow: hidden;}
#main .float-R-250 {width:250px;	float:right;	margin: 0 0 1em 30px;	overflow: hidden;}
#main .float-R-200 {width:200px;	float:right;	margin: 0 0 1em 30px;	overflow: hidden;}
#main .float-Rn-40 {float:right;	margin: 0 0 1.5em 30px;	overflow: hidden;}
#main .float-R-40fix {float:right;	margin: 0 0 1.5em 30px;	overflow: hidden;}
#main .float-R-30fix {float:right;	margin: 0 0 1.5em 30px;	overflow: hidden;}
#main .float-R-25fix {float:right;	margin: 0 0 1.5em 30px;	overflow: hidden;}
#main .float-R-20fix {float:right;	margin: 0 0 1.5em 30px;	overflow: hidden;}
#main .float-R-fix {float:right;	margin: 0 0 1.5em 30px;	overflow: hidden;}
#main .float-L-300 {width:300px;	float:left;	margin: 0 30px 1em 0;	overflow: hidden;}
#main .float-L-250 {width:250px;	float:left;	margin: 0 30px 1em 0;	overflow: hidden;}
#main .float-L-200 {width:200px;	float:left;	margin: 0 30px 1em 0;	overflow: hidden;}
#main .float-Ln-40 {float:left;	 margin: 0 30px 1em 0;	overflow: hidden;}
#main .float-L-40fix {float:left;	margin: 0 30px 1.5em 0;	overflow: hidden;}
#main .float-L-30fix {float:left;	margin: 0 30px 1.5em 0;	overflow: hidden;}
#main .float-L-25fix {float:left;	margin: 0 30px 1.5em 0;	overflow: hidden;}
#main .float-L-fix {float:left;	margin: 0 30px 1.5em 0;	overflow: hidden;}

.float-R-300 img,
.float-R-250 img,
.float-R-200 img,
.float-R-40fix img,
.float-R-30fix img,
.float-R-25fix img
.float-L-300 img,
.float-L-250 img,
.float-L-200 img,
.float-L-40fix img,
.float-L-30fix img,
.float-L-25fix img,
.img-full img {
	width:100%;
}



/*========= フッタ　tb以上 ========*/

#footer-logo {
	width:130px;
	float:left;
	height:55px;
}
#address {
	display: block;
	float: left;
	height: 55px;
	margin-left: 25px;
	text-align: left;
}
#footer-tel {
	width:220px;
	float:right;
}
#footer-policy {
	display:block;
	clear:both;
}
#footer-policy li {
	font-size: 90%;
	display:inline-block;
	margin-right: 15px;
	float:left;
}
#copyright {
	background-color: #DEDEDE;
	font-size: 90%;
	line-height: 45px;
	font-family: Arial, Helvetica, sans-serif;
}


/* -------- 表組み tb以上 ---------- */
.tbl-1 {
	background: #FFF;
	font-size: 90%;
	line-height: 1.5em;
}
.tbl-1 dt,  .tbl-1 dd {
	padding: 10px 10px;
}
.tbl-1 dt {
	clear: both;
	float: left;
	width: 150px;
	color: #8F7535;
}
.tbl-1 dd {
	padding-left: 170px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.tbl-2 {
	font-size: 90%;
	line-height: 1.5em;
}
.tbl-2 dt, .tbl-2 dd {
	padding: 10px 10px;
	box-sizing: border-box;
}
.tbl-2 dt {
	clear: both;
	float: left;
	width: 180px;
}
.tbl-2 dd {
	padding-left: 180px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}

/*------ 追跡ドキュメント tb以上 ------*/

ul.document-list {
	box-sizing:border-box;
	overflow:hidden;
}
ul.document-list li {
	display:block;
	width: 50%;
	float:left;
	margin-bottom:0.2em;
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


/*------ フッターナビ　tb以上 ------*/

#foot-btn ul {
	text-align: center;
	padding: 0px;
	margin: 0 auto;
}
#foot-btn ul li {
	display: inline-block;
	*display: inline;  /* IEハック */
	zoom: 1;  /* IE用 */
	width:20%;
	margin: 0 3px;
}




}



/* ##################### PCのみ ####################################################### */

@media (min-width: 820px) {

#container {
	width: 1000px;
	font-size: 14px;
}



/*======= ヘッダ  pc =======*/

#header-top {
	width: 1000px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	padding: 10px 0;
	text-align: left;
}
#header-link {
	font-size: 11px;
	display:block;
	float: right;
	padding-top: 11px;
}
#header-link a {
	color: #5B5B5B;
}

#header-link span {
	margin-left: 15px;
}


/*======= ヘッダナビ pc =======*/

#nav  {
	background-color: #7AA040;
	font-size: 100%;
	height: 53px;
	background-image: -webkit-linear-gradient(0deg,rgba(86,114,48,1.00) 0%,rgba(109,146,61,1.00) 33.33%,rgba(109,146,61,1.00) 66.66%,rgba(86,114,48,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(86,114,48,1.00) 0%,rgba(109,146,61,1.00) 33.33%,rgba(109,146,61,1.00) 66.66%,rgba(86,114,48,1.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(86,114,48,1.00) 0%,rgba(109,146,61,1.00) 33.33%,rgba(109,146,61,1.00) 66.66%,rgba(86,114,48,1.00) 100%);
	background-image: linear-gradient(90deg,rgba(86,114,48,1.00) 0%,rgba(109,146,61,1.00) 33.33%,rgba(109,146,61,1.00) 66.66%,rgba(86,114,48,1.00) 100%);
	border-bottom: 6px solid #E3D393;
}
#nav ul {
	width: 1000px;
	text-align: center;
	margin: 0 auto;
}
#nav ul li {
	line-height: 53px;
	display:inline-block;
}
#nav ul li a {
	display: block;
	padding: 0 20px 0 10px;
	border-radius: 6px;
	text-shadow: 0px 0px 2px hsla(0,0%,0%,0.30);
}
#nav ul li a:hover {
	background-color: #7FA749;
}





/*======= コンテンツ pc =======*/
#contents {
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;
}
#main {
	width: 730px;
	float: right;
	font-size: 100%;
}



/*======= メニュー pc =======*/
#menu {
	font-family: "ヒラギノ丸ゴ W4 JIS2004", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-font-feature-settings: 'halt' 1; 
  font-feature-settings: 'halt' 1;
	width: 220px;
	float: left;
	font-size: 13px;
}
#menu ul.m-list li {
	background-image: -webkit-linear-gradient(270deg,rgba(245,244,243,1.00) 0%,rgba(255,255,255,1.00) 11.91%,rgba(255,255,255,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(245,244,243,1.00) 0%,rgba(255,255,255,1.00) 11.91%,rgba(255,255,255,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(245,244,243,1.00) 0%,rgba(255,255,255,1.00) 11.91%,rgba(255,255,255,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(245,244,243,1.00) 0%,rgba(255,255,255,1.00) 11.91%,rgba(255,255,255,1.00) 100%);
}
#menu ul.m-list li a:hover {
	background-color: #F3EEC8;

}
#menu ul.m-banner li {
	margin-bottom: 5px;
}

#menu-col2 {
	box-sizing: border-box;
	border-color: #E7E7E7;
	border-left-style: solid;
	border-right-style: solid;
	border-top-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	background-color: #FFFFFF;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

#kumiai-link {
}
#kumiai-link ul li {
	background-image: url(../img/icon/ar-green.png);
	line-height: 25px;
	background-repeat: no-repeat;
	background-size: 6px auto;
	background-position: 2px 50%;
	padding-left: 14px;
}
#kumiai-link a:link,
#kumiai-link a:visited {
	color: #6E6045 !important ;
}


/*======= フッタ pc =======*/

#footer-inner {
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 1000px;
	text-align: left;
}

/*========= 画像幅 pc ========*/

#main .img-pc-90 {width:90% !important;}
#main .img-pc-80 {width:80% !important;}
#main .img-pc-70 {width:70% !important;}



}