@charset "UTF-8";
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;-webkit-text-size-adjust:100%;}:where([hidden]:not([hidden='until-found'])){display:none!important}:where(html){-webkit-text-size-adjust:none;color-scheme:dark light}@supports not (min-block-size:100dvb){:where(html){block-size:100%}}@media (prefers-reduced-motion:no-preference){:where(html:focus-within){scroll-behavior:smooth}}:where(body){block-size:100%;block-size:100dvb;line-height:1.5;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased}:where(input,button,textarea,select){font:inherit;color:inherit}:where(textarea){resize:vertical;resize:block}:where(button,label,select,summary,[role='button'],[role='option']){cursor:pointer}:where(:disabled){cursor:not-allowed}:where(label:has(>input:disabled),label:has(+input:disabled)){cursor:not-allowed}:where(button){border-style:solid}:where(a){text-underline-offset:.2ex}:where(ul,ol){list-style:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,picture,svg){max-inline-size:100%;block-size:auto}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3){line-height:calc(1em + 0.5rem)}:where(hr){border:none;border-block-start:1px solid;color:inherit;block-size:0;overflow:visible}:where(:focus-visible){outline:2px solid var(--focus-color,Highlight);outline-offset:2px}:where(.visually-hidden:not(:focus,:active,:focus-within,.not-visually-hidden)){clip-path:inset(50%)!important;height:1px!important;width:1px!important;overflow:hidden!important;position:absolute!important;white-space:nowrap!important;border:0!important}

.cf:before,.cf:after{content:"";display:table;}
.cf:after{clear:both;}
.cf{*zoom:1;}


