body.site-body {
background: #fff;
color: black;
width: 100%;
height: auto;
padding: 207px 0px 0px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

header.site-header {
position: fixed !important;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 207px;
background-color: rgba(255,255,255,0.92);
color: #fff;
z-index: 10000;
transition: all 0.3s;
}

header.site-header.smaller {
height: 80px;
}

header.site-header h1 {
margin: 0 auto;
padding: 40px 0px 40px;
width: 1000px;
height: auto;
text-align: center;
transition: all 0.3s;
}

header.site-header.smaller h1 {
padding: 15px 0px 15px;
}

header.site-header h1 img {
width: auto;
height: 72px;
transition: all 0.3s;
}

header.site-header.smaller h1 img {
height: 50px;
}

header.site-header h2 {
margin: 0 auto;
width: 1000px;
height: auto;
text-align: center;
transition: all 0.3s;
}

header.site-header.smaller h2 {
display: none;
}

header.site-header h2 div {
float: left;
width: auto;
height: 24px;
margin: 0px 0px 0px 23px;
}

header.site-header h2 div.info {
margin-left: 4px;
}

header.site-header h2 div a {
height: 24px;
overflow: hidden;
display: block;
}

header.site-header h2 div a.info:before {
content: url("./images/header-menu-info.png");
display: block;
}

header.site-header h2 div a.info.active:before {
content: url("./images/header-menu-info-active.png");
display: block;
}

header.site-header h2 div a.live:before {
content: url("./images/header-menu-live.png");
display: block;
}

header.site-header h2 div a.live.active:before {
content: url("./images/header-menu-live-active.png");
display: block;
}

header.site-header h2 div a.calender:before {
content: url("./images/header-menu-calender.png");
display: block;
}

header.site-header h2 div a.calender.active:before {
content: url("./images/header-menu-calender-active.png");
display: block;
}

header.site-header h2 div a.prof:before {
content: url("./images/header-menu-prof.png");
display: block;
}

header.site-header h2 div a.prof.active:before {
content: url("./images/header-menu-prof-active.png");
display: block;
}

header.site-header h2 div a.disc:before {
content: url("./images/header-menu-disc.png");
display: block;
}

header.site-header h2 div a.disc.active:before {
content: url("./images/header-menu-disc-active.png");
display: block;
}

header.site-header h2 div a.shop:before {
content: url("./images/header-menu-shop.png");
display: block;
}

header.site-header h2 div a.shop.active:before {
content: url("./images/header-menu-shop-active.png");
display: block;
}

header.site-header h2 div a.mail-magazine:before {
content: url("./images/header-menu-mail-magazine.png");
display: block;
}

header.site-header h2 div a.mail-magazine.active:before {
content: url("./images/header-menu-mail-magazine-active.png");
display: block;
}

header.site-header h2 div a.contact:before {
content: url("./images/header-menu-contact.png");
display: block;
}

header.site-header h2 div a.contact.active:before {
content: url("./images/header-menu-contact-active.png");
display: block;
}

div.header-sub-menu {
position: fixed;
top: 12px;
left: 6px;
z-index: 10001;
}

div.header-sub-menu dl {
margin-right: 14px;
float: right;
}

div.header-sub-menu dl.social {
position: fixed;
left: 6px;
top: 40;
}

div.header-sub-menu dl img.social {
margin-left: 6px;
width: auto;
height: 26px;
}

div.header-sub-menu dl.header-sub-menu-select {
padding: 7px 0px;
width: auto;
height: 11px;
}

dt.mob-menu-wrap {
width: 100px;
height: 200px;
display: none;
opacity: 0;
transition: all 0.3s;
}

dt.mob-menu-wrap.smaller {
display: initial;
opacity: 100;
}

dt.mob-menu-wrap div.mob-menu-button {
width: 100px;
height: 100px;
background: black;
}

dt.mob-menu-wrap div.mob-menu {
width: 100px;
height: 100px;
background: gray;
display: none;
}

dt.mob-menu-wrap {
position: fixed;
top: 10px;
right: 0px;
width: 100px;
height: auto;
display: block;
}

dt.mob-menu-wrap div.mob-menu-button {
width: 50px;
height: 50px;
background: rgba(0,0,0,0.05);
border-radius: 2px; 
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
padding: 10px;
text-align: center;
font-size: 0.7em;
cursor: pointer;
}

dt.mob-menu-wrap div.mob-menu-button div.first, dt.mob-menu-wrap div.mob-menu-button div.second, dt.mob-menu-wrap div.mob-menu-button div.third {
width: 80%;
height: 4px;
background: rgba(0,0,0,0.3);
border-radius: 2px; 
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
margin: 5px auto 0px;
}

dt.mob-menu-wrap div.mob-menu {
width: 280px;
height: auto;
background: rgba(255,255,255,0.96);
display: none;
margin-left: -180px;
}

div.mob-menu h2 {
margin: 0 auto;
padding: 20px 10px;
width: auto;
height: auto;
text-align: right;
}

div.mob-menu h2 div {
width: auto;
height: 28px;
margin: 0px 0px 20px 10px;
}

div.mob-menu h2 div a {
height: 28px;
overflow: hidden;
display: block;
}

div.mob-menu h2 div a.info:before {
content: url("/images/header-menu-info.png");
display: block;
-webkit-transform: scale(1);  
-moz-transform: scale(1);
position: relative;
left: -46px;
top: 4px;
}

div.mob-menu h2 div a.info.active:before {
content: url("/images/header-menu-info-active.png");
display: block;
-webkit-transform: scale(1);  
-moz-transform: scale(1);
position: relative;
left: -46px;
top: 4px;
}

div.mob-menu h2 div a.live:before {
content: url("/images/header-menu-live.png");
display: block;
-webkit-transform: scale(1);  
-moz-transform: scale(1);
position: relative;
left: -46px;
top: 4px;
}

div.mob-menu h2 div a.live.active:before {
content: url("/images/header-menu-live-active.png");
display: block;
-webkit-transform: scale(1);  
-moz-transform: scale(1);
position: relative;
left: -46px;
top: 4px;
}

div.mob-menu h2 div a.calender:before {
content: url("/images/header-menu-calender.png");
display: block;
-webkit-transform: scale(1);  
-moz-transform: scale(1);
position: relative;
left: -46px;
top: 4px;
}

div.mob-menu h2 div a.calender.active:before {
content: url("/images/header-menu-calender-active.png");
display: block;
-webkit-transform: scale(1);  
-moz-transform: scale(1);
position: relative;
left: -46px;
top: 4px;
}

div.mob-menu h2 div a.prof:before {
content: url("/images/header-menu-prof.png");
display: block;
-webkit-transform: scale(1);  
-moz-transform: scale(1);
position: relative;
left: -46px;
top: 4px;
}

div.mob-menu h2 div a.prof.active:before {
content: url("/images/header-menu-prof-active.png");
display: block;
-webkit-transform: scale(1);  
-moz-transform: scale(1);
position: relative;
left: -46px;
top: 4px;
}

div.mob-menu h2 div a.disc:before {
content: url("/images/header-menu-disc.png");
display: block;
-webkit-transform: scale(1);  
-moz-transform: scale(1);
position: relative;
left: -46px;
top: 4px;
}

div.mob-menu h2 div a.disc.active:before {
content: url("/images/header-menu-disc-active.png");
display: block;
-webkit-transform: scale(1);  
-moz-transform: scale(1);
position: relative;
left: -46px;
top: 4px;
}

div.mob-menu h2 div a.shop:before {
content: url("/images/header-menu-shop.png");
display: block;
-webkit-transform: scale(1);  
-moz-transform: scale(1);
position: relative;
left: -46px;
top: 4px;
}

div.mob-menu h2 div a.shop.active:before {
content: url("/images/header-menu-shop-active.png");
display: block;
-webkit-transform: scale(1);  
-moz-transform: scale(1);
position: relative;
left: -46px;
top: 4px;
}

div.mob-menu h2 div a.mail-magazine:before {
content: url("/images/header-menu-mail-magazine.png");
display: block;
-webkit-transform: scale(1);  
-moz-transform: scale(1);
position: relative;
left: -46px;
top: 4px;
}

div.mob-menu h2 div a.mail-magazine.active:before {
content: url("/images/header-menu-mail-magazine-active.png");
display: block;
-webkit-transform: scale(1);  
-moz-transform: scale(1);
position: relative;
left: -46px;
top: 4px;
}

div.mob-menu h2 div a.contact:before {
content: url("/images/header-menu-contact.png");
display: block;
-webkit-transform: scale(1);  
-moz-transform: scale(1);
position: relative;
left: -46px;
top: 4px;
}

div.mob-menu h2 div a.contact.active:before {
content: url("/images/header-menu-contact-active.png");
display: block;
-webkit-transform: scale(1);  
-moz-transform: scale(1);
position: relative;
left: -46px;
top: 4px;
}

div.index-content {
background: #fff;
margin: 0 auto;
width: 100%;
height: auto;
text-align: center;
}

div.index-content div.index-banner-style {
margin: 0 auto;
height: auto;
border: solid 4px black;
border-left: 0px;
border-right: 0px;
padding: 5px 0px;
}

div.index-content div.index-topix {
margin: 0 auto;
padding: 30px 0px 20px;
width: 1000px;
height: 320px;
text-align: center;
}

div.index-content div.index-topix div {
border: solid 10px black;
width: 290px;
height: 290px;
float: left;
margin: 0px 0px 0px 20px;
padding: 10px 0px 0px 10px;
text-align: left;
}

div.index-content div.index-topix div.start {
margin: 0px;
}

div.index-content div.index-topix div.youtube {
background: black;
}

div.index-content div.index-topix div h1 {
width: 220px;
height: 37px;
float: left;
}

div.index-content div.index-topix div h1.twitter {
height: 42px;
padding: 0px 0px 5px;
}

div.index-content div.index-topix div h1.youtube {
padding: 0px 0px 15px;
}

div.index-content div.index-topix div h1.facebook {
height: 43px;
padding: 0px 0px 5px;
}

div.index-content div.index-topix div h2 {
margin: 10px 0px 0px;
width: 51px;
height: 37px;
float: left;
}

div.index-content div.index-topix div h3 {
width: 290px;
height: 243px;
overflow: scroll;
}

div.index-content div.index-topix div h3::-webkit-scrollbar {
width: 14px;
height: 0px;
}

div.index-content div.index-topix div h3::-webkit-scrollbar-track {
background: #d6d3d3;
}

div.index-content div.index-topix div h3::-webkit-scrollbar-thumb {
background: #a9a8a8;
}

div.index-content div.index-topix div h3::-webkit-scrollbar-thumb {
background: #a9a8a8;
}

div.index-content div.index-topix div h3.twitter {
overflow: hidden;
}

div.index-content div.index-topix div h3 dl {
border: solid 2px black;
border-left: 0px;
border-right: 0px;
border-bottom: 0px;
width: 260px;
height: 4px;
}

div.index-content div.index-topix div h3 dt {
border: solid 2px black;
border-left: 0px;
border-right: 0px;
border-bottom: 0px;
width: 260px;
height: auto;
color: black;
font-size: 0.9em;
padding: 10px 0px;
margin-top: 2px;
}

div.index-content div.index-topix div h3 div.facebook {
border: 0px;
padding: 0px;
margin: 0px;
height: 243px;
}

div.index-content div.index-topix-line2 {
padding: 0px;
}

.twitter-timeline {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

footer.site-footer {
background: #fff;
padding: 38px 0px 62px;
height: 128px;
text-align: center;
}

footer.site-footer div {
height: auto;
margin-bottom: 46px;
}

footer.site-footer div a img, footer.site-footer div img {
height: 70px;
}

footer.site-footer h1 {
margin: 0 auto;
width: 1000px;
height: auto;
}

div.category-header {
border-width: 7px 0px 0px 0px;
border-style: solid;
width: 100%;
height: 77px;
}

div.category-sub {
margin: 0 auto;
padding-top: 24px;
width: auto;
height: 24px;
text-align: center;
}

div.category-sub.info {
width: 130px;
}

div.category-sub.disc {
width: 524px;
}

div.category-sub div {
float: left;
width: auto;
height: 23px;
margin: 0px 0px 0px 14px;
font-size: 0.8em;
}

div.category-sub div.news, div.category-sub div.album {
margin: 0px;
}

div.category-sub div a {
height: 23px;
overflow: hidden;
display: block;
}

div.category-sub div a.news:before {
content: url("./images/info-sub-news.png");
display: block;
}

div.category-sub div a.news.active:before {
content: url("./images/info-sub-news-active.png");
display: block;
}

div.category-sub div a.media:before {
content: url("./images/info-sub-media.png");
display: block;
}

div.category-sub div a.media.active:before {
content: url("./images/info-sub-media-active.png");
display: block;
}

div.category-sub div a.album:before {
content: url("./images/disc-sub-album.png");
display: block;
}

div.category-sub div a.album.active:before {
content: url("./images/disc-sub-album-active.png");
display: block;
}

div.category-sub div a.single:before {
content: url("./images/disc-sub-single.png");
display: block;
}

div.category-sub div a.single.active:before {
content: url("./images/disc-sub-single-active.png");
display: block;
}

div.category-sub div a.analog:before {
content: url("./images/disc-sub-analog.png");
display: block;
}

div.category-sub div a.analog.active:before {
content: url("./images/disc-sub-analog-active.png");
display: block;
}

div.category-sub div a.video:before {
content: url("./images/disc-sub-video.png");
display: block;
}

div.category-sub div a.video.active:before {
content: url("./images/disc-sub-video-active.png");
display: block;
}

div.category-sub div a.va:before {
content: url("./images/disc-sub-va.png");
display: block;
}

div.category-sub div a.va.active:before {
content: url("./images/disc-sub-va-active.png");
display: block;
}

div.category-sub div a.overseas:before {
content: url("./images/disc-sub-overseas.png");
display: block;
}

div.category-sub div a.overseas.active:before {
content: url("./images/disc-sub-overseas-active.png");
display: block;
}

div.category-header.info {
border-color: #77a5fe;
background: #a0c0fe url(./images/info-header.png) center center no-repeat;
background-size: auto 30px;
}

div.category-header.live {
border-color: #bf75fd;
background: #d29efe url(./images/live-header.png) center center no-repeat;
background-size: auto 30px;
}

div.category-header.calender {
border-color: #5ee1df;
background: #8eeae9 url(./images/calender-header.png) center center no-repeat;
background-size: auto 30px;
}

div.category-header.disc {
border-color: #fd8a8a;
background: #feadad url(./images/disc-header.png) center center no-repeat;
background-size: auto 30px;
}

div.category-header.prof {
border-color: #fd8ace;
background: #feaddd url(./images/prof-header.png) center center no-repeat;
background-size: auto 30px;
}

div.category-header.mail-magazine {
border-color: #fff607;
background: #fff951 url(./images/mail-magazine-header.png) center center no-repeat;
background-size: auto 30px;
}

div.category-header.contact {
border-color: #54e997;
background: #87f0b6 url(./images/contact-header.png) center center no-repeat;
background-size: auto 30px;
}

div.info-content {
margin: 34px auto 0px;
padding: 0px 0px 32px;
width: 864px;
border-width: 0px 0px 2px 0px;
border-style: solid;
border-color: black;
font-size: 0.8em;
}

div.info-content h1 {
color: #80abfe;
font-size: 1.8em;
font-weight: bold;
}

div.info-content h2 {
color: #777777;
font-size: 1.2em;
padding: 14px 0px;
}

div.info-content h2 span {
color: #fff;
font-weight: bold;
padding: 7px;
margin-right: 7px;
background: #77a5fe;
letter-spacing: 1px;
}

div.info-content h3 {
line-height: 160%;
}

div.live-content {
margin: 34px auto 0px;
padding: 0px 0px 32px;
width: 864px;
border-width: 0px 0px 2px 0px;
border-style: solid;
border-color: black;
font-size: 0.8em;
}

div.live-content h1 {
color: #bf75fd;
font-size: 1.8em;
font-weight: bold;
}

div.live-content h2 {
color: #777777;
font-size: 1.2em;
padding: 7px 0px;
}

div.live-content h2 span {
color: #fff;
font-weight: bold;
padding: 7px;
margin-right: 7px;
background: #bf75fd;
letter-spacing: 1px;
}

div.live-content h3 {
line-height: 160%;
margin-top: 30px;
}

div.live-content h3 span {
font-size: 1.3em;
font-weight: bold;
}

div.pager {
margin: 40px auto;
width: 188px;
height: 16px;
text-align: center;
}

div.pager div {
float: left;
}

div.pager div.clearfix {
margin-left: 82px;
}

div.disc-content {
margin: 24px auto 0px;
width: 864px;
min-height: 300px;
font-size: 1.0em;
}

div.disc-content h1 {
float: left;
width: 400px;
height: auto;
}

div.disc-content h1 dl {
float: left;
width: 92px;
height: 92px;
margin: 0px 8px 8px 0px;
text-align: center;
}

div.disc-content h1 dl img {
width: auto;
height: 100%;
cursor: pointer;
}

div.disc-content h2 {
float: left;
width: 400px;
height: auto;
margin-left: 64px;
display: none;
}

div.disc-content h2.current {
display: block;
}

div.disc-content h2 dl {
width: 400px;
height: 400px;
text-align: center;
}

div.disc-content h2 dl img {
width: auto;
height: 100%;
}

div.disc-content h2 dt {
width: 400px;
height: auto;
}

div.disc-content h2 dt div.disc-title {
font-size: 2em;
color: #fd8a8a;
margin-top: 32px;
}

div.disc-content h2 dt div.disc-spec {
font-size: 1.4em;
margin-top: 20px;
line-height: 160%;
}

div.disc-content h2 dt div.disc-detail {
margin-top: 30px;
line-height: 160%;
}

div.calender-content {
margin: 24px auto 0px;
width: 800px;
min-height: 300px;
}

div.calender-content h1 {
margin: 0 auto;
width: 380px;
height: 53px;
}

div.calender-content h1 dl {
vertical-align: bottom;
float: left;
overflow: hidden;
width: auto;
height: 53px;
}

div.calender-content h1 dt {
vertical-align: bottom;
float: left;
padding: 0px 60px;
width: auto;
height: 53px;
}

div.calender-content h1 dt div {
float: left;
overflow: hidden;
text-align: left;
width: 20px;
height: 53px;
font-size: 0.1em;
}

div.calender-content h1 dt div.current-month {
width: 32px;
}

div.calender-content h1 dl a {
display: block;
width: 100%;
height: 100%;
}

div.calender-content h1 dl a.back:before {
content: url("./images/calender-back.png");
display: block;
-webkit-transform: scale(0.3529); 
-moz-transform: scale(0.3529);
position: relative;
top: 14px;
}

div.calender-content h1 dl a.next:before {
content: url("./images/calender-next.png");
display: block;
-webkit-transform: scale(0.3529); 
-moz-transform: scale(0.3529);
position: relative;
top: 14px;
}

div.calender-content h1 dt div.current-month-0:before {
content: url("./images/calender-0.png");
display: block;
-webkit-transform: scale(0.6363); 
-moz-transform: scale(0.6363);
position: relative;
top: -15px;
left: -5px;
}

div.calender-content h1 dt div.current-month-1:before {
content: url("./images/calender-1.png");
display: block;
-webkit-transform: scale(0.6363); 
-moz-transform: scale(0.6363);
position: relative;
top: -15px;
left: -5px;
}

div.calender-content h1 dt div.current-month-2:before {
content: url("./images/calender-2.png");
display: block;
-webkit-transform: scale(0.6363); 
-moz-transform: scale(0.6363);
position: relative;
top: -15px;
left: -5px;
}

div.calender-content h1 dt div.current-month-3:before {
content: url("./images/calender-3.png");
display: block;
-webkit-transform: scale(0.6363); 
-moz-transform: scale(0.6363);
position: relative;
top: -15px;
left: -5px;
}

div.calender-content h1 dt div.current-month-4:before {
content: url("./images/calender-4.png");
display: block;
-webkit-transform: scale(0.6363); 
-moz-transform: scale(0.6363);
position: relative;
top: -15px;
left: -5px;
}

div.calender-content h1 dt div.current-month-5:before {
content: url("./images/calender-5.png");
display: block;
-webkit-transform: scale(0.6363); 
-moz-transform: scale(0.6363);
position: relative;
top: -15px;
left: -5px;
}

div.calender-content h1 dt div.current-month-6:before {
content: url("./images/calender-6.png");
display: block;
-webkit-transform: scale(0.6363); 
-moz-transform: scale(0.6363);
position: relative;
top: -15px;
left: -5px;
}

div.calender-content h1 dt div.current-month-7:before {
content: url("./images/calender-7.png");
display: block;
-webkit-transform: scale(0.6363); 
-moz-transform: scale(0.6363);
position: relative;
top: -15px;
left: -5px;
}

div.calender-content h1 dt div.current-month-8:before {
content: url("./images/calender-8.png");
display: block;
-webkit-transform: scale(0.6363); 
-moz-transform: scale(0.6363);
position: relative;
top: -15px;
left: -5px;
}

div.calender-content h1 dt div.current-month-9:before {
content: url("./images/calender-9.png");
display: block;
-webkit-transform: scale(0.6363); 
-moz-transform: scale(0.6363);
position: relative;
top: -15px;
left: -5px;
}

div.calender-content h1 dt div.current-year-0:before {
content: url("./images/calender-0.png");
display: block;
-webkit-transform: scale(0.3636); 
-moz-transform: scale(0.3636);
position: relative;
left: -4px;
top: -4px;
}

div.calender-content h1 dt div.current-year-1:before {
content: url("./images/calender-1.png");
display: block;
-webkit-transform: scale(0.3636); 
-moz-transform: scale(0.3636);
position: relative;
left: -4px;
top: -4px;
}

div.calender-content h1 dt div.current-year-2:before {
content: url("./images/calender-2.png");
display: block;
-webkit-transform: scale(0.3636); 
-moz-transform: scale(0.3636);
position: relative;
left: -4px;
top: -4px;
}

div.calender-content h1 dt div.current-year-3:before {
content: url("./images/calender-3.png");
display: block;
-webkit-transform: scale(0.3636); 
-moz-transform: scale(0.3636);
position: relative;
left: -4px;
top: -4px;
}

div.calender-content h1 dt div.current-year-4:before {
content: url("./images/calender-4.png");
display: block;
-webkit-transform: scale(0.3636); 
-moz-transform: scale(0.3636);
position: relative;
left: -4px;
top: -4px;
}

div.calender-content h1 dt div.current-year-5:before {
content: url("./images/calender-5.png");
display: block;
-webkit-transform: scale(0.3636); 
-moz-transform: scale(0.3636);
position: relative;
left: -4px;
top: -4px;
}

div.calender-content h1 dt div.current-year-6:before {
content: url("./images/calender-6.png");
display: block;
-webkit-transform: scale(0.3636); 
-moz-transform: scale(0.3636);
position: relative;
left: -4px;
top: -4px;
}

div.calender-content h1 dt div.current-year-7:before {
content: url("./images/calender-7.png");
display: block;
-webkit-transform: scale(0.3636); 
-moz-transform: scale(0.3636);
position: relative;
left: -4px;
top: -4px;
}

div.calender-content h1 dt div.current-year-8:before {
content: url("./images/calender-8.png");
display: block;
-webkit-transform: scale(0.3636); 
-moz-transform: scale(0.3636);
position: relative;
left: -4px;
top: -4px;
}

div.calender-content h1 dt div.current-year-9:before {
content: url("./images/calender-9.png");
display: block;
-webkit-transform: scale(0.3636); 
-moz-transform: scale(0.3636);
position: relative;
left: -4px;
top: -4px;
}

div.calender-content h1 dt div.current-year-dot:before {
content: url("./images/calender-dot.png");
display: block;
-webkit-transform: scale(0.3636); 
-moz-transform: scale(0.3636);
position: relative;
left: -4px;
top: -4px;
}

div.prof-content {
margin: 34px auto 0px;
padding: 0px 0px 32px;
width: 864px;
font-size: 0.9em;
line-height: 168%;
}

div.prof-content h1 {
width: 100%;
height: 58px;
}

div.prof-content h1 div {
float: left;
height: 58px;
margin-left: 20px;
}

div.prof-content h1 div.first {
margin-left: 0px;
}

div.prof-content h1 div img {
height: 100%;
}

div.prof-content h1 div dt {
height: 18px;
}

div.prof-content h1 div dl {
margin-top: 12px;
height: 18px;
}

div.prof-content h1 div p {
margin-top: 10px;
height: 12px;
}

div.prof-content h1 div p.first {
margin-top: 0px;
}

div.prof-content h2 {
margin-top: 50px;
}

div.prof-content h2 img {
float: left;
margin: 0px 24px 24px 0px;
width: 100%;
height: auto;
}

div.prof-content img.icon {
margin-left: 10px;
}

div.mail-magazine-content {
margin: 34px auto 0px;
padding: 0px 0px 32px;
width: 864px;
border-width: 0px 0px 2px 0px;
border-style: solid;
border-color: black;
font-size: 1.0em;
line-height: 160%;
}

div.mail-magazine-content h1 {
padding: 0px 34px 0px;
}

div.mail-magazine-content h2 {
padding-top: 36px;
}

div.mail-magazine-content h2 div.form-pos {
width: 384px;
margin: 0px auto;
padding: 0px 24px;
font-size: 1.0em;
line-height: 160%;
float: left;
}

div.mail-magazine-content h2 div.form-pos dl div.type {
border: 1px black solid;
background: #fff607;
padding: 5px;
text-align: center;
font-size: 1.6em;
font-weight: bold;
margin-bottom: 20px;
}

div.mail-magazine-content h2 div.form-pos dl div.select {
margin-bottom: 20px;
}

div.mail-magazine-content h2 div.form-pos dl div.select.reject {
border-top: 1px solid black;
padding-top: 20px;
}

div.mail-magazine-content h2 div.form-pos dl div.checkbox {
float: left;
font-size: 1.0em;
}

div.mail-magazine-content h2 div.form-pos dl div.checkbox span {
font-size: 1.6em;
font-weight: bold;
}

div.mail-magazine-content h2 div.form-pos dl div.input-form {
width: 100%;
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid black;
}

div.mail-magazine-content h2 div.form-pos dl div.input-form.reject {
border: 0px;
margin-top: 0px;
padding-top: 0px;
}

div.mail-magazine-content h2 div.form-pos dl div.input-form input {
width: 100%;
border: 1px solid black;
font-size: 1.4em;
margin-bottom: 20px;
}

div.mail-magazine-content h2 div.form-pos dl div.input-form input.submit {
width: 30%;
height: 43px;
display: block;
border: 6px solid black;
background: #fff607;
font-size: 1.4em;
font-weight: bold;
margin: 20px auto 20px;
}

div.contact-content {
margin: 34px auto 0px;
padding: 0px 0px 32px;
width: 864px;
border-width: 0px 0px 2px 0px;
border-style: solid;
border-color: black;
font-size: 0.8em;
}
div.contact-mail-form h1, div.contact-mail-form h2 {
padding-bottom: 29px;
}

div.contact-mail-form h3 {
padding-bottom: 58px;
}

div.contact-mail-form h1 div, div.contact-mail-form h2 div, div.contact-mail-form h3 div, div.contact-mail-form h4 div {
width: 229px;
height: 37px;
float: left;
text-align: right;
padding-right: 22px;
display: table-cell;
vertical-align: middle;
}

div.contact-mail-form h1 dl, div.contact-mail-form h2 dl, div.contact-mail-form h3 dl, div.contact-mail-form h4 dl {
width: 403px;
float: left;
text-align: center;
}

div.contact-mail-form h1 dt, div.contact-mail-form h2 dt, div.contact-mail-form h3 dt, div.contact-mail-form h4 dt {
width: 233px;
float: left;
text-align: left;
}

div.contact-mail-form input, div.contact-mail-form textarea {
width: 100%;
font-size: 1.6em;
border: 0px;
padding: 4px;
background: #f6f6f6;
color: black;
}

div.contact-mail-form input.submit, div#formWrap input.submit {
margin: 0 auto;
width: 212px;
height: 46px;
background: #54e997;
border: 6px solid #87f0b6;
}

#formWrap {
	width:640px;
	margin:0 auto;
	color:#555;
	line-height:160%;
	font-size:0.8em;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
	margin-bottom: 58px;
}
table.formTable td,table.formTable th{
	border:6px solid #54e997;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:bold;
	background:#87f0b6;
	text-align:left;
	color: white;
}
p.error_messe{
	margin:5px 0;
	color:red;
}

