
/*-----------------------------------------------------------------
ALLSIZE
-----------------------------------------------------------------*/

/*------------------------section*/
section {
	width: 100%;
	margin: 0 auto 80px;
}

section#top_btn { margin: 0 auto 60px; }

.home_title h3{
/*	display: inline-block;*/
/*	float: left;*/
/*	margin-bottom:20px;*/
}
.home_title .index_info{padding-top: 15px;}


/*------------------------mainvisual*/
#meteor-slideshow { margin: 0 auto 80px; }

#meteor-slideshow img {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

/*------------------------バナーエリア*/

.bnr_area{
	width: 88%;
	margin:50px auto 60px;
}

.bnr_area2{
	width: 88%;
	margin:40px auto 50px;
}


.bnr_area img, .bnr_area2 img{
	display: block;
	margin:0 auto;
	text-align: center;
width:100%;
max-width: 100%;
height: auto;
}

/*------------------------about*/
.btn_left {
	float: left;
	margin: 0;
}

.btn_left {
	float: right;
	margin: 0;
}

/*------------------------bloginfo*/
dl.bloginfo {
	width: 100%;
	margin: 0 auto 35px;
	border-bottom: dotted 1px #b9b9b9;
}

dl.bloginfo dt,dl.bloginfo dd {
	font-size: 16px;
	border-top: dotted 1px #b9b9b9;
}
dl.bloginfo dt {
	padding: 20px 0 0 0;
	width:290px;
	float:left;
}

dl.bloginfo dd {
	padding: 20px 0 20px 0;
	margin-left:290px;
}

dl.bloginfo  span.blog_date { font-size: 13px;
	float:left;
	width: 50%;
	display:inline-block;
 }


dl.bloginfo span.blog_category {
font-size: 12px; 
 	color: #fff;
	width: 40%;
	text-align: center;
	margin: 0 0 0 0;
	display:inline-block;
}

dl.bloginfo  span.blog_category.news { background: #e2265b; }

dl.bloginfo  span.blog_category.event { background: #f4b200; }

dl.bloginfo  span.blog_category.hibi { background:#0BA055;}


dl.bloginfo p.blog_title{
	overflow:hidden;
   zoom:1;
}


dl.bloginfo  p a:link { text-decoration: none; }

dl.bloginfo  p a:hover { text-decoration: underline; }

.index_info { text-align: right; }


/*------------------------buyinfo*/
dl.buyinfo {
	width: 100%;
	margin: 0 auto 35px;
	border-bottom: dotted 1px #b9b9b9;
}

dl.buyinfo dt,dl.buyinfo dd {
	font-size: 16px;
	border-top: dotted 1px #b9b9b9;
}
dl.buyinfo dt {
	padding: 20px 0 0 0;
	width:160px;
	float:left;
}

dl.buyinfo dd {
	padding: 20px 0 20px 0;
	margin-left:160px;
}

dl.buyinfo  span.blog_date { font-size: 13px;
	float:left;
	display:inline-block;
 }

dl.buyinfo p.blog_title{
	overflow:hidden;
   zoom:1;
}


dl.buyinfo  p a:link { text-decoration: none; }

dl.buyinfo  p a:hover { text-decoration: underline; }





/*------------------------latest_info*/

ul.latest_list {
	width: 1000px;
	margin: 0 auto 25px;
	overflow: hidden;
}

ul.latest_list li {
	display: block;
	width: 210px;
	float: left;
	margin-right: 40px;
	height: 280px;
}

ul.latest_list li p {
	margin-bottom: 20px;
	line-height: 0;
}

ul.latest_list li h4 { 
	margin-bottom: 25px;
	line-height:22px; 　 
 word-wrap : break-word;
  overflow-wrap : break-word;
   word-break: break-all;}

ul.latest_list li img { margin-bottom: 25px; }

ul.latest_list li a:link { text-decoration: none; }

ul.latest_list li a:hover { text-decoration: underline; }

/*------------------------banner_area*/
/*.box_calender {
	float: left;
	width: 415px;
	height: 400px;
	margin-right: 40px;
}

.box_twitter{
	float:left;
	width:240px;
	margin-right: 40px;
	}
	
	
.box_banner {
	width:220px;
	float:left;
}

.box_banner img{
	margin-bottom:20px;}


embed, iframe, object { max-width: 100%; }
*/




ul.banner_list{
display: flex;
justify-content: center;
margin: 30px auto;
overflow: hidden;
height: 50px;
}

ul.banner_list li{ padding:0 10px; }

ul.banner_list li img{height: 100%; }







.sp{display: none;}
.pc{display: block;}


/*-----------------------------------------------------------------
under 740px
-----------------------------------------------------------------*/
@media screen and (max-width:740px) {

section#top_btn { margin: 0 auto 30px; }


/*------------------------section*/
section {
	width: 100%;
	margin: 0 auto 50px;
}

/*------------------------mainvisual*/

.mainvisual img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

/*------------------------about*/
.btn_left, .btn_left {
	float: none;
	margin-bottom: 30px;
}

.btn_left img, .btn_right img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

/*------------------------bloginfo*/


dl.bloginfo dt{ width:100%; float:none; }
dl.bloginfo dd{ width:100%; float:none; margin:0;  border:none;}



dl.bloginfo li p {
	display: block;
	margin-top: 10px;
}

dl.bloginfo li span.blog_category { margin: 0 0 0 15px; }


.bnr_area{
	width: 100%;
	margin:20px auto 30px;
}

.bnr_area2{
	width: 100%;
	margin:0px auto 30px;
}


/*.index_info{
	margin-top: -50px;
}*/

/*.index_info2{
	margin-top: 20px;
}
*/

/*------------------------buyinfo*/


dl.buyinfo dt{ width:100%; float:none; }
dl.buyinfo dd{ width:100%; float:none; margin:0;  border:none; padding-top:0;}


dl.buyinfo li p {
	display: block;
	margin-top: 10px;
}

dl.buyinfo span.blog_date {
    float: none;
    display: inline-block;
    margin-bottom:5px;
}




/*------------------------latest_info*/
ul.latest_list {
	width: 100%;
	margin: 0 auto 15px;
	overflow: hidden;
}

ul.latest_list li {
	width: 45%;
	float: left;
	margin: 0 10% 20px 0;
	height: auto;
}

ul.latest_list li:nth-last-child(1), ul.latest_list li:nth-last-child(2) {
	margin-bottom: 0;}



ul.latest_list li:nth-child(2n){
	margin-right:0;}


ul.latest_list li img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

ul.latest_list li a:link { font-size: 16px; }

ul.latest_list li p,ul.latest_list li h4{font-size: 14px;}	
	
	
/*------------------------banner_area*/


ul.banner_list{
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 30px auto;
overflow: hidden;
height: auto;
width:80%;
}

ul.banner_list li{ padding:0; }

ul.banner_list li.banner_list_a{width: 100%;}

ul.banner_list li.banner_list_b{width: 45%; padding: 20px 25px; }

ul.banner_list li img{width: 100%;  height: auto;}


/*
ul.banner_list{
display: flex;
justify-content: center;
margin: 30px auto;
overflow: hidden;
height: 50px;
}

ul.banner_list li{ padding:0 10px; }

ul.banner_list li img{height: 100%; }


*/




.sp{display: block;}
.pc{display: none;}



}



