@charset "UTF-8";
#fv{max-width:960px; margin:0 auto; box-sizing:border-box;}
#fv .swiper-container{width: 100%; height: 100%;}
#fv .swiper-slide{ text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding-bottom:34px;}

#fv #bnr{max-width:960px; margin:0 auto; text-align:center; padding:0 20px; box-sizing:border-box;}
#fv #bnr ul li{margin-bottom:8px;}
#fv #bnr ul li a{display:block; border:1px solid #ccc; box-sizing:border-box;}

@media only screen and (min-width:740px) {
#fv #bnr ul li{display:inline-block; width:32.6%; box-sizing:border-box;}
#fv #bnr ul li{margin:10px 1% 10px 0; box-sizing:border-box;}
#fv #bnr ul li:last-child{margin:10px 0 10px 1px; box-sizing:border-box;}
}

@media only screen and (min-width:980px) {
#fv #bnr{padding:0;}
}

#information{padding:0 20px; margin-bottom:20px;}
#information .topic_frame{margin-bottom:20px; height:350px; overflow-y:auto; padding:10px; border:1px solid #bbb; text-align:left;}
#information .topic_frame .icon{font-family:'Roboto',sans-serif; font-size:13px; font-size:1.3rem; background:#ff1947; color:#fff; padding:1px 2px; width:5em; text-align:center; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
#information .topic_frame ul li{margin-bottom:20px; font-family:'Roboto',sans-serif;}


#content{max-width:960px; margin:15px auto;}
.setbox{padding:0 20px;}

#twitter,#facebook{margin-bottom:20px;}


.facebookbox {height:600px; max-width:500px; margin:0 auto;}

.facebookbox & > .fb-page{width:100%;}
.facebookbox & > .fb-page & > span{width:100%; !important;}
iframe{width:100%; !important;}


@media only screen and (min-width:340px) {
}

@media only screen and (min-width:740px) {
.setbox{padding:20px;}
#twitter,#facebook{display:inline-block; width:48%; box-sizing:border-box; vertical-align: top;}
#twitter{margin:0 1% 0 0;}
#facebook{margin:0 0 0 1%;}
}

@media only screen and (min-width:800px) {
#content{text-align:center; padding:0 20px;}
#information,.setbox{display:inline-block; vertical-align:top;}
.setbox{width:62%; padding:0;}
#information{width:36%; padding:0;}
#information{margin:0 1% 0 0;}
#information .topic_frame{height:570px;}
}

@media only screen and (min-width:1000px) {
#content{padding:0;}
}