a {
color: #F6AC00;
}

a:hover {
opacity: 0.75;
}

a:active, a:focus {
opacity: 0.6;
}


/* film_roll CSS */

.film_roll_wrapper {
   display: block;
   text-align: center;
   float: none;
   position: relative;
   top: auto;
   right: auto;
   bottom: auto;
   left: auto;
   z-index: auto;
   margin: 0 !important;
   padding: 0 !important;
   overflow: hidden;
   width: 100%;
 }
.film_roll_shuttle {
   text-align: left;
   float: none;
   position: relative;
   top: 0;
   left: 0;
   right: auto;
   bottom: auto;
   margin: 0 !important;
   padding: 0 !important;
   z-index: auto;
 }
 .film_roll_shuttle.vertical_center:before {
   content: '';
   display: inline-block;
   height: 100%;
   vertical-align: middle;
   margin-right: -0.25em;
 }
.film_roll_child {
  position: relative;
  display: inline-block;
  *display:inline;
  vertical-align:middle;
  zoom:1;
  padding-left: 10px;
}
.film_roll_prev, .film_roll_next {
   position: absolute;
   top: 56%;
   left: 15px;
   width: 20px;
   height: 20px;
   margin: -20px 0 0 0;
   padding: 0;
   font-size: 30px;
   font-weight: 100;
   line-height: 15px;
   color: white;
   text-align: center;
   background: #222;
   border: 3px solid white;
   border-radius: 12px;
   opacity: 0.5;
 }
