@charset "utf-8";

/* CSS Document */


/*------------------------------------- LG(<XS) 1200以上のみに適用 -------------------------------------*/
@media print, screen and (min-width: 1200px) {
.BoxLink a {
	background-color: #ffffff;
	color: #50341f;
	padding: 10px 10px;
	margin-bottom: 5px;
	text-decoration: none;
	display: inline-block;
	width: 100%;
	border-radius: 5px;
}
.BoxLink a:hover {
	background-color: #50341f;
	color: #ffffff;
}
.BoxLink img{
	border: 1px solid #CCC;
}


p{ margin:0px 15px 20px 15px; }
section{ margin:0px 15px 20px 15px; }
.textbox{ margin:0px 15px 10px 15px; }
.textbox0{ margin:0px 15px 10px 15px; }


.sidenavi{
	background-color: #e3dbd0;
	padding-bottom: 20px;
	padding-top: 20px;
}


.rowSPonly{ margin-left:-15px; margin-right:-15px; }


.navbar-nav{
	width:100%;
	display:table;
}
.navbar-nav > li {
    float:none;
	display:table-cell;
	text-align:center;
	width:20%;
}
.navbar-collapse{
	border:none;
}




.hdnxs { display: none; }



}






/*------------------------------------- MD 1199以下に適用 -------------------------------------*/
@media only screen and (max-width: 1199px) {
.navbar-default .nav > li > a {
	font-size:13px;
}
.hdnxs { display: none; }
.imgL{ width:495px; }
.imgR{ width:244px; }
.pad_keyv{ padding-top:120px; }
.topback{
	background-size: 1300px;
}

}






/*------------------------------------- SM 991以下に適用 -------------------------------------*/
@media only screen and (max-width: 991px) {
.hdnxs { display: none; }
.imgL{ width:380px; }
.imgR{ width:190px; }
.pad_keyv{ padding-top:86px; }
.topback{
	background-size: 1038px;
}


}



/*------------------------------------- XS 767以下に適用 -------------------------------------*/
@media only screen and (max-width: 767px) {





	
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-right: 0px;
  padding-left: 0px;
}

.topback{
	background-size: 800px ;
}

.BoxLink a {
	background-color: #ffffff;
	color: #50341f;
	padding: 10px 10px;
	text-decoration: none;
	display: inline-block;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.BoxLink a:hover {
	background-color: #50341f;
	color: #ffffff;
}
.sidenavi{
	background-color: #e3dbd0;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
}


p{ margin:0px 0px 1em 0px  !important; }
section{ margin:0px 5px 10px 5px  !important; }
.textbox{ margin:0px 8px 10px 8px; }
.textbox0{ margin:0px 0px 10px 0px; }


.Rfit{ margin-left:5px; margin-right:5px; }
.Lfit{ margin-left:5px; margin-right:5px; }
.rowSPonly{ margin:0px; }

.img-responsive{
 margin:0px auto; 
}

/* グローバルナビの変更*/

.Gnavi_Line{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #fff;
	border-bottom-color: #fff;
	margin-right:-15px;
	margin-left:-15px;
}

.SPborder{
	border: 1px solid #fff;
}


.GNavi{width:50%;}


/* スマホ時ナビゲーションバーの左右余白 */
.navbar-nav{
	margin:0px -15px;
}
/* スマホ時ナビゲーションバーの左端余白 */
.navbar-default .nav > li{
	margin:0px 15px;
}
/* スマホ時ナビゲーションバーの左端の線 */
.navbar-default .nav > li > a {
	border-left:none;
	margin:0px -15px;
}

/* ナビゲーションバー上部の線を削除 */
.navbar-collapse{ border:none; }
/* ナビゲーションバーの区切り線を削除 */
.navbar-nav > li, .navbar-nav > li:last-child{ border:none; }






.footer_navi {
	margin: 5px px 0px ;
	padding: 0px 5px;
	overflow: hidden;
	width: 100%;
	border-top: 1px solid #FFF;
	font-size: 14px;
}

.footer_navi li {
	float:left;
	display: block;
	margin: 0px;
	padding: 10px 0px;
	border-bottom: 1px dashed #FFF;
	border-left: none;
	border-right: none;
	width: 50%;
}
.footer_navi li:last-child {　
	margin: 0;
	padding-right: 0;
	border:none;
}


.footer_navi li a{
	display: block;
}
.footer_navi li:before {
	content: "";  /*  tags  */
}
.footer_navi li a:before {
	content: "\f138\00a0";
	font-family: FontAwesome;
}

.footer_navi a:link {color: #FFF;text-decoration: none;}
.footer_navi a:visited{color: #FFF;text-decoration: none;}
.footer_navi a:hover{color: #FFF;text-decoration: none;}







.hdnxs { display: inline; }

.topinfo dt {
	margin: 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
.topinfo dd {
	padding: 0px 0px 10px 0px;
	margin: 0px 10px 20px;
}


.rwdtable th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
  border-radius: 3px;
}
.rwdtable td{
  display: list-item;
  width: 100%;
  border-top: none;
}
th.elementA:before{
	content: "\f14a\00a0";
	font-family: FontAwesome;
	color: #4B3D34;
}
td.elementB:before{
  content: "TITLE_B：";
	background: #f2f3f3;
	font-size: 0.8em;
	color: #666;
	padding: 2px 5px 2px 5px;
	margin-right:10px;
}
td.elementC{
  border-bottom: 1px solid #d6ceb4;
}
td.elementC:before{
  content: "TITLE_C：";
	background: #f2f3f3;
	font-size: 0.8em;
	color: #666;
	padding: 2px 5px 2px 5px;
	margin-right:10px;
}
.tspace{
	margin-left:69px;
}

.vcenterR{display: inline;}
.vcenter{display: inline;}


}



