@charset "UTF-8";

/* Clearfix Start */

.clearfix:after,#panel ul:after,#category div ol:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.clearfix,#panel ul,#category div ol {
	display:inline-block;
}

/* Clearfix End */

#overflow {
	overflow-x:hidden;
}

/* Slider Start */

#slider {
	padding-bottom:40px;
	width:100%;
	text-align:left;
}

#bxslider {
	width:100%;
	list-style-type:none;
}

#bxslider li {
	width:100%;
}

#bxslider img {
	width:100%;
	height:auto;
}

/* Slider End */

/* News Start */

#news {
	clear:both;
	position:relative;
	margin:0 auto;
	padding-bottom:28px;
	width:90.6667%;
	height:auto;
	text-align:left;
	font-size:12px;
}
#news ul {
	list-style-type:none;
}
#news ul li {
	line-height:1.5em;
	}
.news-time {
	display:block;
	margin-bottom:0.5em;
}
#news p {
	position:absolute;
	right:0;
	top:-0.6em;
	display:inline-block;
	}
#news p a {
	display:inline-block;
	padding:4px 0 3px 0;
	color:#013e6d;
}

#news p span {
	display:inline-block;
	vertical-align:middle;
	margin-left:13px;
	width:15px;
}

#news p span img {
	margin-top:-3px;
	width:100%;
	height:auto;
}


/* Instagram フィード */
#instagram_feed {
	padding: 30px 0 65px;
	background: #e6e6e6;
}
#instagram_feed h2 {
	margin: 0 auto;
	width: 50%;
}
#instagram_feed p {
	margin: 0 auto;
	width: 30%;
}
#instagram_feed h2 img,
#instagram_feed p img {
	width: 100%;
	height: auto;
}
ul#instagram_photoList,
ul#instagram_photoList_blank {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#instagram_photoList_wrap {
	margin: 6px auto;
	width: 91.6%;
	position: relative;
}
ul#instagram_photoList {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
ul#instagram_photoList_blank {
	position: relative;
	z-index: 1;
}
ul#instagram_photoList li,
ul#instagram_photoList_blank  li {
	padding: 6px;
	width: 33.33%;
	list-style: none;
	box-sizing: border-box;
}
ul#instagram_photoList li img,
ul#instagram_photoList_blank li img {
	width: 100%;
	height: auto;
}


@media screen and (min-width : 481px) and (max-width : 640px) {
	#news p span {
		margin-left:9px;
		width:10px;
	}
	
	#news p span img {
		margin-top:0;
	}
}

@media only screen and (max-width : 480px) {
	#news p span {
		margin-left:6px;
		width:7px;
	}
	
	#news p span img {
		margin-top:2px;
	}
}

/* News End */

/* Panel Start */

#panel {
	padding:32px 0 95px 0;
	margin:0 auto;
	width:90.6667%;
}

#panel ul {
	width:100%;
	list-style-type:none;
}

#panel ul li {
	padding-bottom:32px;
}

#panel ul li dl dt {
	text-align:center;
}

#panel ul li dl dt img {
	width:100%;
	height:auto;
}

.full-size {
	float:left;
	width:100%;
}

.half-left {
	float:left;
	width:47.647%;
}

.half-right {
	float:right;
	width:47.647%;
}

.inner {
	padding:10px 0 22px 0;
	background-color:#fff;
	width:100%;
}

.full-inner {
	margin:0 10px;
	text-align:left;
}

.half-inner {
	margin:0 10px;
	text-align:left;
}

@media screen and (min-width : 481px) and (max-width : 640px) {
	#panel {
		padding:24px 0 62px 0;
	}
	
	#panel ul li {
		padding-bottom:24px;
	}
	
	.inner {
		padding:5px 0 18px 0;
	}
	
	.full-inner {
		margin:0 5px;
	}
	
	.half-inner {
		margin:0 5px;
	}
}