.film_roll_prev:hover, .film_roll_next:hover {
   color: white;
   text-decoration: none;
   opacity: 0.9;
 }
.film_roll_next {
   left: auto;
   right: 15px;
 }
.film_roll_pager {
   text-align: center;
 }
.film_roll_pager a {
   width: 5px;
   height: 5px;
   border: 2px solid #333;
   border-radius: 5px;
   display: inline-block;
   margin: 0 5px 0 0;
   transition: all 1s ease;
 }
.film_roll_pager a:hover {
   background: #666;
 }
.film_roll_pager a.active {
   background: #333;
 }
.film_roll_pager span {
   display: none;
 }
 .film_roll_pager a, a.film_roll_prev, a.film_roll_next {
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
 }


.pc {
display: initial;
}

.mb {
display: none;
}


@media screen and (max-width: 700px){

body.site-body {
background: #fff;
color: black;
width: 1000px;
height: auto;
padding: 207px 0px 0px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 40px;
}

header.site-header {
position: fixed !important;
position: absolute;
top: 0;
left: 0;
width: 1000px;
height: 207px;
background-color: rgba(255,255,255,0.96);
color: #fff;
z-index: 10000;
}

header.site-header.smaller {
height: 207px;
}

header.site-header.smaller h1 {
padding: 40px 0px;
}

header.site-header h1 img {
width: auto;
height: 110px;
}

header.site-header.smaller h1 img {
width: auto;
height: 110px;
}

div.index-content div.index-banner-style {
margin: 0 auto;
width: 1000px;
height: auto;
border: solid 4px black;
border-left: 0px;
border-right: 0px;
padding: 5px 0px;
}

dt.mob-menu-wrap {
display:block;
right: 50px;
top: 30px;
width: 100px;
height: auto;
opacity: 100;
}

dt.mob-menu-wrap div.mob-menu-button {
width: 100px;
height: 100px;
}

dt.mob-menu-wrap div.mob-menu-button div.first, dt.mob-menu-wrap div.mob-menu-button div.second, dt.mob-menu-wrap div.mob-menu-button div.third {
height: 6px;
margin: 12px auto 0px;
}

div.mob-menu h2 {
margin: 0 auto;
padding: 40px 10px;
width: auto;
height: auto;
text-align: right;
}

div.mob-menu h2 div {
height: 62px;
}

div.mob-menu h2 div a {
height: 32px;
}

div.mob-menu h2 div a.info:before {
-webkit-transform: scale(1.333);  
-moz-transform: scale(1.333);
}

div.mob-menu h2 div a.info.active:before {
-webkit-transform: scale(1.333);  
-moz-transform: scale(1.333);
}

div.mob-menu h2 div a.live:before {
-webkit-transform: scale(1.333);  
-moz-transform: scale(1.333);
}

div.mob-menu h2 div a.live.active:before {
-webkit-transform: scale(1.333);  
-moz-transform: scale(1.333);
}

div.mob-menu h2 div a.calender:before {
-webkit-transform: scale(1.333);  
-moz-transform: scale(1.333);
}

div.mob-menu h2 div a.calender.active:before {
-webkit-transform: scale(1.333);  
-moz-transform: scale(1.333);
}

div.mob-menu h2 div a.prof:before {
-webkit-transform: scale(1.333);  
-moz-transform: scale(1.333);
}

div.mob-menu h2 div a.prof.active:before {
-webkit-transform: scale(1.333);  
-moz-transform: scale(1.333);
}

div.mob-menu h2 div a.disc:before {
-webkit-transform: scale(1.333);  
-moz-transform: scale(1.333);
}

div.mob-menu h2 div a.disc.active:before {
-webkit-transform: scale(1.333);  
-moz-transform: scale(1.333);
}

div.mob-menu h2 div a.shop:before {
-webkit-transform: scale(1.333);  
-moz-transform: scale(1.333);
}

div.mob-menu h2 div a.shop.active:before {
-webkit-transform: scale(1.333);  
-moz-transform: scale(1.333);
}

div.mob-menu h2 div a.mail-magazine:before {
-webkit-transform: scale(1.333);  
-moz-transform: scale(1.333);
}

div.mob-menu h2 div a.mail-magazine.active:before {
-webkit-transform: scale(1.333);  
-moz-transform: scale(1.333);
}

div.mob-menu h2 div a.contact:before {
-webkit-transform: scale(1.333);  
-moz-transform: scale(1.333);
}

div.mob-menu h2 div a.contact.active:before {
-webkit-transform: scale(1.333);  
-moz-transform: scale(1.333);
}

.film_roll_wrapper {
   display: block;
   text-align: center;
   float: none;
   position: relative;
   top: auto;
   right: auto;
   bottom: auto;
   left: auto;
   z-index: auto;
   margin: 0 !important;
   padding: 0 !important;
   overflow: hidden;
   width: 1000px;
 }

div.header-sub-menu dl.social {
position: fixed;
right: 10px;
top: 45px;
}

div.header-sub-menu dl img.social {
height: 48px;
}

header.site-header h2 {
margin: 0 auto;
width: 1000px;
height: auto;
text-align: center;
display: none;
}

div.category-header {
border-width: 7px 0px 0px 0px;
border-style: solid;
width: 1000px;
height: 77px;
}

div.category-sub.info {
width: 300px;
}

div.category-sub.disc {
width: 1000px;
}

div.index-content div.index-topix div h2 {
margin: 10px -20px 0px;
width: auto;
height: 37px;
float: left;
}

div.index-content div.index-topix div h2 a img {
width: auto;
height: 16px;
float: left;
}

div.info-content, div.prof-content, div.live-content, div.calender-content, div.disc-content, div.mail-magazine-content, div.contact-content {
width: 960px;
padding: 0 20px 32px;
}

.pc {
display: none;
}

.mb {
display: initial;
}


}