@charset "utf-8";

html{width: 100%; overflow-x: hidden;}
body{background:#fffbdf url('bg_top.jpg') top center repeat-x; width: 100%; overflow-x: hidden; font-size:0.16rem; line-height: 150%;}
.wrap{background: url('top_img.jpg') top center no-repeat;}
#top .inwmob{width: 950px;max-width: 100%; margin-left: auto;margin-right: auto; box-sizing: border-box;}
.cont_mob#container{ width: 100%; }
.inheader{ height: 980px; position: relative;}
.ban_tps{position: absolute; bottom: 5.1%;  display: block; width: 36.2%;transition: opacity 0.3s;}
.ban_tps:hover{ opacity: 0.8; }
.ban_top01{left: 0;}
.ban_top02{left: 36.8%;}

.inpgmenu{ background: #000; }
.indconts{ background:url("./bg_inner.jpg") 0 0 repeat;}

.kaedinnermob{ padding: 0.5rem 0; }
.keadtitle{ text-align: center; padding:0 0.5rem 0.5rem 0.5rem;}
.keadtitle img{max-height: 100%;}

.keadinct{ display: flex; flex-wrap: wrap;}
.keadcdimg{ width: 48.6%; padding-right: 4.2%; }
.keadcdimg img{ border: 0.02rem solid #000; }
.keadcdcon{ width: 47.2%; line-height: 160%; }
.inioctit{ display: inline-block; color: #fff; background: #f77c09; font-weight: bold; font-size: 1.5em; line-height: 130%; padding: 0 0.2em; }

.kead_pvinner{ padding-top: 0.1rem; }
.keadpv{ width: 50%;}
.keadytb{ position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}
.keadytb iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.kead_chara{ background:url("./bg_inner02.jpg") 0 0 repeat; }
.kead_charaslide{ position: relative; }

.ban_slide{ position: absolute; top: calc(50% - 0.4rem); width:0.8rem; height: 0.8rem; z-index: 20; background-color: #fff; box-shadow: 0 0 0.2rem #cac8c9; border-radius: 999px;transform-origin: 50% 50%;cursor: pointer;transition: box-shadow 0.3s;}
.ban_slide span{ display:block; position: relative; width: 0.04rem; height: 0.3rem; margin: 0.25rem auto;background-color: #849ca4; border-radius: 999px;}
.ban_slide span::before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 0.2rem; border-radius: 999px; background-color: #849ca4; transform-origin: 0 0; transform: rotate(45deg); }
.ban_slide span::after{content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 0.2rem; border-radius: 999px; background-color: #849ca4; transform-origin: 100% 0; transform: rotate(-45deg); }
.chara-prev{ left: 0.2rem; transform: rotate(-90deg);}
.chara-next{ right: 0.2rem;transform: rotate(90deg);}
.ban_slide:hover{box-shadow: 0 0 0.2rem #969394;}
.ban_slide:hover span,.ban_slide:hover span::before,.ban_slide:hover span::after{background-color: #fea209;}
.chara-pagination{position: static; text-align: center;padding: 0.2rem;  }
.chara-pagination span{ width: 0.4rem; height: 0.06rem; border-radius: 99px; background-color:#858585; opacity: 1;transition: all 0.2s; margin: 1px 2px;}
.chara-pagination .swiper-pagination-bullet-active{ width: 0.8rem; background-color:#fc8d09; }
.chara_pv{ padding: 0.2rem 0 0 0; }

.ban_fpdf{ text-align: center;font-size: 1.4em; font-weight: bold; }
.ban_fpdf a{ display: inline-block;padding: 1em 1em; border-radius: 1em;color: #fff;background: #f9b000;border: 2px solid #ffffff;box-shadow: 0 0 0.3em #ffd151;overflow: hidden; transition:background 0.3s ;}
.ban_fpdf a:hover{text-decoration: none;background: #fc4301;}


.kead_info{}
.kead_intx{ text-align: center; padding-bottom: 0.3rem; }
.keadcdcdlist{padding: 0 3.2% 3.2% 3.2%; width: 50%; box-sizing: border-box; text-align: center;}
.cdstitle{ border: 0.03rem solid #000; background-color: #fff; padding: 0.2em 0;box-sizing: border-box; margin-bottom: 0.2rem;text-align: center;}
.kead_snimg{border: 0.03rem solid #000; background-color: #fff;width: 100%; height: 0; padding-bottom: 100%; box-sizing: border-box; position: relative;}
.kead_snimg img{ position: absolute; display: block;max-width: 90%; max-height: 90%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.kead_snimg .cdlistimg01{left: 25%; max-width: 49%;}
.kead_snimg .cdlistimg02{left: 75%; max-width: 49%;}

.keadinc_s{ display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: space-between;}
.kead_cdins{ width: 31.57%; text-align: center; padding-bottom: 4%; }
.kead_sntit{padding-bottom: 0.1rem;}
.kead_sline{ margin: 0.07rem 0; height: 3px; background-color: #fc8d09; }






@media screen and (max-width:768px){
html{ width:100%; overflow-x:hidden; }
body{ width:100%; overflow-x:hidden; }
.wrap{background-size: 150% auto; background-position: center -0.85rem;}

.inheader{ height: 6.7rem; }

#top .inwmob{margin: 0 4%; width: 92%;}
.keadpv{ width: 100%;margin-bottom: 0.2rem;}
.keadcdcdlist{ width: 100%; }
.cdstitle{ font-size: 1.3em; line-height: 120%;box-sizing: border-box; }
.kead_cdins{ width: 48.5%;margin-bottom: 3%;}

}