@charset "utf-8";
 
#wrap {position:relative; padding-top:0}
 
#_vis,
#_vis ._vis {text-align:center; position:relative; overflow:hidden}
#_vis ._vis {display:block;background-position:50% 0;background-repeat:no-repeat;background-size:cover}
#_vis ._vis img {text-align:center; max-width:100%; position:relative}
#_vis > ._roll > ._vis:nth-child(n+2) {display:none;}

#_vis .bx-controls {position:absolute;bottom:15px;width:100%;z-index:100;text-align:center;}
#_vis .bx-pager {}
#_vis .bx-pager .bx-pager-item {display:inline;}
#_vis .bx-pager .bx-pager-item a {display:inline-block; text-align:left; margin:0 3px; width:18px; height:18px; background:url('/images/main/vis_off.png') no-repeat;	text-indent:-9999px; overflow:hidden;	transition:0.3s}
#_vis .bx-pager .bx-pager-item a.active {background:url('/images/main/vis_on.png') no-repeat;}
#_vis .bx-controls-auto {width:20px;}
#_vis .bx-controls-auto a {display:inline-block;text-indent:-9999px;}
#_vis .bx-controls-auto .bx-start {width:19px;height:20px;background:url('/images/main/vis_play.png') no-repeat;}
#_vis .bx-controls-auto .bx-stop {width:14px;height:19px;background:url('/images/main/vis_stop.png') no-repeat;}
#_vis .bx-controls-auto, #_vis .bx-pager {display:inline-block;}

#_vis .__p {margin:0 auto}

.container {clear:both; max-width:1300px; margin:0 auto; margin-top:50px; padding-bottom:0}

.btn {background:#0080c8; padding:10px 20px; border-radius:5px; color:#fff !important; text-align:center; font-weight:500; font-size:20px}
.btn a {color:#fff}

.bbs {font-size:0; margin-left:-20px; margin-bottom:50px}
.bbs > div {display:inline-block; border:1px solid #d7d4d0; box-sizing:border-box; width: calc(50% - 20px); margin-left:20px; font-size:15px; position:relative; vertical-align:top; min-height:227px}
.bbs > div h2 {font-size:24px; line-height:58px; line-height:58px; background:#f8f4f0; padding-left:20px}
.bbs > div.notice {border-top:2px solid #73bb2b}
.bbs > div.lecture {border-top:2px solid #368856}
.bbs > div.story {border-top:2px solid #ea4395}
.bbs > div ul {padding:20px}
.bbs > div ul li {line-height:40px; position:relative}
.bbs > div ul li span {position:absolute; top:0; right:0; color:#999}
.bbs > div .btn_more {position:absolute; top:20px; right:20px; font-size:16px}

.photo {position:relative; margin-bottom:20px}
.photo h2 {font-size:24px; margin-bottom:20px}
.photo ul {font-size:0; margin-left:-20px}
.photo ul li {width: calc(25% - 20px); margin-left:20px; display:inline-block}
.photo ul li a img {max-width:100%}
.photo .btn_more {position:absolute; top:10px; right:0; font-size:16px}

@media all and (max-width:768px){

	.container {width:100%; margin:0; margin-top:30px; max-width:inherit; padding:0 10px; box-sizing:border-box}
	.bbs {margin-left:0}
	.bbs > div {width:100%; margin-left:0; display:block}
	.bbs > div.notice {margin-bottom:20px}

}

@media all and (min-width:640px){

	.__m {display:none !important;}
	.__nobg {background-image:none !important;}

}

@media all and (max-width:639px){

	#_vis .bx-controls {bottom:15%}

  .__p {display:none !important;}
  .__t {display:none !important;}

	ul.sns li {display:inline-block; width:33.34%; vertical-align:top; border:1px solid #dbdbdb; margin-left:-1px; padding:13px 20px; box-sizing:border-box}
	ul.sns li a {font-size:14px}
	ul.sns li a img {margin-right:10px; width:30px}

	.bbs > div h2,
	.photo h2 {font-size:20px}
	.photo {margin-bottom:0}
	.photo ul li {width: calc(50% - 20px); margin-left:20px; display:inline-block; margin-bottom:20px}

}

@media all and (max-width:500px){

	ul.sns li {padding:5px 5px}
	.bbs > div ul li {line-height:20px}
	.bbs > div ul li span {position:inherit; display:block; margin-bottom:10px}
	
}

@media all and (max-width:400px){

	ul.sns {margin-top:10px}
	ul.sns li {display:block; width:100%}
	ul.sns li:nth-child(2),
	ul.sns li:nth-child(3) {margin-top:-1px}

/*
ul.sns li {display:inline-block; width:33.34%; vertical-align:top; border:1px solid #dbdbdb; margin-left:-1px; padding:13px 20px; box-sizing:border-box}
ul.sns li a {font-size:18px; vertical-align:middle}
ul.sns li a img {display:inline-block; margin-right:35px}
*/

}