@charset "utf-8";/* CSS Document */

.linkBk {width: 100%; float: left;}

/*PC:body-------------------------------------*/
@media screen and (min-width:1084px){
    
    .linkCont {width: 1000px; margin-left: auto; margin-right: auto;}
    .linkWrap {float: left; width: 980px; border: 1px solid #333; margin-top: 20px; margin-right: 9px; margin-bottom: 19px; margin-left: 9px; background: #FFFFFF; border-radius: 5px;}
    .linkSpc {float: left;width: 980px; padding-top: 10px;}
    .linkTitle {height: 60px;width: 980px;font-family: "メイリオ";color: #FFFFFF;font-weight: bold;font-size: 18px;line-height: 60px;text-align: center;}
    
    .spBanabox {float:left; height: auto; width: 946px; margin-left: 17px; margin-top: 10px; margin-bottom: 20px;}
    .spBana {display: block !important; float: left; width: 100%; margin: 0 0 8px; text-align: center;}
    
    .spBana table {display: block !important; width: 468px; line-heigh: 100%; font-size: 0px; border: 0px; border-collapse: collapse; padding: 0; line-height: 0px; margin: 0px;}
    .spBana table tr td {border-collapse: collapse; border-spacing: 0; line-height: 0px; padding: 0px; margin: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
    .spBana table img {border: 0px; padding: 0px; margin: 0px; line-height: 0px;}
    .spbana468 {max-width: 468px; width: 90%;}
    
    .big468box{margin-bottom: 10px; float: left; width: 946px; margin-left: 17px;}
    .big468Bana {width: 468px; height: 60px;}
    .big468{float: left;height: 60px;width: 468px;margin-right: 3px;margin-bottom: 5px;}
    .big468 a{text-decoration: none;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;float: left;height: 60px;width: 468px;}
    .big468 a:hover{-webkit-transform: scale(1.02);-moz-transform: scale(1.02);-o-transform: scale(1.02);transform: scale(1.02);float: left;height: 60px;width: 468px;}
    
    .middle200box{width: 840px; margin-bottom: 10px; float: left; margin-left: 70px; margin-right: 70px;}
    .middle200{float: left; width: 200px; margin-right: 6px; margin-bottom: 5px; padding: 1px; height: 56px;}
    .middle200 a{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; float: left; width: 200px;}
    .middle200 a:hover{-webkit-transform: scale(1.08); -moz-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08); float: left; width: 200px;}
    .middle200Img{float: left; height: 40px; width: 200px;}
    .middle200Name{float: left; font-size: 10px; height: 16px; line-height: 16px; width: 200px; white-spce: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-align: center; box-sizing: border-box; font-family: "メイリオ"; background: #BF7FFF; color: #FFFFFF;
        border-left: solid 1px #2D2D2D; border-right: solid 1px #2D2D2D; border-bottom: solid 1px #2D2D2D;}
    
    .small88box{width: 900px; float: left; margin-bottom: 10px; margin-left: 20px; margin-right: 20px; padding-left: 40px; padding-left: 0;}
    .small88{float: left; width: 88px; margin-right: 6px; margin-bottom: 6px; margin-left: 6px; height: 47px; padding: 1px;}
    .small88 a{text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; float: left; width: 88px; height: 31px;}
    .small88 a:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);float: left;width: 88px;}
    .small88Img{height: 31px; width: 88px;}
    .small88Name{float: left; font-size: 10px; height: 16px; line-height: 16px; width: 88px; white-spce: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-align: center; box-sizing: border-box; font-family: "メイリオ"; background: #BF7FFF; color: #FFFFFF;
        border-left: solid 1px #2D2D2D; border-right: solid 1px #2D2D2D; border-bottom: solid 1px #2D2D2D;}
    
    /* mylink */
    .mylinkBox {border: 1px solid #f69; float: left; height: auto; width: 80%; margin: 10px 10%; background-color: #fff; margin-top:10px; box-shadow: 0 0 6px -2px #636362; border-radius: 5px;}
    .mylinkTitle{width:98%;height:50px;line-height: 50px;padding-left: 2%; float:left;border-top-left-radius:5px;border-top-right-radius:5px;color: #FFFFFF;font-weight: bold;font-size: 16px;}
    .mylinkText{text-align:center; float:left; height:50px; width:98%; padding: 0 1%; font-size:12px; line-height:25px}
    .mylink_bana{float:left; width:100%; padding-bottom:10px}
    .mylink_bana_li{width:100%; float:left; font-size: 14px; text-align: center;}
    .mylinkTextSpc {width:100%; float:left; font-size: 14px; text-align: center; line-height:20px;}
    .mylinkTextSpc{font-size:12px; height:20px; margin-bottom:10px;}
    .mylinkTable{float:left; width:100%; margin-bottom:10px;}
    .mylinkTd01{font-size:12px; line-height:20px; color:#333; height:20px; text-align:center;}
    
}

/*TB:body-------------------------------------*/
@media screen and (min-width: 500px) and (max-width: 1083px){
    
    .linkCont {float: left;  width: 90%; margin-left: 5%; margin-right: 5%;}
    .linkWrap {float: left; width: 100%; border: 1px solid #333;margin-top: 20px;margin-bottom: 19px; box-sizing: border-box; border-radius: 5px;}
    .linkSpc {float: left; width: 100%;padding-top: 10px;}
    .linkTitle {float: left; height: 50px;width: 100%; color: #FFF; font-weight: bold; font-size: 16px; line-height: 50px;text-align: center;}
    
    .spBanabox {float: left;height: auto; width: 100%; margin-top: 10px;margin-bottom: 20px; text-align: center;}
    .spBana {display:  none !important;}
    .spBanaTablePc {display: none !important;}
    .spBanaTablePc tr td{border-collapse:collapse;border-spacing:0;line-height:0px;padding: 0px;margin: 0px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;}
    .spBanaTablePc img{border: 0px;padding: 0px;margin: 0px;line-height: 0px;}
    .spBanaSc {display: block !important; float: left;height: 60px;width: 468px;margin-right: 4px;margin-bottom: 7px;border: 1px solid #CCC;}
    .spbana468 {max-width: 468px;width: 92%;}
    
    .big468box{margin-bottom: 5px;float: left; width: 100%; text-align: center;}
    .big468{float: left;width: 92%; margin-right: 4%; margin-left: 4%; margin-bottom: 5px;}
    .big468 a{text-decoration: none;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;float: left;width: 100%;}
    .big468 a:hover{-webkit-transform: scale(1.02);-moz-transform: scale(1.02);-o-transform: scale(1.02);transform: scale(1.02);float: left;width: 100%;}
    .big468Bana {max-width: 468px;width: 92%;}
    
    .middle200box{margin-bottom: 5px;float: left; width: 100%;}
    .middle200{float: left; width: 200px; margin-right: 6px; margin-bottom: 5px; padding: 1px; height: 56px;}
    .middle200 a{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; float: left; width: 200px;}
    .middle200 a:hover{-webkit-transform: scale(1.08); -moz-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08); float: left; width: 200px;}
    .middle200Img{float: left; height: 40px; width: 200px;}
    .middle200Name{float: left; font-size: 10px; height: 16px; line-height: 16px; width: 200px; white-spce: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-align: center; box-sizing: border-box; font-family: "メイリオ"; background: #BF7FFF; color: #FFFFFF;
        border-left: solid 1px #2D2D2D; border-right: solid 1px #2D2D2D; border-bottom: solid 1px #2D2D2D;}
    
    .small88box{margin-bottom: 5px; float: left; width: 100%;}
    .small88{float: left; width: 88px; margin-right: 6px; margin-bottom: 6px; margin-left: 6px; height: 47px; padding: 1px;}
    .small88 a{text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; float: left; width: 88px; height: 31px;}
    .small88 a:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);float: left;width: 88px;}
    .small88Img{height: 31px; width: 88px;}
    .small88Name{float: left; font-size: 10px; height: 16px; line-height: 16px; width: 88px; white-spce: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-align: center; box-sizing: border-box; font-family: "メイリオ"; background: #BF7FFF; color: #FFFFFF;
        border-left: solid 1px #2D2D2D; border-right: solid 1px #2D2D2D; border-bottom: solid 1px #2D2D2D;}
    
    /* mylink */
    .mylinkBox {border: 1px solid #f69; float: left; height: auto; width: 80%; margin: 10px 10%; background-color: #fff; box-shadow: 0 0 6px -2px #636362; border-radius: 5px;}
    .mylinkTitle{width: 98%; height: 50px; line-height: 50px; padding-left: 2%; float: left; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #FFFFFF; font-weight: bold; font-size: 16px;}
    .mylinkText{text-align:center; float:left; height:50px; width:98%; padding: 0 1%; font-size:12px; line-height:25px}
    .mylink_bana{float:left; width:100%; padding-bottom:10px}
    .mylinkTextSpc,.mylink_bana_li{line-height:20px; float:left; width:100%; font-size: 14px; text-align: center;}
    .mylinkTextSpc{font-size:12px; height:20px; margin-bottom:10px;}
    .mylinkTable{float:left; width:100%; margin-bottom:10px;}
    .mylinkTd01{font-size:12px; line-height:20px; color:#333; height:20px; text-align:center;}
    
}

/*SP:body-------------------------------------*/
@media screen and (max-width: 499px){
    
    .linkCont{float: left;  width: 90%; margin-left: 5%; margin-right: 5%;}
    .linkWrap{float: left; width: 100%; border: 1px solid #333;margin-top: 20px;margin-bottom: 19px;box-sizing: border-box; border-radius: 5px;}
    .linkSpc{float: left; width: 100%;padding-top: 10px;}
    .linkTitle{float: left; height: 40px;width: 100%; color: #FFF; font-weight: bold; font-size: 16px; line-height: 40px;text-align: center;}
    
    .spBanabox{float: left; width: 100%; margin-top: 10px;margin-bottom: 10px; text-align: center;}
    .spBanaPc{display:  none !important;}
    .spBanaTablePc{display: none !important;}
    .spBanaTablePc tr td{border-collapse:collapse;border-spacing:0;line-height:0px;padding: 0px;margin: 0px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;}
    .spBanaTablePc img{border: 0px;padding: 0px;margin: 0px;line-height: 0px;}
    .spBanaSc{display: block !important; float: left;height: 60px;width: 468px;margin-right: 4px;margin-bottom: 7px;border: 1px solid #CCC;}
    .spbana468 {max-width: 468px;width: 92%;margin-left: 4%; margin-right: 4%;}
    
    .big468box{margin-bottom: 5px;float: left; width: 100%;}
    .big468{float: left;width: 96%; margin-right: 2%; margin-left: 2%; margin-bottom: 2px;}
    .big468 a{text-decoration: none;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;float: left;width: 100%;}
    .big468 a:hover{-webkit-transform: scale(1.02);-moz-transform: scale(1.02);-o-transform: scale(1.02);transform: scale(1.02);float: left;width: 100%;}
    .big468Bana {width: 100%;}
    
    .middle200box{margin-bottom: 2px; float: left; width: 100%;}
    .middle200{float: left; width: 200px; margin-right: 6px; margin-bottom: 5px; padding: 1px; height: 56px;}
    .middle200 a{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; float: left; width: 200px;}
    .middle200 a:hover{-webkit-transform: scale(1.08); -moz-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08); float: left; width: 200px;}
    .middle200Img{float: left; height: 40px; width: 200px;}
    .middle200Name{float: left; font-size: 10px; height: 16px; line-height: 16px; width: 200px; white-spce: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-align: center; box-sizing: border-box; font-family: "メイリオ"; background: #BF7FFF; color: #FFFFFF;
        border-left: solid 1px #2D2D2D; border-right: solid 1px #2D2D2D; border-bottom: solid 1px #2D2D2D;}
    
    .small88box{margin-bottom: 2px; float: left; width: 100%;}
    .small88{float: left; width: 88px; margin-right: 6px; margin-bottom: 6px; margin-left: 6px; height: 47px; padding: 1px;}
    .small88 a{text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; float: left; width: 88px; height: 31px;}
    .small88 a:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);float: left;width: 88px;}
    .small88Img{height: 31px; width: 88px;}
    .small88Name{float: left; font-size: 10px; height: 16px; line-height: 16px; width: 88px; white-spce: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-align: center; box-sizing: border-box; font-family: "メイリオ"; background: #BF7FFF; color: #FFFFFF;
    border-left: solid 1px #2D2D2D; border-right: solid 1px #2D2D2D; border-bottom: solid 1px #2D2D2D;}
    
}