@charset "Shift_JIS";
/* CSS Document */
#jbc-2018kyoto {font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;}
#jbc-2018kyoto a:hover img {filter: alpha(opacity=60);opacity:0.6;}
#jbc-2018kyoto img { margin: 0; border:none; }
#jbc-2018kyoto .cla {clear:both;}
#jbc-2018kyoto a:link,#jbc-2018kyoto a:visited{color:#FFFFFF; text-decoration:none;}
#jbc-2018kyoto a:hover,#jbc-2018kyoto a:active {color:#FFCC00; text-decoration:underline;}


@media screen and (min-width: 751px) {
#jbc-2018kyoto {line-height:1.0em; margin:0px auto 0 auto; text-align:center;}
#jbc-2018kyoto .pc_none {display:none;}
#jbc-2018kyoto .sns {margin:0px auto 0 auto; width:690px; height:71px;}
#jbc-2018kyoto .sns table {float:right; padding-top:20px;}
#jbc-2018kyoto .main {background:url(../img/main_back.jpg) no-repeat center top; height:523px;}
#jbc-2018kyoto .cam1{padding:46px 0 0 0; height:572px; background:url(../img/cam_back1.jpg) no-repeat center top;}
#jbc-2018kyoto .cam_quiz {padding:20px 0 28px 0;}
#jbc-2018kyoto .cam_a {background:url(../img/cam_back2.jpg) no-repeat center top; height:720px;}
#jbc-2018kyoto .cam_b {background:url(../img/cam_back3.jpg) no-repeat center top; margin:0;}
#jbc-2018kyoto .cam_c {background:url(../img/cam_back4.jpg) no-repeat center top;}
#jbc-2018kyoto .cam_b div,#jbc-2018kyoto .cam_c div {text-align:center; width:720px; margin:0 auto;}
#jbc-2018kyoto .cam_b img,#jbc-2018kyoto .cam_c img {float:left; margin:0 auto;width:720px; }
#jbc-2018kyoto .cam_b div:after,#jbc-2018kyoto .cam_c div:after {content:""; display:block; clear:both;}
#jbc-2018kyoto .cam_c {clear:both; padding-bottom:60px; margin-bottom:0px;}
#jbc-2018kyoto .oubo_btn1{}
#jbc-2018kyoto .oubo_btn2{padding-top:35px;}
#jbc-2018kyoto .oubo_btn1 img,#jbc-2018kyoto .oubo_btn2 img {width:293px; height:auto; float:none;}

#jbc-2018kyoto .pagetop {padding:0; margin:-100px auto 100px auto; text-align:right; width:960px;}
#jbc-2018kyoto .pagetop img {width:50px; height:50px; float:right;}
}


@media screen and (max-width: 750px) {
#jbc-2018kyoto .smp_none {display:none;}
#jbc-2018kyoto img {width:100%;}
#jbc-2018kyoto .sns {width:100%; margin:0;}
#jbc-2018kyoto .sns table {float:right; padding:5px 10px 5px 0;}
#jbc-2018kyoto .main {background:url(../img/main_back_smp.jpg) no-repeat center top; background-size:100% auto;}
#jbc-2018kyoto .cam1 {background:url(../img/cam_back1_smp.jpg) no-repeat center top; background-size:100% auto; padding-bottom:20px;}
#jbc-2018kyoto .cam_quiz {padding:15px 15px;}
#jbc-2018kyoto .cam_a,#jbc-2018kyoto .cam_b,#jbc-2018kyoto .cam_c {line-height:0;}
#jbc-2018kyoto .cam_b p {background:url(../img/cam_b2_back.jpg) repeat-y center top; background-size:100% auto; text-align:center;}
#jbc-2018kyoto .cam_b p img {width:65%; padding-bottom:10px;}
#jbc-2018kyoto .cam_c {background:url(../img/cam_back4.jpg) no-repeat center bottom; padding-bottom:80px;}
#jbc-2018kyoto .cam_c p {background:url(../img/cam_c2_back.jpg) repeat-y center top; background-size:100% auto; text-align:center;}
#jbc-2018kyoto .cam_c p img {width:60%; padding-bottom:10px;}
#jbc-2018kyoto .oubo_btn1{text-align:center; margin:0;}
#jbc-2018kyoto .oubo_btn2{text-align:center; margin:30px 0 10px 0;}
#jbc-2018kyoto .oubo_btn1 img,#jbc-2018kyoto .oubo_btn2 img {width:60%;}

#jbc-2018kyoto .pagetop {padding:10px 20px 20px 0;text-align:right; margin-top:-80px;}
#jbc-2018kyoto .pagetop img {width:50px; height:50px;}
}