html{font-size:62.5%;}
body{font-size:15px; font-size:1.5rem; font-family:'Noto Sans JP',system-ui, "Hiragino Sans", "YuGothic","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Gothic",sans-serif; letter-spacing:0.05em; line-height:1.6; text-align:center; -webkit-text-size-adjust:100%; color:#000; background:#fff; max-height: 100%; box-sizing:content-box; margin:0;}

img {width:100%; max-width:100%; height:auto;}
img[src$=".svg"] {width: 100%;}

/*Layout*/
a{color:#040000; text-decoration:none; opacity: 1; transition: 0.5s; -webkit-transition:0.5s; text-decoration:none;}
a:hover{opacity: 0.7; transition: 0.5s; -webkit-transition:0.5s;}
a.line{text-decoration:underline;}

br.pc{display:none;}
br.smp{display:block;}
@media only screen and (min-width:540px) {
br.smp{display:none;}
}
@media only screen and (min-width:740px) {
br.pc{display:block;}
}



.date br.smp{display:block;}
@media only screen and (min-width:800px) {
.date br.smp{display:none;}
}

.sml{padding-left:4px; font-size:0.8em;}

.box{max-width:800px; padding:10px 20px;}
@media only screen and (min-width:1010px) {
.box{padding:10px 0;}
}

body{position:relative;}
header #headerbox{width:100%;}
header #headerbox #hdlogo{width:100%;}
header #headerbox #hdlogo img{padding-top:5px; padding-left:10px; width:30%; max-width:110px; position:relative; z-index:999;}
header #headerbox .sns ul{display:flex; gap:8px; flex:1; justify-content:center;}
header #headerbox .sns li{width:30px;}
header{position:relative;}
header #headerbox{position:fixed; top:0; display:flex; justify-content:space-between; padding:6px 0; margin:0 auto 20px; height:80px; z-index:999;}
header #navibox{position:fixed; z-index: 990;  top:0; right: -120%; width:100%; height: 100vh; background:rgba(0, 0, 0, 0.85); transition: all 0.6s;}
header #navibox.panelactive{right: 0;}
header #navibox.panelactive #navibox ul{position: fixed; z-index: 999;  width: 100%; height: 100vh; overflow: auto; -webkit-overflow-scrolling: touch;}
header #navibox nav{}
header #navibox nav .navlogo{width:90px; margin:10px 0 0 40px;}
header #navibox ul{padding-top:40px; width:100%; z-index: 999; text-align:left; margin-left:40px; font-size:1.7rem;}
header #navibox ul li{margin-bottom:8px;}
header #navibox ul li a{display:block; color:#fff;}
header #navibox ul li.child a:before{content:"─"; margin-left:15px; padding-right:4px; color:#fff;}
header #headerbox .sns{margin-top:20px;}
header #menubox{position:fixed; z-index: 997; top:3px; right: 3px; cursor: pointer; width: 40px; height:38px; background:#fff;} 
header #menubox span{ display: inline-block; transition: all .4s; position: absolute; left:11px; height: 2px; border-radius: 2px; background-color: #000; width: 45%;}
header #menubox span:nth-of-type(1){top:13px;}
header #menubox span:nth-of-type(2){top:18px;}
header #menubox span:nth-of-type(3){top:23px;}
header #menubox.active span:nth-of-type(1){top: 12px; left: 12px; transform: translateY(6px) rotate(-45deg); width: 40%;}
header #menubox.active span:nth-of-type(2){opacity: 0;}
header #menubox.active span:nth-of-type(3){ top: 24px; left: 12px; transform: translateY(-6px) rotate(45deg); width: 40%;}
/* 固定ヘッダーのスタイル */
.header-navFixed {display:block; position: fixed; top: -80px; transition: top .5s; width: 100%; height:50px; background:rgba(0, 0, 0, 0.50);}
/* 固定ヘッダーが表示されたときのスタイル */
#hdlogo.is-show {top: 0; }

@media only screen and (min-width:740px) {
header #navibox ul{text-align:center; font-size:1.9rem; margin:0 auto;}
header #navibox ul li.child a:after{content:"─"; margin-right:15px; padding-left:4px; color:#fff;}
header #navibox nav .navlogo{margin:20px auto 0;}
}


/*content*/
.btn a{position:relative; display:block; width:80%; max-width:400px; margin:30px auto; background:#ffd700; color:#000; font-weight:800; padding:8px 0; font-size:1.8rem; border-radius:50px;  box-shadow: 0px 0px 6px 5px rgba(0, 0, 0, 0.30);}

.btn a img{position:absolute; top:28%; right:15px; width:20px;}

p{line-break:strict; text-align:justify; word-break:break-all; text-justify:inter-character; text-justify:inter-character; word-wrap:break-word; overflow-wrap:break-word; line-break:strict;}
strong{font-size:1.55rem; margin-bottom:4px;}

#fv{position:relative; padding-bottom:20px;}
#fv:before {content:""; display:block; position:fixed; top:0; left:0; z-index:-3; width:100%; height:100vh; background-repeat:no-repeat; background-position:50% 100%; background-image:url(../lib/bg-fv.jpg); background-size:cover; }
#fv .fvbox{margin:15% auto 0; left:0; right:0; z-index:2;}
#fv h1{width:95%; margin:0 auto;}
#fv .ostbox{padding:20px 0 10px; width:95%; margin:16px auto; background:#005bab; color:#fff;}
#fv .dramabox{padding:20px 0 10px; width:95%; margin:16px auto; background:#b50080; color:#fff;}
#fv .title{text-align:center; font-size:17px; font-weight:900;}
#fv .title img{height:22px; width:auto; margin:0 auto;}
#fv ul {width:fit-content; margin:8px auto;}
#fv ul li{display:flex; gap:2px; align-items:center; margin-bottom:10px; letter-spacing:0; line-height: 1;}
#fv ul li .pref{padding:4px 2px; margin-right:4px; font-family: "Outfit", sans-serif; font-weight:700; font-size:14px; border:1px solid #fff;}
#fv ul li .date{padding:1px; font-family: "Outfit", sans-serif; font-weight:700; font-size:19px;}
#fv ul li .date span{font-size:.85em;}
#fv ul li .week{font-size:.75em; margin-right:8px;}
#fv ul li .venue{font-size:1.6rem; font-weight:700; line-height:1.4;}

#fv .dramabox ul li{align-items:stretch;}
#fv .dramabox ul li .pref{display:flex; align-items:center; padding-bottom:4px;}
#fv ul li .datebox{display:flex; flex-wrap:wrap; justify-content:start; align-items:center; letter-spacing:0; line-height: 1;}
#fv ul li .datebox .venue{margin-top:4px; width:126px; flex: 1 1 300px; text-align:left;}

@media only screen and (min-width:740px) {
#fv .fvbox{margin:80px auto 0;}
#fv h1{width:78%; margin:0 auto; max-width:660px;}
#fv .title img{height:32px; width:auto; margin:0 auto;}
#fv .fvbox2{display:flex; width:100%; justify-content:center; margin-top:20px;}
#fv .ostbox{padding:20px; text-align:right;}
#fv .dramabox{padding:20px;}
#fv .ostbox .title{text-align:right; font-size:17px; font-weight:900;}
#fv .ostbox .title img{margin:0 0 0 auto;}
#fv .ostbox ul{margin:0 0 0 auto;}
#fv ul li{display:block; letter-spacing:0.05em;}
#fv ul li .pref{display:inline-block; margin-top:8px; font-size:1.5rem;}
#fv .ostbox ul li .datebox{margin:4px 0; justify-content:end; width:auto; text-align:right;}
#fv .ostbox ul li .week{margin-right:0;}
#fv ul li .date{font-size:2.4rem;}

#fv .dramabox ul{margin:0 0 0 0; text-align:left;}
#fv .dramabox ul li .pref{display:inline-block; margin:8px 0 0; font-size:1.5rem;}
#fv .dramabox .title{text-align:left; font-size:17px; font-weight:900;}
#fv .dramabox .title img{margin:0 0 0 0;}
#fv .dramabox ul li .datebox{margin:4px 0; justify-content:start; width:auto; text-align:right;}
#fv ul li .venue{font-size:1.9rem; font-weight:700;}
#fv ul li .datebox .venue{width:200px;}
}

.information{width:95%; max-width:550px; margin:0 auto 30px; background:rgba(255, 255, 255, 0.5); padding:10px 20px;}
.information .infotitle{text-align:left; font-family: "Outfit", sans-serif; font-weight:700; font-size:1.7rem;}
.information .date{font-family: "Outfit", sans-serif; letter-spacing:0;}
.information a{text-decoration:underline;}
.information ul{height:100px; overflow-y:auto;}
.information li{display:flex; gap:16px; justify-content:start; text-align:left; align-items: top;}
.information .red{margin-bottom:8px; color:#cc0000; font-weight:700; font-size:1.07em;}
@media only screen and (min-width:470px) {
.information ul{height:100px; overflow-y:auto;}
}

.pickbtn{max-width:550px; margin:0 20px 30px;}
@media only screen and (min-width:600px) {
.pickbtn{max-width:550px; margin:0 auto 30px;}
}


.fiximg {position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  pointer-events: none;}
.fiximg .bg {background: no-repeat center center/cover;  width: 100%;  height: 100vh;  position: sticky;  top: 0;  z-index: -1;
}
#ostdate .fiximg .bg{background-image:url(../lib/bg-music.jpg);}
#dramadate .fiximg .bg{background-image:url(../lib/bg-drama.jpg);}
#ticket .fiximg .bg{background-image:url(../lib/bg-ticket.jpg); height:100%;}

.content .mntitle img{height:42px; width:auto; margin:40px auto 0;}
#ostdate{position:relative; border-top:8px solid #005bab;}
#ostdate .content{position:relative; z-index:1; padding:10px 0;}
#dramadate{position:relative; border-top:8px solid #b50080; z-index:2;}
#dramadate .content{position:relative; z-index:1; padding:10px 0;}
#ticket{position:relative; border-top:8px solid #e78635; height:50%;}
#ticket .content{position:relative; z-index:1; padding:10px 0;}

.content .ostbox{padding:10px 0 5px; width:95%; margin:16px auto; background:#005bab; color:#fff; box-shadow: 2px 2px 0px 2px rgba(90, 86, 111, 0.45); max-width:1000px;}
.content .dramabox{padding:10px 0 5px; width:95%; margin:16px auto; background:#b50080; color:#fff; box-shadow: 2px 2px 0px 2px rgba(111, 86, 86, 0.45); max-width:1000px;}
.content .ticketbox{padding:10px 0 10px; width:95%; margin:16px auto; background:#e78635; color:#fff; box-shadow: 2px 2px 0px 2px rgba(86, 74, 43, 0.6);}
.content .title{text-align:center; font-size:1.7rem; font-weight:900;}
.content .title img{height:22px; width:auto; margin:0 auto;}
.content .title2{text-align:center; font-size:1.7rem; font-weight:900; padding-bottom:4px;}
.content ul.dateinfo{width:fit-content; margin:8px auto;}
.content ul.dateinfo li{display:flex; gap:2px; align-items:center; margin-bottom:10px; letter-spacing:0; line-height: 1;}
.content ul.dateinfo li .pref{padding:4px 2px; margin-right:4px; font-family: "Outfit", sans-serif; font-weight:700; font-size:14px; border:1px solid #fff;}
.content ul.dateinfo li .date{padding:1px; font-family: "Outfit", sans-serif; font-weight:700; font-size:19px;}
.content ul.dateinfo li .date span{fotn-size:.75rem;}
.content ul.dateinfo li .week{margin-right:8px;}
.content ul.dateinfo li .venue{font-size:16px; font-weight:700;}

.content .dramabox ul.dateinfo li{align-items:stretch;}
.content .dramabox ul.dateinfo li .pref{display:flex; align-items:center; padding-bottom:4px;}
.content ul.dateinfo li .datebox{display:flex; flex-wrap:wrap; justify-content:start; align-items:center; letter-spacing:0; line-height: 1.4;}
.content ul.dateinfo li .datebox .venue{margin-top:4px; width:65px; flex: 1 1 300px; text-align:left;}

.content .txt{padding:0 0 5px; width:92%; margin:16px auto; text-align:left; max-width:860px;}
.content .txt p strong{font-size:1.6rem; letter-spacing:0;}
.content .txt p{margin-bottom:16px;}

.content h3{margin:60px auto 24px; font-size:1.9rem; font-weight:700; letter-spacing:1.8; width:40%; max-width:200px;}
.content h3.ost{color:#005bab; padding-bottom:4px; border-bottom:2px solid #005bab;}
.content h3.drama{color:#b50080; padding-bottom:4px; border-bottom:2px solid #b50080;}

.content .cast{margin:0 20px;}
.content .cast ul li{display:block; margin-bottom:16px;}
.content .cast ul li .img{position:relative; width:100%; margin:0 auto 8px; overflow:hidden;}
.content .cast ul li .img .new{position:absolute; top:14px; left:-33px; padding:0 40px; background:#cc0000; color:#fff; font-family: "Outfit", sans-serif; font-weight:700; font-size:14px; transform: rotate(-45deg);}
.content .cast ul li .casttxt{flex:1; text-align:left;}
.content .cast ul li .name{margin-top:4px; font-size:1.8rem; font-weight:700;}
.content .cast ul li .name span{font-size:.75em;}
.content .cast ul li .date{display:inline-block; margin:4px 0 16px; font-weight:700; border:2px solid #000; padding:2px 5px; text-align:left; background:rgba(255, 255, 255, 0.2); letter-spacing:0; font-size:1.4rem;}
.content .cast ul li .date span{font-size:.85em; padding-right:8px;}
.content .cast ul li p{margin-top:12px; letter-spacing: 0;}
.content .cast ul li p.copy{font-size:1.2rem;}
.content .more{font-family: "Outfit", sans-serif; font-weight:500; font-size:15px;}

.content .cast ul.list{display:block; margin:0 0 0 25px;}
.content .cast ul.list li{display:list-item; list-style:disc; margin:0;}

.content .mc{margin:0 20px;}
.content .mc ul li{display:block; margin-bottom:16px;}
.content .mc ul li .img{position:relative; margin:8px auto; overflow:hidden;}
.content .mc ul li .img .new{position:absolute; top:14px; left:-33px; padding:0 40px; background:#cc0000; color:#fff; font-family: "Outfit", sans-serif; font-weight:700; font-size:14px; transform: rotate(-45deg);}
.content .mc ul li .casttxt{flex:1; text-align:left;}
.content .mc ul li .name{margin-top:4px; font-size:1.8rem; font-weight:700;}
.content .mc ul li .name span{font-size:.75em;}
.content .mc ul li .date{display:inline-block; margin:4px 0 16px; font-weight:700; border:2px solid #000; padding:2px 5px; text-align:center; min-width:120px; background:rgba(255, 255, 255, 0.2); letter-spacing:0; font-size:1.4rem;}
.content .mc ul li .date span{font-size:.85em; padding-right:8px;}
.content .mc ul li p{margin-top:12px; letter-spacing: 0;}
.content .mc ul li p.copy{font-size:1.2rem;}
.content .more{font-family: "Outfit", sans-serif; font-weight:500; font-size:15px;}

.content .mc ul.list{display:block; margin:0 0 0 25px;}
.content .mc ul.list li{display:list-item; list-style:disc; margin:0;}

.content .dateinfobox .dateinfo{width:90%;}
.content .dateinfobox .dateinfo li{flex-wrap:wrap; align-items:s; background:rgba(0, 0, 0, 0.44); padding:0; color:#fff;  box-shadow: 3px 3px 0px 2px rgba(254, 254, 254, 0.45);}
.content ul.note{width:88%; max-width:800px; margin:8px auto; text-align: left;}
.content ul.note li{font-size:1.3rem; text-indent: -1em; padding-left: 1em; letter-spacing:0;}
.content ul.note li:before{content:"＊";}

.content .cast p.center{text-align:center; margin-bottom:18px;}
@media only screen and (min-width:	640px) {
.content .cast ul li{display:flex; gap:8px; margin-bottom:16px; justify-content:center; align-items: top;}
.content .cast ul::after{content:""; display: block; width:calc(100% / 2 - 30px);}
.content .cast ul li .img{margin-top:8px; width:45%;}
.content .mc ul{display:flex; gap:5%; margin-bottom:16px; justify-content:center; align-items: top;}
.content .mc ul li{margin-top:16px; width:48%; text-align:center; max-width:375px;}
.content .mc ul li .casttxt{flex:1; text-align:center;}
}
@media only screen and (min-width:740px) {
.content h3{font-size:2.1rem;}
.content .title{font-size:1.9rem; margin-top:6px;}
.content .dateinfo{display:flex; justify-content: center; gap:30px;}
.content ul.dateinfo li .date{font-size:2.1rem;}
.content .dateinfobox .dateinfo{max-width:1000px;}
.content ul.dateinfo li .datebox .venue{width:140px;}
.content .more{font-size:1.7rem;}
}
@media only screen and (min-width:980px) {
.content .cast{max-width:1200px; margin:30px auto;}
.content .cast ul{display:flex; gap:20px; flex-wrap:wrap; justify-content:center;}
.content .cast ul li{display:flex; gap:16px;}
.content .cast ul li{width:calc(100% / 2 - 30px);}
.content .cast ul li .img{width:50%;}
.content .cast ul.list li{width:initial;}

.content .mc{max-width:1200px; margin:30px auto;}
.content .mc ul{margin:20px;}
.content .mc ul li{width:calc(100% / 4);}
}



#ticket p{text-align:center;}
#ticket .ticketbox{width:80%; max-width:600px;}
#ticket .content ul.note{width:auto; margin:0 0 8px 0; text-align:center;}
#ticket .orderbox{position:relative; margin:16px 20px;  padding:10px; border:2px solid #e78635; background:rgba(255, 255, 255, 0.252);}
#ticket .ordertitle{background:#e78635; color:#fff; margin-bottom:10px; font-size:18px; font-weight:700;}
#ticket .content .orderbox ul.note{text-align:left; margin:0 0 0 6px;}
#ticket .content .orderbox p{font-size:1.4rem; text-align:left; letter-spacing:0;}
#ticket .btn a img{transform: rotate(-90deg);}
#ticket .btn a{margin:10px auto 20px;}
#ticket .ticketdate{font-size:18px; font-size:1.8rem; font-weight:700;}
#ticket .content .orderbox .ticketdate ul.note{margin:10px auto 20px; font-weight:500; text-align:left;}
@media only screen and (min-width:480px) {
#ticket .content .orderbox .ticketdate ul.note{margin:10px auto 20px; font-weight:500; text-align:center;}
}
@media only screen and (min-width:930px) {
#ticket .ticketbox{width:800px; max-width:800px;}
#ticket .ticketinfo{position:relative; max-width:800px; margin:20px auto;}
#ticket p{margin-bottom:4px;}
#ticket .orderbox{margin:16px auto;}
#ticket .ordertitle{margin-bottom:30px;}
#ticket .ordertitle.type2{margin-bottom:10px;}
#ticket .content .orderbox .ticketdate ul.note{margin:0; font-weight:500; text-align:left;}
#ticket .content .orderbox p{font-size:1.5rem; text-align:left; letter-spacing:0;}
#ticket .content .orderbox ul.note{text-align:left; margin:0 0 0 14px;}
#ticket .ticketdate{text-align:left; margin:0 0 40px 16px;}
#ticket .btn a{margin-top:0;}
#ticket .btn{position:absolute; top:68px; right:0; width:400px;}
#ticket .btn a img{position:absolute; top:28%; right:15px; width:20px; transform: rotate(-90deg);}
}

.ftbn{margin:40px auto; max-width:450px; width:60%;}


footer{position:relative; z-index:7; padding:30px 0; background:rgba(4, 0, 0, 0.40); font-size:1.3rem; font-weight:400; text-align:left; color:#fff; letter-spacing:0;}
footer .ftinfo{margin-left:10px; margin-bottom:16px;}
footer .ftinfo li{text-indent: -1.4em; padding-left: 1.4em;}
footer .ftinfo li:before{content:"■"; margin-right:4px;}
footer .copy{margin-top:30px; font-size:12px; font-size:1.2rem; color:#fff; font-family: "Outfit", sans-serif; letter-spacing:0; text-align:center;}

@media only screen and (min-width:740px) {
footer{text-align:center;}
}

#pickup{width:95%; max-width:550px; margin:0 auto 30px; padding:20px; max-height:initial; background:rgba(255, 255, 255, 0.5); text-align:left; height:100%;}
#pickup .title{margin-bottom:16px; padding-bottom:8px; font-size:clamp(1.7rem, 1.627rem + 0.36vw, 1.9rem); font-weight:700; color:#b50080; text-align:left; border-bottom:2px solid #b50080;}
#pickup p{margin:0 auto; margin-bottom:16px;  font-size:clamp(1.4rem, 1.364rem + 0.18vw, 1.5rem); max-width:800px;}
#pickup p.right{text-align:right;}
#pickup .picktitle{font-weight:700; margin-left:-10px;}
#pickup ol{margin-bottom:16px; list-style:decimal; margin-left:20px}
@media only screen and (min-width:740px) {
#pickup{margin:0 auto 30px; padding:20px;}
}

/*fadein*/
.fadeUpTrigger,.fadeDownTrigger,.fadeLeftTrigger,.fadeRightTrigger{opacity: 0;}
.fade{animation-name:fadeAnime; animation-duration:1.5s; animation-fill-mode:forwards; opacity:0;}
@keyframes fadeAnime{
from {opacity: 0; transform: translateY(0);}
to {opacity: 1; transform: translateY(0);}
}
.fadeUp{animation-name:fadeUpAnime; animation-duration:1.5s; animation-fill-mode:forwards; opacity:0;}
@keyframes fadeUpAnime{
from {opacity: 0; transform: translateY(10px);}
to {opacity: 1; transform: translateY(0);}
}

.fadeDown{animation-name:fadeDownAnime; animation-duration:1.5s; animation-fill-mode:forwards; opacity:0;}
@keyframes fadeDownAnime{
from {opacity: 0; transform: translateY(-100px);}
to {opacity: 1; transform: translateY(0);}
}

.fadeLeft{animation-name:fadeLeftAnime; animation-duration:1.5s; animation-fill-mode:forwards; opacity:0; }
@keyframes fadeLeftAnime{
from {opacity: 0; transform: translateX(-100px);}
to {opacity: 1; transform: translateX(0);}
}

.fadeRight{animation-name:fadeRightAnime; animation-duration:1.5s; animation-fill-mode:forwards; opacity:0;}
@keyframes fadeRightAnime{
from {opacity: 0; transform: translateX(100px);}
to {opacity: 1; transform: translateX(0);}
}

/*TOP PAGE*/
#pagetop {
	position:fixed;
	bottom:20px;
	right:10px;
	font-size:1.3rem;
	font-weight:700;
	z-index:999;
}
#pagetop a {
	width:40px;
	margin-bottom:8px;
	text-decoration: none;
	color: #f8f8df;
	padding:10px 20px;
	text-align: center;
	border-radius: 3px;
}
#pagetop a img{width:40px; transform: rotate(-180deg);}
#pagetop a:hover {
	text-decoration: none;
}