@charset "UTF-8";

#main{
display: block;
box-shadow:0px 6px 5px -5px rgba(0,0,0,0.2) inset;
padding: 15px 0px 15px 0px;
}
@media screen and (min-width: 992px) {
#main{
	padding: 30px 0px 30px 0px;
}}
/* ------------------------------------- */
/*	スライド
/* ------------------------------------- */
#main-visual {
  width: 100%;
  z-index: -100;
  background-color: #fff;}
  #main-visual img {
  height:auto;
  width: 100%;
    vertical-align: bottom;
    line-height: 0; }	
/* ------------------------------------- */
/*	Section 1　バナー
/* ------------------------------------- */
.content.style2 {
	float: left;
	width: 100%;
}
#category {
margin: 0px 0 0px 0;
}
/* クリアフィックス */
#item-list ul:after,
#item-list2 ul:after {
content:"";
clear:both;
display:block;
}
/* 2つのバナー均等配置 */
#item-list ul li,
#item-list2 ul li {
display:block;
float:left;
list-style-type:none;
text-align:center;
}
#item-list2 ul li img {
   width: 100%;
  height:auto;
  text-align:center;
}
#item-list ul li {
width:100%;
}
@media screen and (min-width:480px){
#item-list ul li img {
   width: 100%;
  height:auto;
}
.sidebar {
	text-align:center;
	width:220px;
	margin-left:auto;
	margin-right:auto;
	}}
@media screen and (min-width: 768px) {
#item-list ul li {
max-width: 50%;
height:auto;
}}
@media only screen and (max-width: 991px) {
#item-list ul li img {
   width: 100%;
  height:auto;
}
#item-list2 ul li img {
  margin: 0 auto;
}
}

@media screen and (min-width: 992px) {
#item-list ul li {
width:49%;
height:145px;
}
#item-list ul{
    /* ボックスより余白分大きくする */
    width : 750px;
  }
#item-list ul li img {
  display: block;
   width: 100%;
  height:auto;
}}

/* ------------------------------------- */
/*	 Section 3 お知らせ
/* ------------------------------------- */
.style3 {
	width: 100%;
	padding: 0px 0px 0px 0px;
}
.topi_t a {
	background: url(../img/top/info_t.png) no-repeat 0px 0px;
	height:66px;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	overflow:hidden;
	outline:none;
    background-size: 731px 66px;
	margin: 0px 0px 0px 0px;
	-moz-background-size:cover;
	background-size:cover;
}
.info_box2 {
      margin: 0px 0px 20px 0px;
	  
	  }
.info_box {
	width: 100%;
	float: left;
	font-weight: normal;
display: block;
margin: 0px 20px 0px 0px;
padding: 15px 0px 15px 0px;
border-bottom: #000099 solid 1px;
}
.info_box p {
	float: left;
	font-size: 85%;
	line-height: 150%;
	margin: 0px 10px 0px 0px;
	text-align: left;
	color: #DE340F;
	font-weight: normal; }
.info_box h5 a {
	text-decoration: none;
	float: left;
	font-weight: normal;
	font-size: 100%;
	line-height: 150%;
	color: #000099;
}
.info_box h5 a:hover {
	text-decoration: underline;
}
@media (max-width: 767px) {
	.info_box2 {
	width: 100%;
      margin: 0px 0px 20px 0px;
	  overflow:hidden;
	  float:left;
	  }}
@media only screen and (min-width: 980px) {
.info_box2 {
	width: 730px;
      margin: 0px 0px 0px 0px;
	  overflow:hidden;
	  float:left;
	  }}
/* ------------------------------------- */
/*	 バナー2023
/* ------------------------------------- */

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}

.bana_box ul:after {
	content: "";
	clear: both;
	display: block;
}
.bana_box ul li {
	list-style-type: none;
	display: block;
	float: left;
	width: 100%;
	position: relative;
	transition: all .3s;
	overflow-x: hidden;
	
}		
.bana_box ul li a:hover,
.br_hanabi a:hover,
.br_hanabi04 a:hover{
	opacity: 0.6;
	transition: 0.5s;
	text-decoration: none;
}
.br_hanabi,
.br_hanabi04{
	transition: all .3s;
	}
@media only screen and (min-width: 768px) {
.bana_box ul,
.br_hanabi04{
	margin-top: 8px;
}
	.bana_box ul li {
		width: 49%;
		margin-right: 2%;
	}
	.bana_box ul li:nth-child(2n) {
		margin-right: 0;
	}
}
@media only screen and (max-width: 768px) {
.br_hanabi04{
	margin-bottom: 8px;
}
}