@media only screen and (max-width : 480px) {
	#panel {
		padding:18px 0 48px 0;
	}
	
	#panel ul li {
		padding-bottom:18px;
	}
	
	.inner {
		padding:5px 0 18px 0;
	}
	
	.full-inner {
		margin:0 5px;
	}
	
	.half-inner {
		margin:0 5px;
	}
}

.block-link {
	display:block;
}

#panel ul li a h2 {
	display:inline-block;
	padding:12px 0 3px 10px;
	line-height:23px;
	color:#013e6d;
	font-size:1.2em;
	font-weight:normal;
}

#panel ul li a h2 em {
	display:inline-block;
	margin-left:10px;
	width:14px;
}

#panel ul li a h2 em img {
	margin-top:1px;
	width:100%;
	height:auto;
}

#panel ul li a h2 span {
	display:inline-block;
	margin-left:10px;
	width:17px;
}

#panel ul li a h2 span img {
	margin-top:2px;
	width:100%;
	height:auto;
}

#panel ul li p {
	margin:0 10px;
	line-height:1.6em;
	font-size:0.9em;
}

@media screen and (min-width : 481px) and (max-width : 640px) {
	#panel ul li a h2 {
		padding:12px 0 3px 5px;
	}
	
	#panel ul li a h2 em {
		margin-left:5px;
		width:10px;
	}
	
	#panel ul li a h2 em img {
		margin-top:3px;
	}
	
	#panel ul li a h2 span {
		margin-left:7px;
		width:12px;
	}
	
	#panel ul li a h2 span img {
		margin-top:5px;
	}
	
	#panel ul li p {
		margin:0 5px;
	}
}

@media only screen and (max-width : 480px) {
	#panel ul li a h2 {
		padding:12px 0 3px 5px;
			font-size:0.9em;
			
	}
	
	#panel ul li a h2 em {
		margin-left:5px;
		width:7px;
	}
	
	#panel ul li a h2 em img {
		margin-top:5px;
	}
	
	#panel ul li a h2 span {
		margin-left:5px;
		width:9px;
	}
	
	#panel ul li a h2 span img {
		margin-top:7px;
	}
	
	#panel ul li p {
		margin:0 5px;
	}
}

#loopslider {
	width:100%;
	height:243px;
}

#loopslider ul {
	position:absolute;
	left:0;
	top:0;
	list-style-type:none;
	width:100%;
	height:243px;
}

#loopslider ul li {
	margin:0;
	padding:0;
	width:304px;
	height:100%;
}

#loopslider ul li img {
	width:100%;
	height:auto;
}

#category {
	text-align:left;
	float:left;
}



#category strong {
	display:block;
	width:100%;
}

#category strong img {
	width:100%;
	height:auto;
}

#category div {
	margin:0 10px;
}

#category div ol {
	list-style-type:none;
	width:50%;
	float:left;
}

#category div ol li {
	margin:0;
	padding:0;
	line-height:20px;
	
	
}


#category ol li a {
	display:block;
	padding:2px 10px 2px 20px;
	background:url(../images/index/bg_cate_icon_off.jpg) left 0.3333em no-repeat;
}

@media screen and (min-width : 481px) and (max-width : 640px) {
	#loopslider,#loopslider ul {
		height:162px;
	}
	
	#loopslider ul li {
		width:202px;
	}
	
	#category div {
		margin:0 5px;
	}
	
	#category div ol li {
		line-height:1.7em;
	font-size:1em;
	}
	
	#category ol li a {
		padding:2px 10px 2px 14px;
		background-position:left 0.5em;
		background-size:10px;
	}
}

@media only screen and (max-width : 480px) {
	#loopslider,#loopslider ul {
		height:122px;
	}
	
	#loopslider ul li {
		width:152px;
	}
	
	#category div {
		margin:0 5px;
	}
	
	#category div ol li {
		line-height:1.7em;
			font-size:0.8em;
	}
	
	#category ol li a {
		padding:2px 10px 2px 11px;
		background-position:left 0.6666em;
		background-size:8px;
	}
}

/* Panel End */