/*
基本CSS

横幅　1000px
ホバー透明度　opacity: 0.6;
*/
@import url('https://fonts.googleapis.com/css?family=Cinzel:400,700,900');
.cinzelFont{ font-family: 'Cinzel', serif;}
@import url('https://fonts.googleapis.com/css?family=Tauri&subset=latin-ext');
.tauriFont{ font-family: 'Tauri', sans-serif;}

.clearfix { *zoom: 1;}
.clearfix:before,
.clearfix:after { display: table; line-height: 0; content: "";}
.clearfix:after { clear: both;}

.forPC{ display: block !important;}
.forTABLET{ display: none;}
.forSP{ display: none !important;}

a{ text-decoration: none; transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; outline: none;}
a:hover{ transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out;}

h1,h2,h3,h4,h5{ letter-spacing: 0.1em;}
p{ font-size: 16px; font-weight: normal; letter-spacing: 0.1em; margin-right: -0.1em; text-align: left;}
.indent { padding-left:1.5em; text-indent:-1.5em;}
.mt40{ margin-top: 40px !important;}
.mt20{ margin-top: 20px !important;}

.wapper{ width: 100%; overflow: hidden;}
.w1000Box{ width: 1000px; overflow: hidden; margin: 0 auto;}


/* start header */
header{ width: 100%; overflow: hidden; background-color: #fff;}
header .hgroup{ width: 1000px; height: 61px; overflow: hidden; margin: 10px auto; position: relative;}
header .hgroup h1{ width: auto; display: block; text-align: center; position: absolute; left: 0; right: 0;}
header .hgroup h2{ display: block;position: absolute; z-index: 10; margin-top: 20px;}
header .hgroup h2#logo_gd{ left: 0; position: absolute;}
header .hgroup h2#logo_tdl{ display: block; right: 10px; position: absolute;width: 39px;height: 32px;}
header nav{ width: 100%; overflow: hidden; border-top: 2px solid #760307; background-color: #A8050E; }
header nav ul{ width: 1000px; overflow: hidden; margin: 0 auto; text-align: center;}
header nav ul li{ display: inline-block; margin: 0 15px; padding: 10px 0 4px 0.1em; border-bottom: 4px solid #A8050E; transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out;}
header nav ul li:nth-child(1){ margin-left: 0;}
header nav ul li:last-child{ margin-right: 0;}
header nav ul li:hover{ border-bottom: 4px solid #760307; transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out;}
header nav ul li a{ color: #fff; font-size: 20px; letter-spacing: 0.1em; font-weight: 400;}
header nav ul li:hover a{ color: #760307;}
header .spmenu_btn{right: 60px;}
/* end header */

/* start main images */
#mainArea{ width: 1000px; overflow: hidden; margin: 0 auto 15px;}
#mainArea a:hover{ opacity: 0.6;}
#mainArea .left{ width: 216px; /* height: 625px; */ float: left;}
#mainArea .right{ width: 784px; /* height: 625px; */ padding-left: 15px; box-sizing: border-box; float: left;}
#mainArea .right .stageBox{ width: 100%; overflow: hidden; padding-top: 17px;}
#mainArea .right .stageBox iframe,
#mainArea .right .stageBox a{ float: left; margin-right: 15px; display: block;}
#mainArea .right .stageBox a:last-child{ margin-right: 0;}
#mainArea .right .stageBox a img{ vertical-align: bottom;}
/* end main images */

/* start top ranking */
.wapper.ranking .motion { display: none;}
.wapper.ranking #motion_area2 { display: block;}

.wapper.ranking .header{ width: 100%; overflow: hidden; padding: 20px 0; margin-bottom: 1px; background-color: #000000;}
.wapper.ranking .header .hgroup{ width: 1000px; overflow: hidden; margin: 0 auto; padding: 0 40px; box-sizing: border-box;}
.wapper.ranking .header .hgroup h2{ font-size: 40px; color: #fff; text-align: center; border-bottom: 1px solid #fff;}
.wapper.ranking .header .hgroup h3{ font-size: 18px; color: #fff; text-align: center; padding-top: 16px;}

.wapper.ranking .w1000Box a:hover{ opacity: 0.6;}
.wapper.ranking .w1000Box .left{ width: 500px; overflow: hidden; float: left;}
.wapper.ranking .w1000Box .left a{ width: 100%; overflow: hidden; display: block; position: relative; color: #fff;}
.wapper.ranking .w1000Box .left a .noBgBox{ width: 0; height: 0; border-style: solid; border-width: 170px 170px 0 0; border-color: rgba(0, 0, 0, 0.75) transparent transparent transparent; position: absolute;}
.wapper.ranking .w1000Box .left a .noBox{ position: absolute; z-index: 10; left: 20px; letter-spacing: 0.1em;}
.wapper.ranking .w1000Box .left a .noBgBox:before{ border-right: 1px solid #fff; position: absolute; content:" "; z-index: 10px; height: 260px; transform:rotate(45deg); top: -210px; left: 80px;}
.wapper.ranking .w1000Box .left a .noBox span.s{ font-size: 26px;}
.wapper.ranking .w1000Box .left a .noBox span.b{ font-size: 56px;}
.wapper.ranking .w1000Box .left a .textBox{ position: absolute; z-index: 10; bottom: 0; width: 100%;}
.wapper.ranking .w1000Box .left a .textBox .proof{ width: 100%; overflow: hidden; text-align: center; color: #000; background-color: rgba(127, 127, 127, 0.5); border-left: 10px solid rgba(38, 38, 38, 0.7); border-right: 10px solid rgba(38, 38, 38, 0.7); box-sizing: border-box; padding-top: 2px;}
.wapper.ranking .w1000Box .left a .textBox .nameArea{ width: 100%; overflow: hidden; margin: 10px 0 10px 0; background-color: rgba(0, 0, 0, 0.7); color: #fff; text-align: center; padding: 10px 0 5px;}
.wapper.ranking .w1000Box .left a .textBox .nameArea span.post{ font-size: 15px; display: block; margin: 0 auto; height: 20px;}
.wapper.ranking .w1000Box .left a .textBox .nameArea span.name{ font-size: 20px; display: block; margin: 0 auto;}

.wapper.ranking .w1000Box ul.right{ width: 500px; overflow: hidden; float: left;}
.wapper.ranking .w1000Box ul.right li{ width : calc(100% / 2); float: left; list-style: none;}
.wapper.ranking .w1000Box ul.right a{ width: 100%; overflow: hidden; display: block; position: relative; color: #fff;}
.wapper.ranking .w1000Box ul.right a .noBgBox{ width: 0; height: 0; border-style: solid; border-width: 90px 90px 0 0; border-color: rgba(0, 0, 0, 0.75) transparent transparent transparent; position: absolute;}
.wapper.ranking .w1000Box ul.right a .noBgBox:before{ border-right: 1px solid #fff; position: absolute; content:" "; z-index: 10px; height: 160px; transform:rotate(45deg); top: -120px; left: 40px;}
.wapper.ranking .w1000Box ul.right a .noBox{ position: absolute; z-index: 10; left: 10px; letter-spacing: 0.1em;}
.wapper.ranking .w1000Box ul.right a .noBox span.s{ font-size: 13px;}
.wapper.ranking .w1000Box ul.right a .noBox span.b{ font-size: 25px;}
.wapper.ranking .w1000Box ul.right a .textBox{ position: absolute; z-index: 10; bottom: 0; width: 100%;}
.wapper.ranking .w1000Box ul.right a .textBox .proof{ width: 100%; overflow: hidden; text-align: center; color: #000; background-color: rgba(127, 127, 127, 0.5); border-left: 10px solid rgba(38, 38, 38, 0.7); border-right: 10px solid rgba(38, 38, 38, 0.7); box-sizing: border-box; padding-top: 2px; line-height: 1.4}
.wapper.ranking .w1000Box ul.right a .textBox .nameArea{ width: 100%; overflow: hidden; margin: 10px 0 9px 0; background-color: rgba(0, 0, 0, 0.7); color: #fff; text-align: center; padding: 10px 0 5px;}
.wapper.ranking .w1000Box ul.right a .textBox .nameArea span.post{ font-size: 15px; display: block; margin: 0 auto; height: 20px;}
.wapper.ranking .w1000Box ul.right a .textBox .nameArea span.name{ font-size: 20px; display: block; margin: 0 auto;}

.wapper.ranking .footer{ width: 100%; overflow: hidden; padding: 40px 0; background-color: #000000;}
.wapper.ranking .footer .tabBtn{ width: 1000px; overflow: hidden; margin: 0 auto; text-align: center;}
.wapper.ranking .footer .tabBtn a{ width: 400px; overflow: hidden; display: inline-block; padding: 14px 10px 10px 16px; color: #000; background-color: #424242; background-image: url(../images/item01.png); background-position: 98% 6px; background-repeat: no-repeat; vertical-align: bottom;}
.wapper.ranking .footer .tabBtn a.active{ color: #fff; background-image: url(../images/item02.png);}
.wapper.ranking .footer .tabBtn a:hover{ opacity: 0.6;}
/* end top ranking */

/* start top movie */
.wapper.movie .header{ width: 100%; overflow: hidden; padding: 20px 0; margin: 20px 0 0; background-color: #800746;}
.wapper.movie .header .hgroup{ width: 1000px; overflow: hidden; margin: 0 auto; padding: 0 40px; box-sizing: border-box;}
.wapper.movie .header .hgroup h2{ font-size: 40px; color: #fff; text-align: center; border-bottom: 1px solid #fff;}
.wapper.movie .header .hgroup h3{ font-size: 18px; color: #fff; text-align: center; padding-top: 16px;}

.wapper.movie .w1000Box .slide-wrap{ height: 186px; left: 50%; margin-left: -500px; position: absolute; width: 1000px;}
.wapper.movie .w1000Box .bx-wrapper{ width: 1000px;  box-shadow: 0 0 0 #F4F4F4; border: 0px none; overflow: hidden; background-color: #fff; margin-bottom: 0;}
.wapper.movie .w1000Box .bxslider-movie li{ width: 333px !important; height: 186px; overflow: hidden; background-position: center center;}
.wapper.movie .w1000Box .bxslider-movie li a{ overflow: hidden; display: block;}
.wapper.movie .w1000Box .bx-wrapper .bx-controls-direction a{ background-color: rgba(51, 51, 51, 0.8);}
.wapper.movie .w1000Box .bx-wrapper .bx-controls-direction a.bx-prev{ background-image: url(../images/item03.png); background-repeat: no-repeat; height: 45px;}
.wapper.movie .w1000Box .bx-wrapper .bx-controls-direction a.bx-next{ background-image: url(../images/item04.png); background-repeat: no-repeat; height: 45px;}

.wapper.movie .footer{ width: 100%; overflow: hidden; padding: 40px 0; background-color: #CFBCCF;}
.wapper.movie .footer a{ width: 240px; overflow: hidden; display: block; padding: 14px 10px 10px 16px; color: #CFBCCF; background-color: #800746; border-radius: 50px; vertical-align: bottom; margin: 0 auto; text-align: center;}
.wapper.movie .footer a:hover{ opacity: 0.6;}
/* end top movie */

/* start top photo */
.wapper.photo .header{ width: 100%; overflow: hidden; padding: 20px 0; margin: 20px 0 0; background-color: #969683;}
.wapper.photo .header .hgroup{ width: 1000px; overflow: hidden; margin: 0 auto; padding: 0 40px; box-sizing: border-box;}
.wapper.photo .header .hgroup h2{ font-size: 40px; color: #fff; text-align: center; border-bottom: 1px solid #fff;}
.wapper.photo .header .hgroup h3{ font-size: 18px; color: #fff; text-align: center; padding-top: 16px;}

.wapper.photo .w1000Box .slide-wrap{ height: 222px; left: 50%; margin-left: -500px; position: absolute; width: 1000px;}
.wapper.photo .w1000Box .bx-wrapper{ width: 1000px;  box-shadow: 0 0 0 #F4F4F4; border: 0px none; overflow: hidden; background-color: #fff; margin-bottom: 0;}
.wapper.photo .w1000Box .bxslider-photo li{ width: 333px !important; height: 250px; overflow: hidden; background-position: center center;}
.wapper.photo .w1000Box .bxslider-photo li a{ overflow: hidden; display: block; position: relative;}
.wapper.photo .w1000Box .bxslider-photo li a:hover{ opacity: 0.6;}
.wapper.photo .w1000Box .bxslider-photo li a img{ width: 100% !important;}
.wapper.photo .w1000Box .bxslider-photo li a .title{ width: 100%; overflow: hidden; position: absolute; bottom: 0; background-color: rgba(0, 0, 0, 0.7); color: #fff; padding: 5px 10px 2px; box-sizing: border-box; margin-bottom: 10px; text-align: center; letter-spacing: 0.1em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.wapper.photo .w1000Box .bx-wrapper .bx-controls-direction a{ background-color: rgba(51, 51, 51, 0.8);}
.wapper.photo .w1000Box .bx-wrapper .bx-controls-direction a.bx-prev{ background-image: url(../images/item03.png); background-repeat: no-repeat; height: 45px;}
.wapper.photo .w1000Box .bx-wrapper .bx-controls-direction a.bx-next{ background-image: url(../images/item04.png); background-repeat: no-repeat; height: 45px;}

.wapper.photo .footer{ width: 100%; overflow: hidden; padding: 40px 0; background-color: #E1E1DC;}
.wapper.photo .footer a{ width: 240px; overflow: hidden; display: block; padding: 14px 10px 10px 16px; color: #E1E1DC; background-color: #969683; border-radius: 50px; vertical-align: bottom; margin: 0 auto; text-align: center;}
.wapper.photo .footer a:hover{ opacity: 0.6;}
/* end top photo */

/* start top instagram */
.wapper.instagram .header{ width: 100%; overflow: hidden; padding: 20px 0; margin: 20px 0 0; background-color: #FECE3B;}
.wapper.instagram .header .hgroup{ width: 1000px; overflow: hidden; margin: 0 auto; padding: 0 40px; box-sizing: border-box;}
.wapper.instagram .header .hgroup h2{ font-size: 40px; color: #000; text-align: center; border-bottom: 1px solid #000;}
.wapper.instagram .header .hgroup h3{ font-size: 18px; color: #000; text-align: center; padding-top: 16px;}

.wapper.instagram .footer{ width: 100%; overflow: hidden; padding: 40px 0; background-color: #FEEFB7;}
.wapper.instagram .footer a{ width: 240px; overflow: hidden; display: block; padding: 14px 10px 10px 16px; color: #99732B; background-color: #FECE3B; border-radius: 50px; vertical-align: bottom; margin: 0 auto; text-align: center;}
.wapper.instagram .footer a:hover{ opacity: 0.6;}

.wapper.instagram {display:block;}
.wapper.instagram ul.instagramBox{/*max-width: 999px;*/ margin:auto;}
.wapper.instagram ul.instagramBox li.thumbBox{ width:20%; margin:0; padding:0; float:left; list-style:none; }
.wapper.instagram ul.instagramBox li.thumbBox img{ width:100%; }
.wapper.instagram ul.instagramBox li.thumbBox img{ max-height:35%; }
/* end top instagram */

/* start top schedule */
.wapper.schedule{ background-color: #D7ECFE; margin: 20px 0 0;}
.wapper.schedule .header{ width: 100%; overflow: hidden; padding: 20px 0; background-color: #B5DCFD;}
.wapper.schedule .header .hgroup{ width: 1000px; overflow: hidden; margin: 0 auto; padding: 0 40px; box-sizing: border-box;}
.wapper.schedule .header .hgroup h2{ font-size: 40px; color: #000; text-align: center; border-bottom: 1px solid #000;}
.wapper.schedule .header .hgroup h3{ font-size: 18px; color: #000; text-align: center; padding-top: 16px;}

.wapper.schedule .w1000Box{ background-color: #E6F5FE;}
.wapper.schedule .w1000Box .swiper-container{ width: 100%; overflow: hidden; position: relative;}
.wapper.schedule .w1000Box .swiper-container .swiper-header{ position: absolute; width: 100%; overflow: hidden; z-index: 10; height: 50px;}
.wapper.schedule .w1000Box .swiper-container .swiper-header .swiper-button-prev{ width: 24px; height: 50px; background-size: 50px; left: 0; top: 0; margin: 0;}
.wapper.schedule .w1000Box .swiper-container .swiper-header .swiper-button-next{ width: 24px; height: 50px; background-size: 50px; right: 0; top: 0; margin: 0;}
.wapper.schedule .w1000Box .swiper-container .swiper-wrapper .swiper-slide .month{ width: 100%; overflow: hidden; text-align: center; font-size: 18px;}
.wapper.schedule .w1000Box .swiper-container .swiper-wrapper .swiper-slide table{ width: 100%; overflow: hidden;}
.wapper.schedule .w1000Box .swiper-container .swiper-wrapper .swiper-slide table tr td{ vertical-align:bottom; overflow: hidden;}
.wapper.schedule .w1000Box .swiper-container .swiper-wrapper .swiper-slide table tr:nth-child(2n+1) td:nth-child(1){ width: 130px; padding: 10px 30px 8px; box-sizing: border-box; background-color: #B5DCFD;}
.wapper.schedule .w1000Box .swiper-container .swiper-wrapper .swiper-slide table tr:nth-child(2n+2) td:nth-child(1){ width: 130px; padding: 10px 30px 8px; box-sizing: border-box; background-color: #C9E6FE;}
.wapper.schedule .w1000Box .swiper-container .swiper-wrapper .swiper-slide table tr td:nth-child(1){ font-size: 18px; font-weight: 100;}
.wapper.schedule .w1000Box .swiper-container .swiper-wrapper .swiper-slide table tr td span.date{ display: inline-block; float: left;}
.wapper.schedule .w1000Box .swiper-container .swiper-wrapper .swiper-slide table tr td span.day{ font-size: 12px; display: inline-block; float: left; margin: 5px 0 0 15px;}
.wapper.schedule .w1000Box .swiper-container .swiper-wrapper .swiper-slide table tr:nth-child(2n+1) td:nth-child(2){ padding: 10px 30px 8px; box-sizing: border-box; background-color: #C9E6FE;}
.wapper.schedule .w1000Box .swiper-container .swiper-wrapper .swiper-slide table tr:nth-child(2n+2) td:nth-child(2){ padding: 10px 30px 8px; box-sizing: border-box; background-color: #B5DCFD;}
.wapper.schedule .w1000Box .swiper-container .swiper-wrapper .swiper-slide table tr td:nth-child(2){ font-size: 14px; padding: 10px; box-sizing: border-box;}
/*日曜*/.wapper.schedule .w1000Box .swiper-container .swiper-wrapper .swiper-slide table tr td.sun{ color: #b41e1e;}
/*土曜*/.wapper.schedule .w1000Box .swiper-container .swiper-wrapper .swiper-slide table tr td.sat{ color: #3264b9;}

.wapper.schedule .w1000Box .footer{ width: 100%; overflow: hidden; padding: 40px 0; background-color: #E6F5FE;}
.wapper.schedule .w1000Box .footer a{ width: 240px; overflow: hidden; display: block; padding: 14px 10px 10px 16px; color: #6697C6; background-color: #B5DCFD; border-radius: 50px; vertical-align: bottom; margin: 0 auto; text-align: center;}
.wapper.schedule .w1000Box .footer a:hover{ opacity: 0.6;}
/* end top schedule */

/* start top news */
.wapper.news{ background-color: #E9FFE9; margin: 20px 0 0;}
.wapper.news a{color:#333;}
.wapper.news a:hover{ color:#999;}
.wapper.news .header{ width: 100%; overflow: hidden; padding: 20px 0; background-color: #B4C8B5;}
.wapper.news .header .hgroup{ width: 1000px; overflow: hidden; margin: 0 auto; padding: 0 40px; box-sizing: border-box;}
.wapper.news .header .hgroup h2{ font-size: 40px; color: #000; text-align: center; border-bottom: 1px solid #000;}
.wapper.news .header .hgroup h3{ font-size: 18px; color: #000; text-align: center; padding-top: 16px;}

.wapper.news .w1000Box ul{ width: 100%; overflow: hidden; list-style: none;}
.wapper.news .w1000Box ul li{ width: 100%; overflow: hidden; padding: 10px 20px 8px; box-sizing: border-box;}
.wapper.news .w1000Box ul li:nth-child(2n+1){ background-color: #EBFFEC;}
.wapper.news .w1000Box ul li:nth-child(2n+2){ background-color: #DCF0DD;}
.wapper.news .w1000Box ul li .left{ float: left; font-size: 12px; margin-right: 20px; margin-top: 1px; min-width: 100px;}
.wapper.news .w1000Box ul li .right{ float: left; font-size: 14px;}

.wapper.news .w1000Box .footer{ width: 100%; overflow: hidden; padding: 40px 0; background-color: #F4FFF4;}
.wapper.news .w1000Box .footer a{ width: 240px; overflow: hidden; display: block; padding: 14px 10px 10px 16px; color: #6e8c6e; background-color: #B4C8B5; border-radius: 50px; vertical-align: bottom; margin: 0 auto; text-align: center;}
.wapper.news .w1000Box .footer a:hover{ opacity: 0.6;}
/* end top news */

/* start top pickup */
.wapper.pickup .header{ width: 100%; overflow: hidden; padding: 20px 0; margin: 20px 0 0; background-color: #DBBFDB;}
.wapper.pickup .header .hgroup{ width: 1000px; overflow: hidden; margin: 0 auto; padding: 0 40px; box-sizing: border-box;}
.wapper.pickup .header .hgroup h2{ font-size: 40px; color: #000; text-align: center; border-bottom: 1px solid #000;}
.wapper.pickup .header .hgroup h3{ font-size: 18px; color: #000; text-align: center; padding-top: 16px;}

.wapper.pickup .wapper .left{ width: 50%; float: left; overflow: hidden; height: 600px;}
.wapper.pickup .wapper ul.right{ width: 50%; float: left; overflow: hidden; max-height: 600px; list-style: none;}
.wapper.pickup .wapper ul.right li{ width : calc(100% / 2); float: left; height: 300px;}
.wapper.pickup .wapper .left img,
.wapper.pickup .wapper .right img{ width: 100%;}

.wapper.pickup .left{position: relative;}
.wapper.pickup .left a .textBox{ position: absolute; z-index: 10; bottom: 0; width: 100%;}
.wapper.pickup .left a .textBox .proof{ width: 100%; overflow: hidden; text-align: center; color: #000; background-color: rgba(127, 127, 127, 0.5); border-left: 10px solid rgba(38, 38, 38, 0.7); border-right: 10px solid rgba(38, 38, 38, 0.7); box-sizing: border-box; padding-top: 2px;}
.wapper.pickup .left a .textBox .nameArea{ width: 100%; overflow: hidden; margin: 10px 0 10px 0; background-color: rgba(0, 0, 0, 0.7); color: #fff; text-align: center; padding: 10px 0 5px;}
.wapper.pickup .left a .textBox .nameArea span.post{ font-size: 15px; display: block; margin: 0 auto; height: 20px;}
.wapper.pickup .left a .textBox .nameArea span.name{ font-size: 20px; display: block; margin: 0 auto;}

.wapper.pickup .div1077{position: relative;}
.wapper.pickup .right a .textBox{ position: absolute; z-index: 10; bottom: 0; width: 100%;}
.wapper.pickup .right a .textBox .proof{ width: 100%; overflow: hidden; text-align: center; color: #000; background-color: rgba(127, 127, 127, 0.5); border-right: 10px solid rgba(38, 38, 38, 0.7); border-right: 10px solid rgba(38, 38, 38, 0.7); box-sizing: border-box; padding-top: 2px;}
.wapper.pickup .right a .textBox .nameArea{ width: 100%; overflow: hidden; margin: 10px 0 10px 0; background-color: rgba(0, 0, 0, 0.7); color: #fff; text-align: center; padding: 10px 0 5px;}
.wapper.pickup .right a .textBox .nameArea span.post{ font-size: 15px; display: block; margin: 0 auto; height: 20px;}
.wapper.pickup .right a .textBox .nameArea span.name{ font-size: 20px; display: block; margin: 0 auto;}

.wapper.pickup .footer{ width: 100%; overflow: hidden; padding: 40px 0 0; background-color: #DBBFDB;}
/* end top pickup */

/* start top banner */
.wapper.banner{ width: 1000px; overflow: hidden; padding: 20px 0 0; margin: 0 auto;}
.wapper.banner ul{ text-align: center;}
.wapper.banner ul li{ width: 320px; display: inline-block; margin-top: 20px;}
.wapper.banner ul li a:hover{ opacity: 0.6;}
.wapper.banner ul li:nth-child(3n+2){ margin: 20px 15px 0;}
/* end top banner */

/* start top gd */
.wapper.group{ width: 1000px; overflow: hidden; padding: 40px 0 0; margin: 0 auto;}
.wapper.group .logoBox{ width: 1000px; overflow: hidden; margin: 0 auto; position: relative:}
.wapper.group .logoBox svg{ position: absolute; z-index: 10; left: 0; right: 0; margin: 0 auto; background-color: #fff; padding: 0 10px;}
.wapper.group .logoBox hr{ width: 100%; display: block; margin-top: 25px; border-color: #000;}

.wapper.group ul{ text-align: center;}
.wapper.group ul li{ width: 320px; display: inline-block; margin-top: 40px;}
.wapper.group ul li a svg{ transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out;}
.wapper.group ul li a:hover svg{ opacity: 0.6; transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out;}
.wapper.group ul li a p{ font-size: 11px; color: #000; text-align: center;}
.wapper.group ul li:nth-child(3n+2){ margin: 40px 15px 0;}
/* end top gd */

/* start footer */
footer{ width: 100%; overflow: hidden; margin: 70px 0 0; padding: 40px 0; border-bottom: 1px solid #000; border-top: 1px solid #000;}
footer .w1000Box{ position: relative; overflow: visible;}
footer .w1000Box .shop{ width: 300px; overflow: hidden; margin: 0 auto;}
footer .w1000Box .shop svg{ margin: 0 auto 20px; display: block;}
footer .w1000Box .shop p{ font-size: 11px; color: #000; text-align: center;}
footer .w1000Box .sns{ position: absolute; right: 0; bottom: -18px; z-index: 10; height: 48px;}
footer .w1000Box .sns a{ text-decoration: none; transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; outline: none;}
footer .w1000Box .sns a:hover{ text-decoration: none; transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; outline: none; opacity: 0.6;}

.footerText{ width: 100%; overflow: hidden; text-align: center; font-size: 12px;}
.footerText p{ width: 100%; overflow: hidden; text-align: center; font-size: 12px;}
.footerText p#text{ margin: 20px 0;}
.footerText p#copy{ background-color: #808080; color: #fff; padding-top: 3px; margin: 0 0 40px;}
#totop{ position: fixed; bottom: 10px; right: 10px;}
/* end footer */