@charset "UTF-8";
/* ### reset.scss ### */
/*
YUI 3.14.1 (build 63049cb)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html { color: #000; background: #FFF; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

q:before, q:after { content: ''; }

abbr, acronym { border: 0; font-variant: normal; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; *font-size: 100%; }

legend { color: #000; }

#yui3-css-stamp.cssreset { display: none; }

/* ### setting.scss ### */
#layout .cf, .globalNavBox .globalNavBoxWrap, .pageBox .pageBoxWrap1 .pageBoxWrap2, .footerBottom .footerBottomWrap, .btnHorizontal, .listHorizontal, .entry, .entry .bottom, .entryVisual .cover, .entryVisual .cover .bottom, .bnrList, .social .columnTwitter, .social .columnRss, .backnumber ul, .linkList ul, .twoColumn, .tab .tabBtnBox, .entryListThreeColumn, .entryTableTwoColumn, .entryTableThreeColumn, .TopNews { *zoom: 1; }
#layout .cf:after, .globalNavBox .globalNavBoxWrap:after, .pageBox .pageBoxWrap1 .pageBoxWrap2:after, .footerBottom .footerBottomWrap:after, .btnHorizontal:after, .listHorizontal:after, .entry:after, .entry .bottom:after, .entryVisual .cover:after, .entryVisual .cover .bottom:after, .bnrList:after, .social .columnTwitter:after, .social .columnRss:after, .backnumber ul:after, .linkList ul:after, .twoColumn:after, .tab .tabBtnBox:after, .entryListThreeColumn:after, .entryTableTwoColumn:after, .entryTableThreeColumn:after, .TopNews:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }

.headerTop .headerTopWrap, .logoBox .logoBoxWrap, .globalNavBox .globalNavBoxWrap, .footerTop .footerTopWrap1 .footerTopWrap2, .footerBottom .footerBottomWrap { width: 1000px; margin: 0 auto; padding: 0 4px; }

/* ### mixin.scss ### */
/* ### adjust.scss ### */
/* font-size 8 - 20 */
#layout .size8 { font-size: 8px; }

#layout .size9 { font-size: 9px; }

#layout .size10 { font-size: 10px; }

#layout .size11 { font-size: 11px; }

#layout .size12 { font-size: 12px; }

#layout .size13 { font-size: 13px; }

#layout .size14 { font-size: 14px; }

#layout .size15 { font-size: 15px; }

#layout .size16 { font-size: 16px; }

#layout .size17 { font-size: 17px; }

#layout .size18 { font-size: 18px; }

#layout .size19 { font-size: 19px; }

#layout .size20 { font-size: 20px; }

/* color */
#layout .color000 { color: #000; }

#layout .color333 { color: #333; }

#layout .linkColor { color: #cc6600; }

/* weight */
#layout .bold { font-weight: bold; }

#layout .normal { font-weight: normal; }

/* line-height */
#layout .lh120 { line-height: 1.2; }

/* margin padding 0 - 10 */
#layout .m0 { margin: 0px; }

#layout .mt0 { margin-top: 0px; }

#layout .mr0 { margin-right: 0px; }

#layout .mb0 { margin-bottom: 0px; }

#layout .ml0 { margin-left: 0px; }

#layout .p0 { padding: 0px; }

#layout .pt0 { padding-top: 0px; }

#layout .pr0 { padding-right: 0px; }

#layout .pb0 { padding-bottom: 0px; }

#layout .pl0 { padding-left: 0px; }

#layout .m1 { margin: 1px; }

#layout .mt1 { margin-top: 1px; }

#layout .mr1 { margin-right: 1px; }

#layout .mb1 { margin-bottom: 1px; }

#layout .ml1 { margin-left: 1px; }

#layout .p1 { padding: 1px; }

#layout .pt1 { padding-top: 1px; }

#layout .pr1 { padding-right: 1px; }

#layout .pb1 { padding-bottom: 1px; }

#layout .pl1 { padding-left: 1px; }

#layout .m2 { margin: 2px; }

#layout .mt2 { margin-top: 2px; }

#layout .mr2 { margin-right: 2px; }

#layout .mb2 { margin-bottom: 2px; }

#layout .ml2 { margin-left: 2px; }

#layout .p2 { padding: 2px; }

#layout .pt2 { padding-top: 2px; }

#layout .pr2 { padding-right: 2px; }

#layout .pb2 { padding-bottom: 2px; }

#layout .pl2 { padding-left: 2px; }

#layout .m3 { margin: 3px; }

#layout .mt3 { margin-top: 3px; }

#layout .mr3 { margin-right: 3px; }

#layout .mb3 { margin-bottom: 3px; }

#layout .ml3 { margin-left: 3px; }

#layout .p3 { padding: 3px; }

#layout .pt3 { padding-top: 3px; }

#layout .pr3 { padding-right: 3px; }

#layout .pb3 { padding-bottom: 3px; }

#layout .pl3 { padding-left: 3px; }

#layout .m4 { margin: 4px; }

#layout .mt4 { margin-top: 4px; }

#layout .mr4 { margin-right: 4px; }

#layout .mb4 { margin-bottom: 4px; }

#layout .ml4 { margin-left: 4px; }

#layout .p4 { padding: 4px; }

#layout .pt4 { padding-top: 4px; }

#layout .pr4 { padding-right: 4px; }

#layout .pb4 { padding-bottom: 4px; }

#layout .pl4 { padding-left: 4px; }

#layout .m5 { margin: 5px; }

#layout .mt5 { margin-top: 5px; }

#layout .mr5 { margin-right: 5px; }

#layout .mb5 { margin-bottom: 5px; }

#layout .ml5 { margin-left: 5px; }

#layout .p5 { padding: 5px; }

#layout .pt5 { padding-top: 5px; }

#layout .pr5 { padding-right: 5px; }

#layout .pb5 { padding-bottom: 5px; }

#layout .pl5 { padding-left: 5px; }

#layout .m6 { margin: 6px; }

#layout .mt6 { margin-top: 6px; }

#layout .mr6 { margin-right: 6px; }

#layout .mb6 { margin-bottom: 6px; }

#layout .ml6 { margin-left: 6px; }

#layout .p6 { padding: 6px; }

#layout .pt6 { padding-top: 6px; }

#layout .pr6 { padding-right: 6px; }

#layout .pb6 { padding-bottom: 6px; }

#layout .pl6 { padding-left: 6px; }

#layout .m7 { margin: 7px; }

#layout .mt7 { margin-top: 7px; }

#layout .mr7 { margin-right: 7px; }

#layout .mb7 { margin-bottom: 7px; }

#layout .ml7 { margin-left: 7px; }

#layout .p7 { padding: 7px; }

#layout .pt7 { padding-top: 7px; }

#layout .pr7 { padding-right: 7px; }

#layout .pb7 { padding-bottom: 7px; }

#layout .pl7 { padding-left: 7px; }

#layout .m8 { margin: 8px; }

#layout .mt8 { margin-top: 8px; }

#layout .mr8 { margin-right: 8px; }

#layout .mb8 { margin-bottom: 8px; }

#layout .ml8 { margin-left: 8px; }

#layout .p8 { padding: 8px; }

#layout .pt8 { padding-top: 8px; }

#layout .pr8 { padding-right: 8px; }

#layout .pb8 { padding-bottom: 8px; }

#layout .pl8 { padding-left: 8px; }

#layout .m9 { margin: 9px; }

#layout .mt9 { margin-top: 9px; }

#layout .mr9 { margin-right: 9px; }

#layout .mb9 { margin-bottom: 9px; }

#layout .ml9 { margin-left: 9px; }

#layout .p9 { padding: 9px; }

#layout .pt9 { padding-top: 9px; }

#layout .pr9 { padding-right: 9px; }

#layout .pb9 { padding-bottom: 9px; }

#layout .pl9 { padding-left: 9px; }

#layout .m10 { margin: 10px; }

#layout .mt10 { margin-top: 10px; }

#layout .mr10 { margin-right: 10px; }

#layout .mb10 { margin-bottom: 10px; }

#layout .ml10 { margin-left: 10px; }

#layout .p10 { padding: 10px; }

#layout .pt10 { padding-top: 10px; }

#layout .pr10 { padding-right: 10px; }

#layout .pb10 { padding-bottom: 10px; }

#layout .pl10 { padding-left: 10px; }

/* margin-bottom 15 - 50 */
#layout .mb15 { margin-bottom: 15px; }

#layout .mb20 { margin-bottom: 20px; }

#layout .mb25 { margin-bottom: 25px; }

#layout .mb30 { margin-bottom: 30px; }

#layout .mb35 { margin-bottom: 35px; }

#layout .mb40 { margin-bottom: 40px; }

#layout .mb45 { margin-bottom: 45px; }

#layout .mb50 { margin-bottom: 50px; }

/* margin 0 auto */
#layout .m0Auto { margin: 0px auto; }

/* float clear */
#layout .fl { float: left; }

#layout .fr { float: right; }

#layout .cb { clear: both; }

/* align */
#layout .tl { text-align: left; }

#layout .tr { text-align: right; }

#layout .tc { text-align: center; }

#layout .vt { vertical-align: top; }

#layout .vm { vertical-align: middle; }

#layout .vb { vertical-align: bottom; }

/* clearfix */
/* display */
#layout .db { display: block; }
#layout .dn { display: none; }
.flex { display: flex;}

/* border */
#layout .br1fff { border-right: 1px solid #fff; }

