body{
  font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height:160%;
  color:#333;
}
@media print {
  #header,#footer,#footer_bottom {
	  display:none
}
}
.mr0{
  margin-right:0 !important;
}

a:hover img
{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}


.sp{
  display:none;
}
.path{
  max-width:1200px;
  margin:20px auto;
}
.path ul li{
  float:left;
  margin-right:5px;
  font-size:13px;
}

/* option */
.item img{
  max-width:230px;
}

.more{
  margin-left:10px;
  margin-top:5px;
}
.more a{
  background:url(../img/morebg.png) no-repeat;
  padding-left:15px;
  font-size:13px;
  color:#333;
  text-decoration:none;
}
.more a:hover{
  text-decoration:underline;
}
.more2{
  margin-top:5px;
}
.more2 a{
  background:url(../img/morebg.png) no-repeat;
  padding-left:15px;
  font-size:13px;
  color:#333;
  text-decoration:none;
}
.more2 a:hover{
  text-decoration:underline;
}

#wapper{
  /*max-width:1200px;*/
  width:100%;
  margin:0 auto;
  padding-top:100px;
}


/* header */
#header{
  background-color:#1E2D54;
  position:fixed;
  top:0;
  z-index:100;
  min-height:95px;
  width:100%;
}
.header_inner *{
	box-sizing: border-box;
}
.header_inner{
  max-width:1200px;
  width:100%;
  margin:0 auto;
	text-align:center;
}
.header_top{
	padding-top:12px;
}
.header_top:after{
	content:"";
	clear:both;
	display: block;
}
.header_top h1{
	width:25%;
	float:left;
	padding-top:6px;
	min-height:48px;
}
.header_link{
	display: table;
	float:right;
}
.header_link li{
	display: table-cell;
	vertical-align: middle;
	color:#fff;
}
.header_link li a{
	color:#fff;
	text-decoration: none;
}
.header_link li:nth-child(1) a,
.header_link li:nth-child(2) a{
	font-size:74%;
	margin-right:20px;
	letter-spacing: 2px;
}
.header_link li:nth-child(1) a:before,
.header_link li:nth-child(2) a:before{
	content:">";
	margin-right:5px;
}
.header_link li:nth-child(3) span{
	letter-spacing: 2px;
	padding-left:22px;
	background:url(../img/img_header_tel.png) no-repeat 0 center;
	vertical-align: middle;
	margin-right:20px;
}
.header_link li.btn a{
	display: inline-block;
	padding:0 30px 0 15px;;
	line-height:40px;
	margin-right:7px;
	font-size:14px;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝B", "MS Mincho", serif;
}
.header_link li a:hover{
	opacity: 0.8;
}
.header_link li:nth-child(4) a{
	background:url(../img/morebg.jpg) no-repeat 95% center;
	background-color:#fff;
	color:#333;
}
.header_link li:nth-child(5) a,
.header_link li:nth-child(6) a{
	background:url(../img/morebg_w.png) no-repeat 95% center;
	background-color:#bda571;
}
.header_bottom{
	width:100%;
	margin:0 auto;
	display: table;
}
.header_bottom li{
	min-width:90px;
	display: table-cell;
	vertical-align: middle;
	position:relative;
}
.header_bottom li a{
	width:100%;
	line-height:42px;
	color:#fff;
	display: block;
	text-decoration:none;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝B", "MS Mincho", serif;
}
.header_bottom li a:hover{
	background-color:#263864;
}
.header_bottom li a:before{
	content:"|";
	color:#3E4969;
	height:12px;
	position:absolute;
	top:0;
	left:-2px;
}
.header_bottom li:last-child a:after{
	content:"|";
	color:#3E4969;
	height:12px;
	position:absolute;
	top:0;
	right:-1px;
}
/*@media screen and (min-width: 1110px){
#wapper{
  max-width:1200px;
  width:100%;
  margin:0 auto;
  padding-top:95px;
}
}*/


@media screen and (max-width: 1109px){
	#wapper{
	  padding-top:120px;
	}
	.header_top h1,
	.header_link{
		width:100%;
		float:none;
	}
	.header_link li{
		display: inline-block;	
	}
	.path{
	  margin:20px;
	}
	.main_title{
	  margin-left:20px;
	}
	.cat_title{
	  margin: 10px 20px 30px;
	}
}
@media screen and (max-width: 960px){
	#wapper{
		padding-top:180px!important;
	}
	.header_bottom{
		display: block;
		letter-spacing: -4em;
	}
	.header_bottom li{
		display: inline-block;
		letter-spacing: 0;
		width:25%;
	}	
}
@media screen and (max-width: 860px){
	#wapper{
		padding-top:250px!important;
	}
	.header_top h1,
	.header_top{
		margin-bottom:10px;
	}
	.header_link{
		display: block;
		letter-spacing: -4em;
		width:90%;
		margin:0 auto;
	}
	.header_link li{
		letter-spacing: 0;
		display: inline-block;
		width:32%;
	}
	.header_link li.btn{
		margin:10px 0;
	}
	.header_link li:nth-child(5),
	.header_link li:nth-child(2){
		margin:0 2%;
	}
	.header_link li a{
		width:100%;
		margin:0 10px;
		padding:0;
		background-image:none;
	}
}
/* footer */

#footer .footer_inner{
  max-width:1200px;
  width:100%;
  margin:0 auto;
}

#footer{
  padding:60px 0;
  background-color:#f4f4f4;
}
#footer a,
#footer a img,
#footer a span,
#footer span img{
  display: inline-block;
}
.footer_lbox a.bn_fair{
  margin-right:20px;
}
@media screen and (min-width: 1200px){
.footer_lbox{
  max-width:800px;
  float:left;
}
.footer_rbox{
  max-width:361px;
  float:right;
}

.footer_rbox li{
  display:inline-block;
  margin-bottom:4px;
}
.footer_rbox li:nth-child(2){
  margin-right:12px;
}
.footer_rbox a img,
.footer_rbox span img{
  display:block;
}

}
@media screen and (max-width: 1199px){
#footer .footer_inner{
  max-width:900px;
  width:100%;
  margin:0 auto;
  text-align:center;
}
.footer_lbox{
  margin-bottom:30px;
}
.footer_lbox,.footer_rbox{
  background-color:#f4f4f4;
}
.footer_rbox li:nth-child(1),.footer_rbox li:nth-child(2){
  margin-right:12px;
}

}
@media screen and (max-width: 768px){
#footer .footer_inner{
  width:100%;
  margin:0 auto;
  text-align:center;
}
.footer_lbox a,.footer_rbox a{
  width:80%!important;
  margin:0 auto;
}
  .footer_rbox li{
    width:100%;
  }
div.footer_lbox a.bn_fair{
  margin-right:0px;
  margin-bottom:10px;
}
}
@media screen and (max-width: 414px){
.footer_lbox,.footer_rbox{
  width:90%;
  margin:0 auto;
}
.footer_lbox li,.footer_rbox li{
  width:100%;
  margin-bottom:10px;
}
div.footer_lbox a:first-child{
  margin:0;
}
}

.footer_lbox h3,.footer_rbox h3{
  margin-bottom:20px;
}
.footer_lbox p,.footer_rbox p{
  margin-bottom:10px;
}
.footer_lbox li,.footer_rbox li{
  display:inline-block;
}
.footer_lbox a{
  width:48%;
}
.footer_lbox a img{
  max-width:384px;
}
.footer_rbox li a img{
  max-width:361px;
}
.footer_btns{
  padding-top:40px;
  clear:both;
}
.footer_btns li{
  float:left;
  margin-right:10px;
}
.footer_bottom_link{
  max-width:1180px;
  width:100%;
  margin:0 auto 20px;
  padding: 20px 0px 60px;
  border-bottom:1px solid #CCC;
}
.footer_bottom_link li{
  float:left;
  margin-right:7px;
  margin-left:8px;
}
.footer_bottom_link li a{
  font-size:13px;
  color:#333 !important;
  text-decoration:none;
}
.footer_bottom_contents{
  max-width:1180px;
  width:100%;
  margin:0 auto 20px;
}

.group_link{
  padding-right:50px;
  margin-right:40px;
  border-right:1px solid #CCC;
  float:left;
}
.group_link a{
  color:#333;
  text-decoration:none;
  font-size:13px;
}
.group_link a:hover{
  text-decoration:underline;
}
.footer_sitemap{
  float:left;
  margin-right:20px;
}
.footer_sitemap a{
  color:#333;
  text-decoration:none;
  font-size:13px;
}
.footer_sitemap a:hover{
  text-decoration:underline;
}
.footer_info{
  float:right;
}
@media screen and (max-width: 800px){
body .group_link{
  margin-left:20px;
  padding-right:20px;
  margin-right:20px;
  border-right:1px solid #CCC;
  float:left;
}
body .group_link a{
  color:#333;
  text-decoration:none;
  font-size:13px;
}
body .group_link a:hover{
  text-decoration:underline;
}
body .footer_sitemap{
  float:left;
  margin-right:10px;
}
body .footer_sitemap a{
  color:#333;
  text-decoration:none;
  font-size:13px;
}
body .footer_sitemap a:hover{
  text-decoration:underline;
}
body .footer_info{
  float:right;
}
}


.path{
  max-width:1200px;
  margin:20px auto 30px auto;
}
.path ul li{
  float:left;
  margin-right:5px;
  font-size:13px;
}
.main_title{
  max-width:1200px;
  margin:0 auto;
  font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size:30px;
  color:#1E2D54;
}

.error_msg {
	text-align: center;
	border: solid 1px #ccc;
	width: 70%;
	margin: 100px auto;
	padding: 50px 40px 20px 40px;
}
.error_msg strong{
	display:inline-block;
	font-size:24px;
	margin-bottom:30px;
	font-weight:normal;
}
.error_msg p{
	margin-bottom: 50px;
}
/*---動画掲載用---*/

.movie .page-container{
	margin:0 auto 100px auto;
}
.movieArea{
	max-width:853px;
	margin:40px auto 100px auto;
}
.movieArea .video{
	position:relative;
	width:100%;
	padding-top:56.25%;
}
.movieArea iframe{
	position:absolute; 
	top:0; 
	right:0; 
	width:100%; 
	height:100%;
}
.movieArea p{
	width:100%;
	margin:20px auto;
}