/* ### layout.scss ### */
/* Layout */
body { font: 13px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif; color: #333; text-align: center; line-height: 1.6; }

a, .paging li span, .paging li a:hover { color: #cc6600; text-decoration: none; }
a:hover, .paging li span:hover, .paging li a:hover { text-decoration: underline; }

/* header */
/* headerTop */
.headerTop { border-bottom: #e6e6e6 1px solid; }
.headerTop .headerTopWrap { position: relative; height: 40px; }
.headerTop .snsList .btnFollow { position: absolute; left: 4px; top: 9px; }
/*
.headerTop .snsList .btnTweet { position: absolute; left: 202px; top: 9px; }
.headerTop .snsList .btnLike { position: absolute; left: 280px; top: 9px; z-index: 150; }
.headerTop .snsList .btnRss { position: absolute; left: 410px; top: 9px; }
*/
.headerTop .snsList .btnTweet { position: absolute; left: 110px; top: 9px; left: 100px\9; }/*<IE10*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.headerTop .snsList .btnTweet { left: 100px; }/* IE10_11 */
}
.headerTop .snsList .btnLike { position: absolute; left: 195px; top: 9px; z-index: 150; left: 175px\9; }/*<IE10*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.headerTop .snsList .btnLike{ left: 175px; }/* IE10_11 */
}
.headerTop .snsList .btnRss { position: absolute; left: 322px; top: 9px;  left: 302px\9; }/*<IE10*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.headerTop .snsList .btnRss{ left: 302px; }/* IE10_11 */
}
.headerTop .headNav { position: absolute; right: 204px; top: 11px; display: inline; }
.headerTop .headNav li { float: left; }
.headerTop .headNav li a, .headerTop .headNav .paging li span, .paging .headerTop .headNav li span { display: block; margin-right: 10px; padding-right: 10px; border-right: 1px solid #ccc; font-size: 12px; color: #333; }
.headerTop .headNav li a:hover, .headerTop .headNav .paging li span:hover, .paging .headerTop .headNav li span:hover { color: #cc6600; text-decoration: none; }
.headerTop .headSearch .text { position: absolute; right: 85px; top: 7px; width: 120px; height: 22px; padding: 0 5px; border: #CCCCCC 1px solid; border-right: none; background: #fff; -webkit-appearance: none; outline: none; padding-top: 4px\9; height: 18px\9; }
.headerTop .headSearch .submit { position: absolute; right: 0px; top: 7px; outline: none; }

/* logoBox */
.logoBox .logoBoxWrap { position: relative; height: 88px; }
.logoBox .logo { position: absolute; left: 4px; top: 11px; }
.logoBox .bnr { position: absolute; right: 4px; top: 14px; }

/* globalNavBox */
.globalNavBox { background: url(../img/base/globalNav.gif) repeat-x; }

.globalNav { width: 1000px; margin: 0 auto; /*display: table;*/}
.globalNav .navList { float: left; position: relative; /*display: table-cell;*/}
.globalNav .navOrange .subNav { border: 5px solid #f67e04; }
.globalNav .navOrange .subNav a, .globalNav .navOrange .subNav .paging li span, .paging li .globalNav .navOrange .subNav span { background: #f3f3f3 url(../img/base/arrowOrange.png) 8px 50% no-repeat; }
.globalNav .navOrange .subNav a:hover, .globalNav .navOrange .subNav .paging li span:hover, .paging li .globalNav .navOrange .subNav span:hover { background-color: #f67e04; }
.globalNav .navBlue .subNav { border: 5px solid #166fda; }
.globalNav .navBlue .subNav a, .globalNav .navBlue .subNav .paging li span, .paging li .globalNav .navBlue .subNav span { background: #f3f3f3 url(../img/base/arrowBlue.png) 8px 50% no-repeat; }
.globalNav .navBlue .subNav a:hover, .globalNav .navBlue .subNav .paging li span:hover, .paging li .globalNav .navBlue .subNav span:hover { background-color: #166fda; }
.globalNav .navYellow .subNav { border: 5px solid #ecac02; }
.globalNav .navYellow .subNav a, .globalNav .navYellow .subNav .paging li span, .paging li .globalNav .navYellow .subNav span { background: #f3f3f3 url(../img/base/arrowYellow.png) 8px 50% no-repeat; }
.globalNav .navYellow .subNav a:hover, .globalNav .navYellow .subNav .paging li span:hover, .paging li .globalNav .navYellow .subNav span:hover { background-color: #ecac02; }
.globalNav .navGreen .subNav { width: 495px; border: 5px solid #32a032; }
.globalNav .navGreen .subNav a, .globalNav .navGreen .subNav .paging li span, .paging li .globalNav .navGreen .subNav span { background: #f3f3f3 url(../img/base/arrowGreen.png) 8px 50% no-repeat; }
.globalNav .navGreen .subNav a:hover, .globalNav .navGreen .subNav .paging li span:hover, .paging li .globalNav .navGreen .subNav span:hover { background-color: #32a032; }
.globalNav .navRed .subNav { border: 5px solid #df1f08; }
.globalNav .navRed .subNav a, .globalNav .navRed .subNav .paging li span, .paging li .globalNav .navRed .subNav span { background: #f3f3f3 url(../img/base/arrowRed.png) 8px 50% no-repeat; }
.globalNav .navRed .subNav a:hover, .globalNav .navRed .subNav .paging li span:hover, .paging li .globalNav .navRed .subNav span:hover { background-color: #df1f08; }
.globalNav .navPurple .subNav { width: 495px; border: 5px solid #9955dd; }
.globalNav .navPurple .subNav a, .globalNav .navPurple .subNav .paging li span, .paging li .globalNav .navPurple .subNav span { background: #f3f3f3 url(../img/base/arrowPurple.png) 8px 50% no-repeat; }
.globalNav .navPurple .subNav a:hover, .globalNav .navPurple .subNav .paging li span:hover, .paging li .globalNav .navPurple .subNav span:hover { background-color: #9955dd; }
.globalNav .navAqua .subNav { border: 5px solid #00a8d2; }
.globalNav .navAqua .subNav a, .globalNav .navAqua .subNav .paging li span, .paging li .globalNav .navAqua .subNav span { background: #f3f3f3 url(../img/base/arrowAqua.png) 8px 50% no-repeat; }
.globalNav .navAqua .subNav a:hover, .globalNav .navAqua .subNav .paging li span:hover, .paging li .globalNav .navAqua .subNav span:hover { background-color: #00a8d2; }

/*.globalNav .subNav { position: absolute; left: 0px; top: 51px; z-index: 100; display: none; width: 660px; padding: 20px 15px 20px 20px; background: #FFF; }*/
/*add skyarc*/.globalNav .subNav { position: absolute; left: 0px; top: 46px; z-index: 100; display: none; width: 660px; padding: 20px 15px 20px 20px; background: #FFF; }
.globalNav .subNav a, .globalNav .subNav .paging li span, .paging li .globalNav .subNav span, .globalNav .subNav .paging li a:hover, .paging li .globalNav .subNav a:hover { display: block; float: left; width: 190px; /*width: 142px;*/ height: 40px; line-height: 40px; margin: 0 5px 5px 0; padding-left: 18px; font-size: 14px; color: #333; text-align: left; }
.globalNav .subNav a:hover, .globalNav .subNav .paging li span:hover, .paging li .globalNav .subNav span:hover { background: url(../img/base/arrowWhite.png) 8px 50% no-repeat; color: #FFF; text-decoration: none; }

/*.globalNav .subNav1Right { position: absolute; right: 0px; top: 51px; left: inherit; }*/
/*add skyarc*/.globalNav .subNav1Right { position: absolute; right: 0px; top: 46px; left: inherit; }
.globalNav .subNav1Right i { position: absolute; right: 0px; top: 0px; left: inherit; }

/*add skyarc*/
.globalNav .navList.navAqua { 
width: 142px !important;
}
.globalNav .navList.navAqua .subNav { 
margin-right: -1px !important;
}

/* page */
.page { padding: 14px 0 30px; }

.pageBox { width: 1008px; margin: 0 auto; background: url(../img/base/bgPage.gif) repeat-y; }
.pageBox .pageBoxWrap1 { background: url(../img/base/bgPageTop.gif) no-repeat; }
.pageBox .pageBoxWrap1 .pageBoxWrap2 { padding: 4px; background: url(../img/base/bgPageBottom.gif) 0 100% no-repeat; text-align: left; }

/* main */
.main { float: left; width: 660px; }

/* side */
.side { float: right; width: 320px; }
.side .event { padding: 13px 0 0; }
.side .event .btn { width: 158px; margin: 0 auto 3px; }
.side .event .calendar { margin: 0 auto 10px; }
.side .event .entryList { border-top: 1px solid #ccc; }
.side .event .entry { padding-left: 10px; }
/*.side .entry .imageBox, .side .entry .imageBoxRight { width: 62px; height: 62px; }*/
/*add skyarc*/.side .entry .imageBox, .side .entry .imageBoxRight { width: 62px; height: 62px; background: #f9f9f9}

/* footer */
.footer { clear: both; }

/* footer */
.footerTop { border-top: #f67e04 5px solid; border-bottom: #ccc 1px solid; padding: 1px 0; }
.footerTop .footerTopWrap1 { background: #EEE; padding: 15px 0 10px; text-align: left; }
.footerTop .footerHeadline { position: relative; margin-bottom: 15px; padding: 0 0 8px 12px; border-bottom: 3px solid #CCCCCC; background: url(../img/base/footerHeadline.gif) no-repeat; font-size: 16px; font-weight: bold; color: #000; }
.footerTop .footerHeadline .btn { position: absolute; right: 0; top: -7px; }

.footerAreaNav { overflow: hidden; width: 1000px;/*1029px;*/ margin: 0 0 10px 0;/*0 -29px 0 0;*/ padding: 0; list-style: none; _zoom: 1; /*margin-bottom: 10px;*/ }
.footerAreaNav div { float: left; margin-right: 29px; margin-bottom: 0px; }
.footerAreaNav .footerAreaNavBlock { width: 310px;/*314px;*/ margin-right:33px; }
.footerAreaNav .footerAreaNavBlockLast { width: 310px; margin-right: 0px; }
.footerAreaNav .footerAreaNavHeadline { clear: both; margin-bottom: 8px; padding: 5px 0 8px; border-bottom: 3px solid #CCCCCC; font-size: 16px; font-weight: bold; color: #000; }
.footerAreaNav .footerAreaNavList { margin-bottom: 5px; }
.footerAreaNav .footerAreaNavList li { float: left; margin: 0 15px 10px 0;/*0 25px 10px 0;*/ font-size: 15px; }

.footerNav { border-top: #ccc 1px solid; }
.footerNav .footerNavWrap { padding-top: 20px; border-top: #fff 1px solid; }

.footerNavList { text-align: center; padding-left: 5px; }
.footerNavList li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; }
.footerNavList li a, .footerNavList .paging li span, .paging .footerNavList li span, .footerNavList .paging li a:hover, .paging .footerNavList li a:hover { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin: 0 5px 10px; padding-right: 10px; border-right: #ccc 1px solid; font-size: 15px; font-weight: bold; color: #cc6600; }
.footerNavList li:last-child a, .footerNavList .paging li:last-child span, .paging .footerNavList li:last-child span { border-right: 0; }
.footerNavList li.last a, .footerNavList .paging li.last span, .paging .footerNavList li.last span { border-right: 0; }

/* footerBottom */
.footerBottom .footerBottomWrap { padding: 20px 4px; }
.footerBottom .footerBottomWrap .left { float: left; width: 400px; }
.footerBottom .footerBottomWrap .right { float: right; width: 500px; }
.footerBottom .footerBottomWrap .right { line-height: 2; text-align: right; -webkit-text-size-adjust: 100%;}
.footerBottom .footerBottomWrap .bnrList { margin: 0; padding: 0; border-top: 0; }

/* ### parts.scss ### */
/* headline */
.headline { position: relative; padding: 6px 8px 5px 18px; border-bottom: #999 1px solid; background: #b9b9b9 url(../img/base/headline.png) 7px 9px no-repeat; font-size: 18px; font-weight: bold; color: #FFF; }
.headline .btn { position: absolute; right: 10px; top: 10px; padding: 1px 25px 1px 28px; }

/* headline Rarea */
.headline .btnRarea { position: absolute; right: 190px; top: 10px; padding: 1px 25px 1px 28px; }
.btnRareaObi { background: #fff; border-radius: 3px; left: 395px;  padding: 0; position: relative;  top: 3.5px; }
img.btnRareaObi  {height: 22px; }

/* headlineColor */
.headlineOrange, .headlineBlue, .headlineYellow, .headlineGreen, .headlineRed, .headlinePurple, .headlineAqua { position: relative; }
.headlineOrange .headlineWrap, .headlineBlue .headlineWrap, .headlineYellow .headlineWrap, .headlineGreen .headlineWrap, .headlineRed .headlineWrap, .headlinePurple .headlineWrap, .headlineAqua .headlineWrap { display: block; height: 37px; padding: 0 10px; font-size: 16px; font-weight: bold; color: #fff; line-height: 37px; }
.headlineOrange .headlineWrap .area, .headlineBlue .headlineWrap .area, .headlineYellow .headlineWrap .area, .headlineGreen .headlineWrap .area, .headlineRed .headlineWrap .area, .headlinePurple .headlineWrap .area, .headlineAqua .headlineWrap .area { font-size: 20px; }
.headlineOrange .headlineWrap .right, .headlineBlue .headlineWrap .right, .headlineYellow .headlineWrap .right, .headlineGreen .headlineWrap .right, .headlineRed .headlineWrap .right, .headlinePurple .headlineWrap .right, .headlineAqua .headlineWrap .right { position: absolute; right: 8px; top: 2px; line-height: inherit; }

/*.headlineOrange { border: #D16A03 1px solid; }
.headlineOrange .headlineWrap { border-top: #ecbc7e 1px solid; background: #ec8615; }

.headlineBlue { border: #166fda 1px solid; }
.headlineBlue .headlineWrap { border-top: #bfd9f9 1px solid; background: #5097ed; }

.headlineYellow { border: #e3980b 1px solid; }
.headlineYellow .headlineWrap { border-top: #fcf0cc 1px solid; background: #f4ca4c; }

.headlineGreen { border: #32a032 1px solid; }
.headlineGreen .headlineWrap { border-top: #d6ecd6 1px solid; background: #6fbc6f; }

.headlineRed { border: #df1f08 1px solid; }
.headlineRed .headlineWrap { border-top: #f9d2ce 1px solid; background: #e96252; }

.headlinePurple { border: #9933ff 1px solid; }
.headlinePurple .headlineWrap { border-top: #ebd6ff 1px solid; background: #b770ff; }

.headlineAqua { border: #00a8d2 1px solid; }
.headlineAqua .headlineWrap { border-top: #cceef6 1px solid; background: #4cc2df; }*/

/*add skyarc*/
.headlineOrange { border: #ec8615 1px solid; }
.headlineOrange .headlineWrap { border-top: #ec8615 1px solid; background: #ec8615; }

.headlineBlue { border: #5097ed 1px solid; }
.headlineBlue .headlineWrap { border-top: #5097ed 1px solid; background: #5097ed; }

.headlineYellow { border: #f4ca4c 1px solid; }
.headlineYellow .headlineWrap { border-top: #f4ca4c 1px solid; background: #f4ca4c; }

.headlineGreen { border: #6fbc6f 1px solid; }
.headlineGreen .headlineWrap { border-top: #6fbc6f 1px solid; background: #6fbc6f; }

.headlineRed { border: #e96252 1px solid; }
.headlineRed .headlineWrap { border-top: #e96252 1px solid; background: #e96252; }

.headlinePurple { border: #a078f5 1px solid; }
.headlinePurple .headlineWrap { border-top: #a078f5 1px solid; background: #a078f5; }

.headlineAqua { border: #4cc2df 1px solid; }
.headlineAqua .headlineWrap { border-top: #4cc2df 1px solid; background: #4cc2df; }


/* localNewsTitle */
.localNewsTitle { border-right: #fff 1px solid; }
.localNewsTitle .localNewsTitleWrap1 { display: block; border-top: #CCC 4px solid; }
.localNewsTitle .localNewsTitleWrap1 .localNewsTitleWrap2 { display: block; position: relative; padding: 5px 8px 5px 18px; border-top: #fff 1px solid; background: #F0F0F0; font-size: 16px; font-weight: bold; color: #000; }
.localNewsTitle .btn { position: absolute; right: 5px; top: 6px; padding: 1px 25px 1px 28px; }

/* localNewsTitle Mura */
.localNewsTitleWrap2.murawrap { padding: 2px 8px 5px 18px !important; }
.localNewsTitle .btnMura { position: absolute; right: 70px; top: 6px; padding: 1px 25px 1px 28px; }
.muraObi { left: 220px; padding: 0px; position: relative; }
.muraObi img { position: relative; top: 4px; height: 22px; }

/* sideHeadline */
.sideHeadline { position: relative; padding: 8px; border-bottom: #ddd 1px solid; background: #f0f0f0; font-size: 16px; font-weight: bold; }
.sideHeadline .link { position: absolute; right: 4px; top: 11px; padding: 0px 8px 0px 12px; background: url(../img/base/arrowOrange.png) 0 7px no-repeat; font-size: 13px; color: #333; }
.sideHeadline .right { position: absolute; right: 4px; top: 11px; padding: 0px 8px 0px 12px; font-size: 13px; font-weight: normal; }

/* sideHeadline Mura */
.sideHeadlineMura { position: relative; padding: 8px; border-bottom: #ddd 1px solid; background: #F0F0F0; font-size: 16px; font-weight: bold; }
.muraSideObi { position: absolute; display: inline-block; left: 185px; }
.muraSideObi img { height: 25px; }
.muraSideSearch { position: absolute; display: inline-block; left: 525px; }
.muraSideSearch img { border-radius: 3px; height: 25px; position: absolute; top: 2px; }

/* btn */
.btn, .btnBlack, .btnGray, .btnHorizontal li a, .btnHorizontal .paging li span, .paging .btnHorizontal li span, .btnHorizontal .paging li a:hover, .paging .btnHorizontal li a:hover, .btnBlackLarge { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 6px 15px 6px 18px; background: white url(../img/base/arrowYellow.png) 8px 50% no-repeat; font-size: 13px; font-weight: bold; color: #333; }
.btnBlack { background-color: #333; color: #FFF; }
.btnGray, .btnHorizontal li a, .btnHorizontal .paging li span, .paging .btnHorizontal li span, .btnHorizontal .paging li a:hover, .paging .btnHorizontal li a:hover { background-color: #F0F0F0; }
.btnBlackLarge { display: block; background: #333333 url(../img/base/arrowYellowBig.png) 12px 50% no-repeat; font-size: 16px; color: #FFF; text-align: center; }

/* btn Rarea Mura */
.btnRarea { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 6px 15px 6px 18px; background: white url(../img/base/arrowYellow.png) 8px 50% no-repeat; font-size: 13px; font-weight: bold; color: #333; }/*0919*/
.btnMura { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 6px 15px 6px 18px; background: white url(../img/base/arrowYellow.png) 8px 50% no-repeat; font-size: 13px; font-weight: bold; color: #333; }/*0919*/

/* btnBox */
.btnBox { overflow: hidden; width: 630px; margin: 0 -15px 0 0; padding: 0; list-style: none; _zoom: 1; margin-bottom: 15px; margin-left: 20px; }
.btnBox li { float: left; margin-right: 15px; margin-bottom: 10px; }
.btnBox li { width: 300px; }
.btnBox .btn, .btnBox .btnBlack, .btnBox .btnGray, .btnBox .btnHorizontal li a, .btnHorizontal li .btnBox a, .btnBox .btnHorizontal .paging li span, .btnHorizontal .paging li .btnBox span, .btnBox .paging .btnHorizontal li span, .paging .btnHorizontal li .btnBox span, .btnBox .btnBlackLarge { display: block; }

/* btnHorizontal */
.btnHorizontal { padding: 15px 0; text-align: center; }
.btnHorizontal li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin: 0 8px; }

/* arrowLink */
.arrowLink a, .arrowLinkRight a, .weblioPertain ul li a, .arrowLink .paging li span, .paging li .arrowLink span, .arrowLinkRight .paging li span, .paging li .arrowLinkRight span, .weblioPertain ul .paging li span, .paging .weblioPertain ul li span, .arrowLink .paging li a:hover, .paging li .arrowLink a:hover, .arrowLinkRight .paging li a:hover, .paging li .arrowLinkRight a:hover, .weblioPertain ul .paging li a:hover, .paging .weblioPertain ul li a:hover { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding-left: 8px; background: url(../img/base/arrowYellow.png) 0 7px no-repeat; font-weight: bold; color: #333; }

.arrowLinkRight { padding: 6px 8px 8px; text-align: right; font-size: 13px; }

/* areaColor */
.areaOrange a, .areaOrange .paging li span, .paging li .areaOrange span, .areaOrange .paging li a:hover, .paging li .areaOrange a:hover, .areaBlue a, .areaBlue .paging li span, .paging li .areaBlue span, .areaBlue .paging li a:hover, .paging li .areaBlue a:hover, .areaYellow a, .areaYellow .paging li span, .paging li .areaYellow span, .areaYellow .paging li a:hover, .paging li .areaYellow a:hover, .areaGreen a, .areaGreen .paging li span, .paging li .areaGreen span, .areaGreen .paging li a:hover, .paging li .areaGreen a:hover, .areaRed a, .areaRed .paging li span, .paging li .areaRed span, .areaRed .paging li a:hover, .paging li .areaRed a:hover, .areaPurple a, .areaPurple .paging li span, .paging li .areaPurple span, .areaPurple .paging li a:hover, .paging li .areaPurple a:hover, .areaAqua a, .areaAqua .paging li span, .paging li .areaAqua span, .areaAqua .paging li a:hover, .paging li .areaAqua a:hover { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; min-width: 60px; padding: 2px 25px; font-weight: bold; color: #fff; text-align: center; }
.areaOrange a:hover, .areaOrange .paging li span:hover, .paging li .areaOrange span:hover, .areaOrange .paging li a:hover, .paging li .areaOrange a:hover, .areaBlue a:hover, .areaBlue .paging li span:hover, .paging li .areaBlue span:hover, .areaBlue .paging li a:hover, .paging li .areaBlue a:hover, .areaYellow a:hover, .areaYellow .paging li span:hover, .paging li .areaYellow span:hover, .areaYellow .paging li a:hover, .paging li .areaYellow a:hover, .areaGreen a:hover, .areaGreen .paging li span:hover, .paging li .areaGreen span:hover, .areaGreen .paging li a:hover, .paging li .areaGreen a:hover, .areaRed a:hover, .areaRed .paging li span:hover, .paging li .areaRed span:hover, .areaRed .paging li a:hover, .paging li .areaRed a:hover, .areaPurple a:hover, .areaPurple .paging li span:hover, .paging li .areaPurple span:hover, .areaPurple .paging li a:hover, .paging li .areaPurple a:hover, .areaAqua a:hover, .areaAqua .paging li span:hover, .paging li .areaAqua span:hover, .areaAqua .paging li a:hover, .paging li .areaAqua a:hover { text-decoration: none; }

.areaOrange a, .areaOrange .paging li span, .paging li .areaOrange span, .areaOrange .paging li a:hover, .paging li .areaOrange a:hover { background: #f67e04; }
.areaOrange a:hover, .areaOrange .paging li span:hover, .paging li .areaOrange span:hover, .areaOrange .paging li a:hover, .paging li .areaOrange a:hover { background: #ec9741; }

.areaBlue a, .areaBlue .paging li span, .paging li .areaBlue span, .areaBlue .paging li a:hover, .paging li .areaBlue a:hover { background: #166fda; }
.areaBlue a:hover, .areaBlue .paging li span:hover, .paging li .areaBlue span:hover, .areaBlue .paging li a:hover, .paging li .areaBlue a:hover { background: #488bdb; }

.areaYellow a, .areaYellow .paging li span, .paging li .areaYellow span, .areaYellow .paging li a:hover, .paging li .areaYellow a:hover { background: #ecac02; }
.areaYellow a:hover, .areaYellow .paging li span:hover, .paging li .areaYellow span:hover, .areaYellow .paging li a:hover, .paging li .areaYellow a:hover { background: #edba34; }

.areaGreen a, .areaGreen .paging li span, .paging li .areaGreen span, .areaGreen .paging li a:hover, .paging li .areaGreen a:hover { background: #32a032; }
.areaGreen a:hover, .areaGreen .paging li span:hover, .paging li .areaGreen span:hover, .areaGreen .paging li a:hover, .paging li .areaGreen a:hover { background: #54b154; }

.areaRed a, .areaRed .paging li span, .paging li .areaRed span, .areaRed .paging li a:hover, .paging li .areaRed a:hover { background: #df1f08; }
.areaRed a:hover, .areaRed .paging li span:hover, .paging li .areaRed span:hover, .areaRed .paging li a:hover, .paging li .areaRed a:hover { background: #e64734; }

.areaPurple a, .areaPurple .paging li span, .paging li .areaPurple span, .areaPurple .paging li a:hover, .paging li .areaPurple a:hover { background: #9955dd; }
.areaPurple a:hover, .areaPurple .paging li span:hover, .paging li .areaPurple span:hover, .areaPurple .paging li a:hover, .paging li .areaPurple a:hover { background: #a678d4; }

.areaAqua a, .areaAqua .paging li span, .paging li .areaAqua span, .areaAqua .paging li a:hover, .paging li .areaAqua a:hover { background: #00a8d2; }
.areaAqua a:hover, .areaAqua .paging li span:hover, .paging li .areaAqua span:hover, .areaAqua .paging li a:hover, .paging li .areaAqua a:hover { background: #13bde8; }

/* list */
.list { padding: 10px 0; }
.list li a, .list .paging li span, .paging .list li span, .list .paging li a:hover, .paging .list li a:hover { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding: 5px 10px 5px 30px; background: url(../img/base/arrowYellow.png) 20px 50% no-repeat; text-align: left; }

/* listHorizontal */
.listHorizontal { padding: 10px 0; }
.listHorizontal li { float: left; margin-right: 10px; }
.listHorizontal li a, .listHorizontal .paging li span, .paging .listHorizontal li span, .listHorizontal .paging li a:hover, .paging .listHorizontal li a:hover { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding: 5px 10px 5px 30px; background: url(../img/base/arrowYellow.png) 20px 50% no-repeat; text-align: left; }

/* entryMain */
.entryMain { padding: 20px; font-size: 18px; line-height: 1.8; word-wrap:break-word; }
.entryMain p { margin-bottom: 30px; }
.entryMain h3 { font-weight: bold; }

/* entry */
.entry { padding: 10px; line-height: 1.2; }
/*.entry .imageBox, .entry .imageBoxRight { float: left; width: 80px; height: 80px; margin-right: 10px; background: #f0f0f0; text-align: center; }*/
/*add skyarc*/.entry .imageBox, .entry .imageBoxRight { float: left; width: 80px; height: 80px; margin-right: 10px; background: #ffffff; text-align: center; }
.entry .imageBox img, .entry .imageBoxRight img { max-width: 80px; max-height: 80px; }
.entry .imageBoxRight { float: right; margin: 0 0 0 10px; }
.entry .text { word-break: break-all; word-break: break-word; -ms-word-wrap: break-word; word-wrap: break-word; overflow: hidden; }
.entry .eventData { margin-bottom: 10px; padding: 10px; background: #FFF6E4; font-size: 15px; font-weight: bold; }
.entry .mainHeadline { padding: 3px 0; font-size: 15px; font-weight: bold; }
.entry .secondaryHeadline { padding: 3px 0; font-size: 15px; font-weight: bold; }
.entry .mainHeadline a, .entry .mainHeadline .paging li span, .paging li .entry .mainHeadline span, .entry .mainHeadline .paging li a:hover, .paging li .entry .mainHeadline a:hover { vertical-align: top; line-height: 1.3; }
.entry .secondaryHeadline a, .entry .secondaryHeadline .paging li span, .paging li .entry .secondaryHeadline span, .entry .secondaryHeadline .paging li a:hover, .paging li .entry .secondaryHeadline a:hover { vertical-align: top; line-height: 1.3; }
.entry .outline { color: #999999; }
.entry .description { margin-bottom: 5px; padding-top: 10px; line-height: 1.6; }
.entry .bottom { clear: both; padding-top: 5px; }
.entry .bottom .data { float: left; color: #666; }
.entry .bottom .area { text-align: right; }

/* genre */
.genre { -webkit-border-radius: 4px; border-radius: 4px; margin-left: 5px; padding: 0px 5px; border: 1px solid #999; background: #FFF; font-size: 12px; font-weight: bold; color: #999; vertical-align: middle !important; }

.genre:not(:target) { padding-top: 1px\9; }

/* cameraIcon */
.cameraIcon, .presentIcon, .eventIcon { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 20px; height: 17px; background: url(../img/base/camera.png) 100% 3px no-repeat; }

/* presentIcon */
.presentIcon { width: 19px; background: url(../img/base/present.png) 100% 0 no-repeat; }

/* eventIcon */
.eventIcon { width: 23px; background: url(../img/base/event.png) 100% 0 no-repeat; }

/* thumbnail */
.thumbnail { float: right; max-width: 329px;/*220px;*/ margin: 0 0 20px 20px; padding: 9px; border: #E4E4E4 1px solid; background: #F6F6F6; line-height: 1.4; }
.thumbnail a, .thumbnail .paging li span, .paging li .thumbnail span, .thumbnail .paging li a:hover, .paging li .thumbnail a:hover { display: block; margin-bottom: 10px; }
.thumbnail .caption { font-size: 13px; }

/* thumbnailBox */
.thumbnailBox { margin: 0 auto 10px; }
.thumbnailBox td { width: 180px; padding: 10px; vertical-align: top; }
.thumbnailBox .space { width: 10px; padding: 0; }
.thumbnailBox .thumbnail { float: inherit; max-width: inherit; margin: 0; padding: 9px; text-align: center; }
.thumbnailBox .modal { display: block; text-align: center; }
.thumbnailBox .caption { text-align: left; }

/* entryVisual */
.entryVisual { display: block; position: relative; overflow: hidden; width: 329px; height: 329px; background: #fff; }
.entryVisual .image { text-align: center; }
.entryVisual .cover { position: absolute; left: 0; bottom: 0; width: 309px; padding: 10px; background: url(../img/base/bgCover.png) repeat-x; color: #fff; }
.entryVisual .cover .text { overflow: hidden; }
.entryVisual .cover .mainHeadline { font-size: 15px; font-weight: bold; }
.entryVisual .cover .mainHeadline a, .entryVisual .cover .mainHeadline .paging li span, .paging li .entryVisual .cover .mainHeadline span { color: #FFF; }
.entryVisual .cover .mainHeadline a.genre, .entryVisual .cover .mainHeadline .paging li span.genre, .paging li .entryVisual .cover .mainHeadline span.genre { color: #999; vertical-align: text-top; vertical-align: bottom\9; }
.entryVisual .cover .mainHeadline a.genre:not(:target), .entryVisual .cover .mainHeadline .paging li span.genre:not(:target), .paging li .entryVisual .cover .mainHeadline span.genre:not(:target) { line-height: 1.4\9; padding-top: 0\9; vertical-align: baseline\9; }
.entryVisual .cover .bottom { clear: both; padding-top: 5px; text-align: right; }
.entryVisual .cover .bottom .data { float: left; padding-top: 3px; }
.entryVisual .cover .bottom .area { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin: 0 0 0 auto; }

/* search */
.search { position: relative; height: 60px; }
.search .text { position: absolute; right: 240px; top: 17px; width: 250px; height: 22px; padding: 0 5px; border: #CCCCCC 1px solid; border-right: none; background: #fff; -webkit-appearance: none; outline: none; padding-top: 4px\9; height: 18px\9; }
.search .submit { position: absolute; right: 155px; top: 17px; outline: none; }

/* album */
.album { position: relative; width: 290px; margin: 0 auto 10px; padding-top: 10px; }
.album .albumList li { display: table-cell; overflow: hidden; width: 90px; height: 90px; background: #f9f9f9; vertical-align: middle; text-align: center; *display: block; }
.album .bx-prev { position: absolute; left: -12px; top: 43px; width: 27px; height: 27px; background: url(../img/base/albumPrev.png) no-repeat; text-indent: -9999px; }
.album .bx-next { position: absolute; right: -12px; top: 43px; width: 27px; height: 27px; background: url(../img/base/albumNext.png) no-repeat; text-indent: -9999px; }
.album .bx-controls-direction .disabled { display: none; }

/* calendar */
.calendar { border-top: 1px solid #fff; border-left: 1px solid #fff; font-size: 13px; color: #fff; }
.calendar td, .calendar th { border-right: 1px solid #fff; border-bottom: 1px solid #fff; font-weight: bold; text-align: center; }
.calendar th span, .calendar td span, .calendar a span, .calendar .paging li span span, .paging li .calendar span span, .calendar .paging li a:hover span, .paging li .calendar a:hover span { display: block; width: 24px; height: 24px; line-height: 24px; }
.calendar th span { background: #999; }
.calendar th .sat { color: #B9E9FF; }
.calendar th .sun { color: #FFB0B0; }
.calendar td span { background: #ccc; }
.calendar a, .calendar .paging li span, .paging li .calendar span, .calendar .paging li a:hover, .paging li .calendar a:hover { display: block; }
.calendar a span, .calendar .paging li span span, .paging li .calendar span span, .calendar .paging li a:hover span, .paging li .calendar a:hover span { background: #666; color: #fff; text-decoration: none; }
.calendar a .sat, .calendar .paging li span .sat, .paging li .calendar span .sat, .calendar .paging li a:hover .sat, .paging li .calendar a:hover .sat { color: #66CCFF; }
.calendar a .sun, .calendar .paging li span .sun, .paging li .calendar span .sun, .calendar .paging li a:hover .sun, .paging li .calendar a:hover .sun { color: #FF6666; }
.calendar a:hover span, .calendar .paging li span:hover span, .paging li .calendar span:hover span { text-decoration: underline; }
.calendar .current span { background: #FF9900; }
.calendar .current .sat { color: #fff; }
.calendar .current .sun { color: #fff; }

/* paging */
.paging { margin-bottom: 100px; text-align: center; }
.paging li, .paging a, .paging li span, .paging li a:hover, .paging span { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; }
.paging li a, .paging li span, .paging li a:hover { min-width: 18px; height: 28px; padding: 0 5px; border: #CCCCCC 1px solid; color: #CC6600; text-align: center; line-height: 28px; }
.paging li span, .paging li span:hover, .paging li a:hover { border: #CC6600 1px solid; background: #FF9900; color: #fff; text-decoration: none; }
.paging li span.prev, .paging li span.next { display: none; }

/* bnrList */
.bnrList { margin-bottom: 16px; padding: 10px 0 0 10px; border-top: #CCC 1px solid; }
.bnrList li { float: left; margin-right: 10px; }

/* sideContents */
.social .columnTwitter { padding: 10px; }
.social .columnRss { padding: 10px; border-top: #fff 1px solid; border-bottom: #ddd 1px solid; }
.social .columnRssArea { padding: 10px; border-top: #ddd 1px solid; border-bottom: #ddd 1px solid; }
.social .columnTwitterWiget { padding: 0 10px 10px; border-bottom: #CCC 1px solid; }
.social .icon { float: left; margin-right: 10px; }
.social a, .social .paging li span, .paging li .social span, .social .paging li a:hover, .paging li .social a:hover { font-size: 15px; font-weight: bold; }

.sideBnr { padding: 10px 10px 0 10px; }
:root .sideBnr  { padding-bottom:10px \0/IE9; }  

.googleAdSense { padding: 0 10px 10px 10px; }

.catList { margin-bottom: 10px; }
.catList a, .catList .paging li span, .paging li .catList span, .catList .paging li a:hover, .paging li .catList a:hover { display: block; padding: 8px 10px 8px 15px; border-top: #FFF 1px solid; border-bottom: #ccc 1px solid; background: url(../img/base/arrowOrange.png) 7px 17px no-repeat; font-size: 16px; font-weight: bold; color: #333; }

.selectMap { padding: 0 0 20px; text-align: center; }

.qr { font-size: 11px; }
.qr a, .qr .paging li span, .paging li .qr span, .qr .paging li a:hover, .paging li .qr a:hover { color: #333; }
.qr .qrWrap1 { padding: 0 10px 10px; }
.qr .qrWrap2 { padding: 8px; background: #FFF; }
.qr .qrWrap2 .qrCode { float: right; margin-left: 10px; }
.qr .qrWrap2 h2 { margin-bottom: 8px; }

.backnumber ul, .linkList ul { overflow: hidden; *zoom: 1; }
.backnumber ul li a, .linkList ul li a, .backnumber ul .paging li span, .paging .backnumber ul li span, .linkList ul .paging li span, .paging .linkList ul li span, .backnumber ul .paging li a:hover, .paging .backnumber ul li a:hover, .linkList ul .paging li a:hover, .paging .linkList ul li a:hover { display: block; margin-top: -1px; padding: 5px 10px 5px 30px; border-top: 1px dotted #ccc; background: url(../img/base/arrowYellow.png) 20px 50% no-repeat; text-align: left; }
.backnumber .backnumberMore, .linkList .backnumberMore { display: none; }
.backnumber .backnumberMore a, .linkList .backnumberMore a, .backnumber .backnumberMore .paging li span, .paging li .backnumber .backnumberMore span, .linkList .backnumberMore .paging li span, .paging li .linkList .backnumberMore span, .backnumber .backnumberMore .paging li a:hover, .paging li .backnumber .backnumberMore a:hover, .linkList .backnumberMore .paging li a:hover, .paging li .linkList .backnumberMore a:hover { margin-top: 0; }
.backnumber .moreBtn a, .linkList .moreBtn a, .backnumber .closeBtn a, .linkList .closeBtn a, .backnumber .moreBtn .paging li span, .paging li .backnumber .moreBtn span, .linkList .moreBtn .paging li span, .paging li .linkList .moreBtn span, .backnumber .closeBtn .paging li span, .paging li .backnumber .closeBtn span, .linkList .closeBtn .paging li span, .paging li .linkList .closeBtn span, .backnumber .moreBtn .paging li a:hover, .paging li .backnumber .moreBtn a:hover, .linkList .moreBtn .paging li a:hover, .paging li .linkList .moreBtn a:hover, .backnumber .closeBtn .paging li a:hover, .paging li .backnumber .closeBtn a:hover, .linkList .closeBtn .paging li a:hover, .paging li .linkList .closeBtn a:hover { display: block; padding: 10px; border-top: 1px solid #ccc; text-align: center; }
.backnumber .closeBtn, .linkList .closeBtn { display: none; }

.linkList li a, .linkList .paging li span, .paging .linkList li span, .linkList .paging li a:hover, .paging .linkList li a:hover { margin-top: 0; border-top: none; border-top: 1px dotted #ccc; }

/* sidecontact */
.sideContact { padding: 10px 20px; font-weight: bold; }
ul.inquiryLinks li { font-size: 16px; list-style: none; margin-bottom: 7px;}
ul.inquiryLinks li.tel { background: url(../images/tel.png) no-repeat; background-size: 32px; color: #cc6600; font-size: 22px; margin: 5px 0; padding-left: 40px;}
ul.inquiryLinks li.fax { background: url(../images/fax.png) no-repeat; background-size: 32px; color: #cc6600; font-size: 22px; margin: 5px 0 10px; padding-left: 40px;}

/* ### contents.scss ### */
/* twoColumn */
.twoColumn { background: url(../img/base/border.gif) repeat-y; }
.twoColumn .left { float: left; width: 330px; }
.twoColumn .right { float: right; width: 330px; }
.twoColumn .left .headline { border-right: 1px solid #fff; }
.twoColumn .left .entryList { padding-right: 1px; }

/* boxOneColumn */
.boxOneColumn { width: 288px; background: url(../img/base/boxOneColumn.gif) repeat-y; }
.boxOneColumn .boxOneColumnWrap1 { background: url(../img/base/boxOneColumnTop.gif) no-repeat; }
.boxOneColumn .boxOneColumnWrap1 .boxOneColumnWrap2 { background: url(../img/base/boxOneColumnBottom.gif) 0 100% no-repeat; padding: 3px; }

.boxOneColumn { margin: 0 auto; }
.boxOneColumn .entry { padding-bottom: 10px; }
.boxOneColumn .entry .imageBox, .boxOneColumn .entry .imageBoxRight { float: inherit; width: 248px; height: 190px; margin-bottom: 10px; background: inherit; }
.boxOneColumn .entry .imageBox img, .boxOneColumn .entry .imageBoxRight img { max-width: 248px; max-height: 190px; }
.boxOneColumn .entry .text { padding: 0 5px; }
.boxOneColumn .entry .text .data { margin-bottom: 5px; }
.boxOneColumn .entry .text .areaOrange a, .areaOrange .boxOneColumn .entry .text a, .boxOneColumn .entry .text .areaOrange .paging li span, .areaOrange .paging li .boxOneColumn .entry .text span, .boxOneColumn .entry .text .paging li .areaOrange span, .paging li .areaOrange .boxOneColumn .entry .text span, .boxOneColumn .entry .text .areaBlue a, .areaBlue .boxOneColumn .entry .text a, .boxOneColumn .entry .text .areaBlue .paging li span, .areaBlue .paging li .boxOneColumn .entry .text span, .boxOneColumn .entry .text .paging li .areaBlue span, .paging li .areaBlue .boxOneColumn .entry .text span, .boxOneColumn .entry .text .areaYellow a, .areaYellow .boxOneColumn .entry .text a, .boxOneColumn .entry .text .areaYellow .paging li span, .areaYellow .paging li .boxOneColumn .entry .text span, .boxOneColumn .entry .text .paging li .areaYellow span, .paging li .areaYellow .boxOneColumn .entry .text span, .boxOneColumn .entry .text .areaGreen a, .areaGreen .boxOneColumn .entry .text a, .boxOneColumn .entry .text .areaGreen .paging li span, .areaGreen .paging li .boxOneColumn .entry .text span, .boxOneColumn .entry .text .paging li .areaGreen span, .paging li .areaGreen .boxOneColumn .entry .text span, .boxOneColumn .entry .text .areaRed a, .areaRed .boxOneColumn .entry .text a, .boxOneColumn .entry .text .areaRed .paging li span, .areaRed .paging li .boxOneColumn .entry .text span, .boxOneColumn .entry .text .paging li .areaRed span, .paging li .areaRed .boxOneColumn .entry .text span, .boxOneColumn .entry .text .areaPurple a, .areaPurple .boxOneColumn .entry .text a, .boxOneColumn .entry .text .areaPurple .paging li span, .areaPurple .paging li .boxOneColumn .entry .text span, .boxOneColumn .entry .text .paging li .areaPurple span, .paging li .areaPurple .boxOneColumn .entry .text span, .boxOneColumn .entry .text .areaAqua a, .areaAqua .boxOneColumn .entry .text a, .boxOneColumn .entry .text .areaAqua .paging li span, .areaAqua .paging li .boxOneColumn .entry .text span, .boxOneColumn .entry .text .paging li .areaAqua span, .paging li .areaAqua .boxOneColumn .entry .text span { float: right; padding: 3px 10px; }

/* boxThreeColumn */
.boxThreeColumn { width: 635px; background: url(../img/base/boxThreeColumn.gif) repeat-y; }
.boxThreeColumn .boxThreeColumnWrap1 { background: url(../img/base/boxThreeColumnTop.gif) no-repeat; }
.boxThreeColumn .boxThreeColumnWrap1 .boxThreeColumnWrap2 { background: url(../img/base/boxThreeColumnBottom.gif) 0 100% no-repeat; padding: 0; }

.boxThreeColumn { margin: 0 auto; }
.boxThreeColumn .entry .bottom .data { float: inherit; }

/* tab */
.tab .tabBtnBox { padding-left: 10px; border-bottom: 3px solid #B9B9B9; }
.tab .tabBtn span { display: block; float: left; width: 287px; height: 36px; margin-right: 10px; padding-left: 28px; border-top: 3px solid #CCCCCC; background: #f0f0f0 url(../img/base/tabArrow.gif) 13px 13px no-repeat; font-size: 18px; font-weight: bold; line-height: 36px; cursor: pointer; }
.tab .active span { border-top: 3px solid #FFCC66; background: #b9b9b9 url(../img/base/tabArrow_f2.gif) 11px 15px no-repeat; color: #FFF; }
.tab .arrowLink, .tab .arrowLinkRight, .tab .weblioPertain ul li, .weblioPertain ul .tab li { text-align: right; }
.tab .arrowLink a, .tab .arrowLinkRight a, .tab .weblioPertain ul li a, .weblioPertain ul .tab li a, .tab .arrowLink .paging li span, .paging li .tab .arrowLink span, .tab .arrowLinkRight .paging li span, .paging li .tab .arrowLinkRight span, .tab .weblioPertain ul .paging li span, .paging .tab .weblioPertain ul li span, .weblioPertain ul .tab .paging li span, .paging .weblioPertain ul .tab li span, .tab .arrowLink .paging li a:hover, .paging li .tab .arrowLink a:hover, .tab .arrowLinkRight .paging li a:hover, .paging li .tab .arrowLinkRight a:hover { padding-right: 10px; padding-bottom: 10px; }

/* entryList */
.entryListDotted li { border-bottom: #CCC 1px dotted; }

.entryListDottedNone { overflow: hidden; _zoom: 1; }
.entryListDottedNone li { margin-top: -1px; border-top: #CCC 1px dotted; }

.entryListSolid li { border-bottom: #CCC 1px solid; }
.entryListSolid li .entryListWrap { display: block; border-top: #fff 1px solid; }

.entryListSolidNone { overflow: hidden; _zoom: 1; }
.entryListSolidNone li { margin-top: -1px; border-top: #CCC 1px solid; }
.entryListSolidNone li .entryListWrap { display: block; border-top: #fff 1px solid; }

.entryListThreeColumn { overflow: hidden; width: 642px; margin: 0 -7px 0 0; padding: 0; list-style: none; _zoom: 1; }
.entryListThreeColumn li { float: left; margin-right: 7px; margin-bottom: 0; }
.entryListThreeColumn li { width: 206px; }
.entryListThreeColumn .entry { padding-bottom: 10px; }
.entryListThreeColumn .entry .imageBox, .entryListThreeColumn .entry .imageBoxRight { float: inherit; width: 190px; height: 190px; margin-bottom: 10px; background: inherit; }
.entryListThreeColumn .entry .imageBox img, .entryListThreeColumn .entry .imageBoxRight img { max-width: 190px; max-height: 190px; }
.entryListThreeColumn .entry .text { padding: 0 5px; }
.entryListThreeColumn .entry .text .data { margin-bottom: 5px; }
.entryListThreeColumn .entry .text .areaOrange a, .areaOrange .entryListThreeColumn .entry .text a, .entryListThreeColumn .entry .text .areaOrange .paging li span, .areaOrange .paging li .entryListThreeColumn .entry .text span, .entryListThreeColumn .entry .text .paging li .areaOrange span, .paging li .areaOrange .entryListThreeColumn .entry .text span, .entryListThreeColumn .entry .text .areaBlue a, .areaBlue .entryListThreeColumn .entry .text a, .entryListThreeColumn .entry .text .areaBlue .paging li span, .areaBlue .paging li .entryListThreeColumn .entry .text span, .entryListThreeColumn .entry .text .paging li .areaBlue span, .paging li .areaBlue .entryListThreeColumn .entry .text span, .entryListThreeColumn .entry .text .areaYellow a, .areaYellow .entryListThreeColumn .entry .text a, .entryListThreeColumn .entry .text .areaYellow .paging li span, .areaYellow .paging li .entryListThreeColumn .entry .text span, .entryListThreeColumn .entry .text .paging li .areaYellow span, .paging li .areaYellow .entryListThreeColumn .entry .text span, .entryListThreeColumn .entry .text .areaGreen a, .areaGreen .entryListThreeColumn .entry .text a, .entryListThreeColumn .entry .text .areaGreen .paging li span, .areaGreen .paging li .entryListThreeColumn .entry .text span, .entryListThreeColumn .entry .text .paging li .areaGreen span, .paging li .areaGreen .entryListThreeColumn .entry .text span, .entryListThreeColumn .entry .text .areaRed a, .areaRed .entryListThreeColumn .entry .text a, .entryListThreeColumn .entry .text .areaRed .paging li span, .areaRed .paging li .entryListThreeColumn .entry .text span, .entryListThreeColumn .entry .text .paging li .areaRed span, .paging li .areaRed .entryListThreeColumn .entry .text span, .entryListThreeColumn .entry .text .areaPurple a, .areaPurple .entryListThreeColumn .entry .text a, .entryListThreeColumn .entry .text .areaPurple .paging li span, .areaPurple .paging li .entryListThreeColumn .entry .text span, .entryListThreeColumn .entry .text .paging li .areaPurple span, .paging li .areaPurple .entryListThreeColumn .entry .text span, .entryListThreeColumn .entry .text .areaAqua a, .areaAqua .entryListThreeColumn .entry .text a, .entryListThreeColumn .entry .text .areaAqua .paging li span, .areaAqua .paging li .entryListThreeColumn .entry .text span, .entryListThreeColumn .entry .text .paging li .areaAqua span, .paging li .areaAqua .entryListThreeColumn .entry .text span { float: right; padding: 3px 10px; }

/* entryTable */
.entryTableBorder table, .entryTableBorderNone table { width: 660px; background: url(../img/base/border.gif) repeat-y; }
.entryTableBorder table td, .entryTableBorderNone table td { width: 300px; border-bottom: 1px dotted #CCCCCC; vertical-align: top; }

.entryTableBorderNone { overflow: hidden; _zoom: 1; }
.entryTableBorderNone table { margin-top: -1px; }
.entryTableBorderNone table td { border-top: 1px dotted #CCCCCC; border-bottom: none; }

.entryTableTwoColumn, .entryTableThreeColumn { padding: 5px 5px 0 5px; border-top: #CCCCCC 1px solid; }
.entryTableTwoColumn table, .entryTableThreeColumn table { width: 651px; margin-bottom: 5px; }
.entryTableTwoColumn td, .entryTableThreeColumn td { width: 217px; vertical-align: top; }
.entryTableTwoColumn .entry, .entryTableThreeColumn .entry { padding: 5px; }
.entryTableTwoColumn .entry .subHeadline, .entryTableThreeColumn .entry .subHeadline { font-size: 12px; font-weight: normal; }
.entryTableTwoColumn .entry .mainHeadline, .entryTableThreeColumn .entry .mainHeadline { font-size: 14px; }
.entryTableTwoColumn .entry .secondaryHeadline, .entryTableThreeColumn .entry .secondaryHeadline { font-size: 14px; }
.entryTableTwoColumn .entry .outline, .entryTableThreeColumn .entry .outline { font-size: 12px; font-weight: normal; }

.entryTableThreeColumn { border-top: none; }
.entryTableThreeColumn td { width: 217px; }
.entryTableThreeColumn .entry .mainHeadline { padding: 1px 0; }
.entryTableThreeColumn .entry .secondaryHeadline { padding: 1px 0; }
.entryTableThreeColumn .entry .data { font-size: 12px; }

/* TopNews */
.TopNews { border-bottom: #ccc 1px solid; background: url(../img/base/border.gif) repeat-y; }
.TopNews .left { float: left; width: 329px; }
.TopNews .right { float: right; width: 329px; }
.TopNews .left { padding-right: 1px; }
.TopNews .right { padding-right: 1px; }
.TopNews .entryListDotted .genre { vertical-align: middle; }

/* TopNewsArea */
.TopNewsArea .entry .imageBox, .TopNewsArea .entry .imageBoxRight { width: 160px; height: 160px; }
.TopNewsArea .entry .imageBox img, .TopNewsArea .entry .imageBoxRight img { max-width: 160px; max-height: 160px; }
.TopNewsArea .entry .mainHeadline { padding-top: 5px; font-size: 18px; }
.TopNewsArea .entry .mainHeadline a, .TopNewsArea .entry .mainHeadline .paging li span, .paging li .TopNewsArea .entry .mainHeadline span { vertical-align: middle; line-height: 1.3; }
.TopNewsArea .twoColumn .entry .imageBox, .TopNewsArea .twoColumn .entry .imageBoxRight { width: 80px; height: 80px; }
.TopNewsArea .twoColumn .entry .imageBox img, .TopNewsArea .twoColumn .entry .imageBoxRight img { max-width: 80px; max-height: 80px; }

/* TopNewsAreaList */
.TopNewsAreaList { padding: 0 20px 20px; }
.TopNewsAreaList .entry { padding: 20px 0; }
.TopNewsAreaList .entry .imageBox, .TopNewsAreaList .entry .imageBoxRight { width: 160px; height: 160px; }
.TopNewsAreaList .entry .imageBox img, .TopNewsAreaList .entry .imageBoxRight img { max-width: 160px; max-height: 160px; }
.TopNewsAreaList .entry .subHeadline { font-weight: bold; }
.TopNewsAreaList .entry .mainHeadline { padding-top: 5px; font-size: 18px; }

/* event */
.event { padding: 5px 0 10px; }

/* localNews */
.localNews .twoColumn .left { width: 329px; padding-right: 1px; }
.localNews .entry { overflow: hidden; height: 73px; }
/*.localNews .entryVisual { border-right: 1px solid #fff; background: #cccccc; }*/
/*add skyarc*/.localNews .entryVisual { border-right: 1px solid #fff; background: #ffffff; }
.localNews .visual { width: 299px; border-right: #fff 1px solid; border-bottom: 0; }

/* localNewsArea */
.localNewsArea { margin-bottom: 10px; }
.localNewsArea .mainHeadline { margin-bottom: 2px; }
.localNewsArea .mainHeadline a, .localNewsArea .mainHeadline .paging li span, .paging li .localNewsArea .mainHeadline span, .localNewsArea .mainHeadline .paging li a:hover, .paging li .localNewsArea .mainHeadline a:hover { vertical-align: middle; }
.localNewsArea .mainHeadline .genre:not(:target) { padding-top: 0px\9; }

/* pr */
.pr { line-height: 1.2; }
.pr .mainHeadline a, .pr .mainHeadline .paging li span, .paging li .pr .mainHeadline span, .pr .mainHeadline .paging li a:hover, .paging li .pr .mainHeadline a:hover { color: #333; }
.pr .secondaryHeadline a, .pr .secondaryHeadline .paging li span, .paging li .pr .secondaryHeadline span, .pr .secondaryHeadline .paging li a:hover, .paging li .pr .secondaryHeadline a:hover { color: #333; }
.pr .outline { font-size: 12px; }
.pr .prText { padding: 0 10px 10px 0; font-size: 12px; color: #666; text-align: right; }

/* single */
.single { padding: 10px 20px 0px; /*30px 20px 0;*/ }/*201509*/
.single .entry { padding: 0; }
.single .entry .text { margin-bottom: 0px; /*20px;*/ }
.single .entry .text .mainHeadline { display: block; /*inline;*/ /*padding: 5px 0;*/ font-size: 32px;/*24px;*/ }
.single .entry .text span.subHeadline { display: block; font-size: 18px;/*16px;*/ font-weight: bold; margin-bottom: 5px; }
.single .entry .text span.mainHeadline.subHeadline { display: block; font-size: 18px;/*16px;*/ font-weight: bold; margin-bottom: 5px; padding: 0; }
.single .entry .text span.outline { display: block; font-size: 18px;/*16px;*/ font-weight: bold; margin: 5px 0px; }
.single .entry .text span.mainHeadline.outline { display: block; font-size: 18px;/*16px;*/ font-weight: bold; margin: 5px 0px; padding: 0; }
.single .entry .text .genre { vertical-align: middle; }
.single .entry .text p { height: 20px; }
.single .entry .bar { position: relative; padding: 10px 0; /*border-top: #ccc 1px dotted; border-bottom: #ccc 1px solid;*/ height: 20px; }/*201509*/
.single .entry .bar .data { height: 20px; line-height: 20px; font-size: 15px; font-weight: bold; color: #999; margin-bottom: 10px; }
.single .entry .bar .btnTweet { display: inline-block; /*position: absolute; right: 268px; top: 10px; */ margin-right: 10px;}/*201509*/
.single .entry .bar .btnLike { display: inline-block; /*position: absolute; right: 215px; top: 10px;*/ margin-right: 10px; }/*201509*/
.single .entry .bar .btnGoogle { display: inline-block; /*position: absolute; right: 157px; top: 10px;*/ margin-right: 10px;  width: 55px;}/*201509*/
.single .entry .bar .btnHatena { display: inline-block; /*position: absolute; right: 70px; top: 10px;*/ margin-right: 10px;}/*201509*/

/* weblio */
.weblio { padding: 0 20px 20px; }

/* weblioPertain */
.weblio_ra_head {height: 40px; }/* 20140926kara */
.weblioPertain ul { padding: 10px; }/* { padding: 10px 10px 0; }20140926kara */
.weblioPertain ul li { margin-bottom: 2px; font-size: 16px; }
.weblioPertain ul li a, .weblioPertain ul .paging li span, .paging .weblioPertain ul li span, .weblioPertain ul .paging li a:hover, .paging .weblioPertain ul li a:hover { background-position: 0 9px; color: #cc6600; }

/* shop */
.shop { padding: 10px 20px 20px; }
.shop .shopWrap { padding: 5px; border: #E4E4E4 5px solid; }
.shop .mainHeadline { padding-bottom: 5px; font-size: 18px; }
.shop .secondaryHeadline { padding-bottom: 5px; font-size: 18px; }
.shop .adress { font-size: 16px; }
.shop .tel { padding-top: 5px; font-size: 16px; }
.shop .url { padding-top: 2px; font-size: 16px; }

/* webAlbumColumn */
.webAlbumColumn { margin-bottom: 30px; padding-top: 10px; }
.webAlbumColumn .textBox { padding-top: 20px; }
.webAlbumColumn .text { margin-bottom: 20px; padding-top: 10px; font-size: 12px; text-align: center; }
.webAlbumColumn .btnBlackLarge { width: 247px; margin: 0 auto; }

/* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; }
#cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; max-width: none; }
#cboxOverlay { position: fixed; width: 100%; height: 100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear: left; }
#cboxContent { position: relative; }
/*#cboxLoadedContent { overflow: hidden !important; -webkit-overflow-scrolling: touch; }*/
#cboxLoadedContent { overflow: hidden !important; -webkit-overflow-scrolling: touch; max-width: 500px !important; max-height: 500px !important; width: auto !important; height: auto !important; }
#cboxLoadedContent img { max-width: 500px !important; max-height: 500px !important; width: auto !important; height: auto !important; }/*add201805*/
#cboxTitle { margin: 0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }
.cboxPhoto { display: block; float: left; max-width: none; margin: auto; border: 0; -ms-interpolation-mode: bicubic; }
.cboxIframe { display: block; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; }
#colorbox, #cboxContent, #cboxLoadedContent { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
#cboxOverlay { background: #fff; }
#colorbox { outline: 0; }
.cboxIframe { background: #fff; }
#cboxError { padding: 50px; border: 1px solid #ccc; }
/*#cboxContent { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: #333333 0px 0px 15px; -webkit-box-shadow: #333333 0px 0px 15px; box-shadow: #333333 0px 0px 15px; overflow: visible; margin-top: 32px; padding: 15px 15px 15px; border: 2px solid #999999 \9; background: #fff; *border: 2px solid #999; }
#cboxContent img { border: 1px solid #efefef; }
#cboxLoadingGraphic { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 20px 12px 12px 20px; background: white url(../img/base/loading.gif) 20px 20px no-repeat; }
*/
#cboxContent { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: #333333 0px 0px 15px; -webkit-box-shadow: #333333 0px 0px 15px; box-shadow: #333333 0px 0px 15px; overflow: visible; margin-top: 32px; padding: 15px 15px 15px; border: 2px solid #999999 \9; background: #fff; *border: 2px solid #999; /*追記*/ max-width: 500px !important; max-height: 500px !important; width: auto !important; height: auto !important; }
#cboxContent img { /*border: 1px solid #efefef;*/ }
#cboxLoadingGraphic { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 20px 12px 12px 20px; background: white url(../img/base/loading.gif) /*20px 20px*/center / 30px  no-repeat; }
#cboxTitle { display: none !important; position: absolute; right: 10px; bottom: 5px; left: 10px; overflow: hidden; height: 20px; font-size: 14px; color: #000; display: none; }
#cboxCurrent { position: absolute; top: -22px; right: 205px; text-indent: -9999px; }
#cboxClose { display: none; position: absolute; top: -22px; right: -22px; width: 40px; height: 40px; margin: 0; padding: 0; border: #000; background: url(../img/base/modalClose.png) no-repeat; text-indent: -9999px; }

.shop .text p {line-height: 1.5em;}

.headerTop { border-bottom: none; }
.headerTop .headerTopWrap { position: relative; height: 38px;/*40px;*/ }
.headerTop .headerTopWrap p.cc{ display: inline-block; float: left; padding: 12px 0 0 19px;/*18px 0 0 19px*/ color: #000; }

.headerTop .headNav { position: absolute; right: 305px; /*204px;*/ top: 11px; display: inline; }
.headerTop .headSearch .text { position: absolute; right: 165px;/*85px;*/ top: 7px; width: 140px; height: 22px; padding: 0 5px; border: #CCCCCC 1px solid; border-right: none; background: #fff; -webkit-appearance: none; outline: none; padding-top: 4px\9; height: 18px\9; }
.headerTop .headSearch .submit { position: absolute; right: 147px; /*0px;*/ top: 7px; outline: none; }

/* logoBox */
.logoBox .logoBoxWrap { position: relative; height: 68px; /*88px;*/ }
.logoBox .logo { position: absolute; left: 4px; top: -2px;/*11px;*/ }
.logoBox .bnr { position: absolute; right: 4px; top: 0px: /*14px;*/ }

.footerAreaNav { overflow: hidden; /*width: 1000px;/*1029px;*/ margin: 0 0 10px 0;/*0 -29px 0 0;*/ padding: 0; list-style: none; _zoom: 1; /*margin-bottom: 10px;*/ }
/*.footerAreaNav div { float: left; margin-right: 29px; margin-bottom: 0px; }*/
.footerAreaNav .footerAreaNavBlock { float: left; width: 310px;/*314px;*/ margin-right:33px; margin-bottom: 0px; }
.footerAreaNav .footerAreaNavBlockLast { float: left; width: 310px; margin-right: 0px; margin-bottom: 0px; }

/*▼add 201708 header_rightcolumn*/
.snsbox { border-top: #ddd 1px solid; height: 70px; }
.snsbox ul { display :flex; display: -webkit-flex; justify-content: space-around; -webkit-justify-content: space-around; align-items: center; -webkit-align-items: center; padding-top: 5px;}
.snsbox img { border-radius: 50%; }
.snsbox a:hover img { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; }

.snsListHeader { display: inline; position: absolute; top: 7px; right: 0px; }
.snsListHeader li { float: left; }
.snsListHeader img { display: inline-block; margin-right: 10px; height: 24px; width: 24px; }
.snsListHeader a:hover img { opacity: 0.6;  filter: alpha(opacity=60);  -ms-filter: "alpha(opacity=60)"; }

.snsListFotter { float: right !important; margin-right: 0; }
.snsListFotter ul.snsList  { display :flex; display: -webkit-flex; margin-top:30px; position: static; }
.snsListFotter li.snsList  { margin-left: 10px; }
.snsListFotter img { display: inline-block; margin-right: 10px; height: 24px; width: 24px; }

/*▲header_rightcolumn*/

/*▼add 201708 pageSNSbutton*/
.snsFlexTop {}
.snsFlexTop ul { display: flex;  margin-top: 10px;  justify-content: flex-end; margin-right: 5px;}
.snsFlexTop li {  /*border: 3px #fff solid;*/  border-radius: 3px;/*6px;*/  flex-basis: 50px; list-style: none;  margin: -3px 0px -3px 3px; background-clip: padding-box; }
.snsFlexTop img {  height: 18px; margin: 0 auto;  display: block;  width: 1.4em; padding: 0; }
/*.snsFlexTop .line { margin-right: 5px; }*/
.snsFlexTop .line-it-button {width: 17px !important; height: 17px !important; margin: 0 0 -3px 15px !important; }

.snsFlex { margin-bottom: 15px; }
.snsFlex ul{ display: flex;  margin: 0;  padding: 0 2em 0;  align-item: center; }
.snsFlex li {  /*border: 3px #fff solid;*/  border-radius: 3px;/*6px;*/  list-style: none;  flex-grow: 1;  margin: -3px 3px -3px 3px; width: 152px; text-align: center; background-clip: padding-box;}
.snsFlex a { display: block; color: #fff; text-decoration: none; font-size: 0.85em; padding: 4px 20px 4px 0;}
.snsFlex img {  margin: 0 auto;  display: block;  width: 1.9em; float: left; padding: 0 0 0 30px; position: relative; top: -2px;}

.twitter {  background-color: #55acee; }
.twitter:hover {opacity:0.7;}
.facebook {  background-color: #1877f2; }
.facebook:hover {opacity:0.7;}
.googleplus {  background-color: #dc4e41; }
.googleplus:hover {opacity:0.7;}
.line {  background-color: #00b900; }
.line:hover {opacity:0.7;}
.hatebu {  background-color: #00a4de; }
.hatebu:hover {opacity:0.7;}

/*.twitter {  background-color: #55acee;  order: 1;}*/
/*.twitter:hover {opacity:0.7;}*/
/*.facebook {  background-color: #3b5998;  order: 2;}*/
/*.facebook:hover {opacity:0.7;}*/
/*.googleplus {  background-color: #dc4e41; }*/
/*.googleplus:hover {opacity:0.7;}*/
/*.line {  background-color: #00b900;  order: 3;}*/
/*.line:hover {opacity:0.7;}*/
/*.hatebu {  background-color: #00a4de;  order: 4;}*/
/*.hatebu:hover {opacity:0.7;}*/

.snsFlex .line-it-button { float: left; width: 20px !important; margin-left: 30px; margin-top: 3px; margin-bottom: -3px; }
.snsFlex .snstext { color: #fff; display: inline-block; font-size: 0.85em; padding-top: 4px;  }

.twitter, 
.facebook,
.googleplus,
.hatebu,
.line { transition: background-color .3s ease; }

/*▲pageSNSbutton*/