/*html5リセット*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

nav ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

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

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

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

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

/*html5リセットend*/

@media screen and (max-width: 768px) {
    /* スマフォ */
    *:after {
        display: block;
        clear: both;
    }

    body {
        width: 100%; /*overflow:hidden;*/
    }

    article, aside, figure, footer, header, hgroup, nav, section {
        display: block;
    }

    /*スマフォend*/
}

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: "メイリオ", Meiryo, "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif, "ＭＳ Ｐゴシック", "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W5";
    font-size: 12px;
    line-height: 1.5;
    color: #333;
    background-color: #ede8e4;
}

a:link {
    color: #ff4123;
    text-decoration: underline;
}

a:visited {
    color: #af0500;
}

a:hover {
    text-decoration: none;
}

@media screen and (max-width: 320px) {
    a:link {
        color: #ff4123;
        text-decoration: none;
    }

    a:visited {
        color: #af0500;
    }

    a:hover {
        text-decoration: none;
    }
}

@media screen and (max-width: 768px) {
    a:link {
        color: #ff4123;
        text-decoration: none;
    }

    a:visited {
        color: #af0500;
    }

    a:hover {
        text-decoration: none;
    }
}

ul li {
    list-style-type: none;
}

img {
    border: none;
}

a img:hover {
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.clearfix,
header,
ul#globalnavi,
#slide,
.headline_border,
#top,
#pages,
#single,
#mypage,
footer .social,
footer nav ul,
article ul.list li,
#single ul.cast,
#single .headline,
.bx-pager,
.paging,
.search {
    zoom: 1;
    min-height: 1%; /* for IE 7*/
}

.clearfix:after,
header:after,
ul#globalnavi:after,
#slide:after,
.headline_border:after,
#top:after,
#pages:after,
#single:after,
#mypage:after,
footer .social:after,
footer nav ul:after,
article ul.list li:after,
#single ul.cast:after,
#single .headline:after,
.bx-pager:after,
.paging:after,
.search:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

@media screen and (max-width: 320px) {
    header nav ul:after {
        content: ".";
        display: block;
        height: 0;
        font-size: 0;
        clear: both;
        visibility: hidden;
    }
}

/*共通*/

.wrap {
    width: 1004px;
    margin: 0 auto;
}

.wrap-slide {
    width: 1004px;
    margin: 0 auto;
}

.wrap ul.header_vote {
    background-color: #fff;
    -moz-box-shadow: 0px 0px 3px #999;
    -webkit-box-shadow: 0px 0px 3px #999;
    box-shadow: 0px 0px 3px #999;
    padding: 6px 16px;
    margin: -10px 0 10px;
}

ul.header_vote li span.date {
    margin-right: 10px;
}

ul.header_vote li {
    margin-bottom: 5px;
}

ul.header_vote li:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 320px) {
    .wrap {
        width: 100%;
        padding: 0 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .wrap-slide {
        width: 100%;
        padding: 0 40px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 768px) {
    .wrap {
        width: 100%;
        padding: 10px 10px 0 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .wrap-slide {
        width: 100%;
        margin: 0 auto;
        padding: 0 15px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

}

nav a:link,
span.members a:link,
#slide ul li a:link {
    text-decoration: none;
}

nav a:link,
span.members a:link,
nav a:visited,
span.members a:visited {
    color: #fff;
}

nav a:hover {
    color: #ffd200;
}

footer nav a:link {
    color: #333;
}

#regist ul li a:hover,
a:hover #regist1,
a:hover #regist2,
a:hover #regist3,
a:hover #regist4,
a:hover #regist5,
a:hover #regist6,
a:hover #regist7,
a:hover #regist8,
.morecontents:hover,
.backtotop:hover,
a.twitter:hover,
a.facebook:hover,
#single .reserve_button:hover {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.leftculum,
.rightculum {
    float: left;
}

.leftculum {
    width: 684px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.rightculum {
    width: 300px;
}

@media screen and (max-width: 320px) {
    .leftculum,
    .rightculum {
        width: 100%;
        margin: 0;
        float: none;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 768px) {
    .leftculum,
    .rightculum {
        width: 100%;
        margin: 0;
        float: none;
        margin-bottom: 10px;
    }

    .rightculum {
        text-align: center;
    }
}

.morecontents {
    width: 66px;
    height: 66px;
    margin: 0 auto;
    background-image: url(images/button_01.png);
    background-position: 0px -66px;
    background-repeat: no-repeat;
}

.morecontents:hover {
    background-position: -66px -66px;
}

.backtotop {
    width: 66px;
    height: 66px;
    background-image: url(images/button_01.png);
    background-repeat: no-repeat;
    margin-right: 0;
    margin-left: auto;
}

.backtotop:hover {
    background-position: -66px 0px;
}

@media screen and (max-width: 320px) {
    .backtotop {
        margin: 0 auto;
    }
}

@media screen and (max-width: 768px) {
    .backtotop {
        margin: 0 auto;
    }
}

a.twitter-timeline {
    display: block;
}

.rightculum .search {
    margin-bottom: 10px;
}

.searchbox {
    -moz-box-shadow: 0px -1px 0px #D9D4D0;
    -webkit-box-shadow: 0px -1px 0px #D9D4D0;
    box-shadow: 0px -1px 0px #D9D4D0;
    -webkit-border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    border-radius: 3px 0px 0px 3px;
    width: 80%;
}

.searchbutton {
    width: 20%;
    -webkit-border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
    background-color: #A7A29E;
    color: #fff;
    font-weight: bold;
}

.searchbox,
.searchbutton {
    padding: 5px 10px;
    border: none;
    display: block;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.searchbutton:hover {
    color: #FD0;
    background-color: #000;
}

/*見出し*/

#slide h2 {
    font-size: 160%;
    color: #57524e;
    border-bottom: 1px solid;
    margin-bottom: 15px;
    text-shadow: 0px 1px 0px #d9d4d0;
}

#slide h2 span {
    border-bottom: 4px solid;
    padding: 0 8px;
}

#top h2,
#pages h1,
#mypage h1,
#security h1 {
    font-size: 160%;
    color: #57524e;
    text-shadow: 0px 1px 0px #d9d4d0;
    float: left;
}

#single h1 {
    font-size: 160%;
    line-height: 1;
    color: #57524e;
    border-bottom: 1px dotted;
    margin-bottom: 9px;
    padding-bottom: 3px;
}

#top h2 span,
#pages h1 span,
#mypage h1 span,
#security h1 span {
    border-bottom: 4px solid;
    padding: 0 8px;
}

article ul.list li h3 a,
article#pages ul.list li h2 a {
    color: #000;
    display: block;
    margin-bottom: 5px;
    text-decoration: none;
}

article ul.list li h3 a {
    font-size: 130%;
    line-height: 1.3;
    height: 40px;
    overflow: hidden;
}

article#pages ul.list li h2 a {
    font-size: 100%;
    line-height: 1.0;
}

article ul.list li h3 a:hover,
article#pages ul.list li h2 a:hover {
    color: #FF4123;
}

article#pages h2,
#single h2,
#mypage h2,
#security h2 {
    font-size: 130%;
    line-height: 1.3;
    color: #57524E;
    border-bottom: 1px solid #D9D4D0;
    -moz-box-shadow: 0px 1px 0px #f7f2ee;
    -webkit-box-shadow: 0px 1px 0px #f7f2ee;
    box-shadow: 0px 1px 0px #f7f2ee;
    margin-bottom: 7px;
}

#security h2 {
    margin-top: 20px;
}

#security .text h2 {
    margin-top: 0;
}

#single h2 {
    margin-top: 6px;
    padding-bottom: 3px;
}

article#pages ul#contact h2 {
}

article#pages ul#contact h2,
article#pages ul#contact h3 {
    font-size: 120%;
    line-height: 1.2;
    color: #57524E;
    text-shadow: 0 1px 0 #f7f2ee;
}

#maplist li h3,
#single h3,
#security h3,
#pages h3 {
    font-size: 120%;
    line-height: 1.2;
    color: #57524E;
    border-bottom: 1px dotted;
    -moz-box-shadow: 0px 1px 0px #f7f2ee;
    -webkit-box-shadow: 0px 1px 0px #f7f2ee;
    box-shadow: 0px 1px 0px #f7f2ee;
    padding-bottom: 2px;
    margin-bottom: 6px;
    margin-top: 12px;
}

#security ul#melit li h3 {
    font-size: 180%;
    line-height: 1;
    border-color: #57524E;
    color: #FF4123;
}

#single h4 {
    font-size: 110%;
    line-height: 1.1;
    color: #57524E;
}

#single #maplist h4 {
    margin-top: 10px;
}

#pages p {
    margin-bottom: 15px;
}

.paging span {
    display: block;
    float: left;
    margin-right: 3px;
    background-color: #fff;
}

.paging span a {
    display: block;
    text-decoration: none;
    background-color: #a7a29e;
    color: #fff;
}

.paging span.current,
.paging span.disabled,
.paging span a {
    padding: 10px 15px;
}

.paging span a:hover,
.paging span.current {
    background-color: #000;
    color: #ffd200;
}

.pc {
    display: block;
}

@media screen and (max-width: 768px) {
    .pc iframe{
        width: 100%;
    }
}
    
.sp {
    display: none;
}

@media screen and (max-width: 320px) {
    .pc {
        display: none;
    }

    .sp {
        display: block;
    }
}

/*ヘッダー*/

header {
    padding: 10px 0;
}

header .logo,
header span.members a,
header nav ul li {
    float: left;
}

@media screen and (max-width: 320px) {
    header .logo,
    header span.members a,
    header span.members_registered a {
    }
}

header .logo {
    margin-top: 3px;
    margin-left: 51px;
}

@media screen and (max-width: 320px) {
    header .logo {
        margin: 0 10px 0 15px;
        text-align: center;
    }
}

header p {
    margin-left: 51px;
    font-size: 90%;
}

header nav ul {
    float: right;
}

@media screen and (max-width: 320px) {
    header p {
        text-align: center;
        margin-bottom: 4px;
    }

    header nav ul {
        float: none;
        clear: both;
    }
}

span.members a {
    background: linear-gradient(#ddd, #ccc);
    background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#ccc)); /*chrome*/
    background: -moz-linear-gradient(top, #ddd, #ccc); /*firefox*/
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#dddddd, endcolorstr=#cccccc)); /*IE7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#dddddd, endcolorstr=#cccccc))";
    zoom: 1; /*IE9,IE8*/
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
    padding: 3px 6px 2px 6px;
    text-shadow: 0px -1px 0px #bbb;
    margin-left: 5px;
    margin-top: 16px;
    text-indent: 14px;
}

span.members a:hover,
span.members_registered a {
    background: linear-gradient(#ff4123, #e12305);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff4123), to(#e12305)); /*chrome*/
    background: -moz-linear-gradient(top, #ff4123, #e12305); /*firefox*/
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#ff4123, endcolorstr=#e12305)); /*IE7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ff4123, endcolorstr=#e12305))";
    zoom: 1; /*IE9,IE8*/
    text-shadow: 0px -1px 0px #e12305;
    -moz-box-shadow: 0px 0px 2px #999;
    -webkit-box-shadow: 0px 0px 3px #999;
    box-shadow: 0px 0px 3px #999;
}

span.members_registered a {
    color: #fff;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
    padding: 3px 6px 2px 6px;
    margin-left: 5px;
    margin-top: 16px;
    float: left;
    text-indent: 15px;
}

#security span.members a,
#security span.members_registered a {
    display: inline-block;
}

@media screen and (max-width: 320px) {
    span.members a,
    span.members_registered a {
        display: inline-block;
    }
}

span.members a .plusemark {
    background-image: url(images/plusemark.png);
    background-repeat: no-repeat;
}

span.members_registered a .checkmark {
    background-image: url(images/checkmark.png);
    background-repeat: no-repeat;
}

#regist ul,
ul#globalnavi {
    background-color: #57524e;
}

#regist ul {
    border-bottom: 6px solid #d9d4d0;
}

#regist ul li a,
ul#globalnavi li a {
    display: block;
    border-left: 1px solid #36302C;
    border-right: 1px solid #827c76;
}

#regist ul li a {
    padding: 4px 0px;
    width: 136px;
    text-align: center;
    position: relative;
}

#regist ul li a:hover:before {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    top: 50px;
    left: 63px;
    border-style: solid;
    border-width: 6px 3px 0px 3px;
    border-color: #000 rgba(217, 212, 208, 0);
}

@media screen and (max-width: 320px) {
    nav#regist {
    }
    
    #regist ul li {
        width: 33.33%;
    }
    
    #regist ul li a {
        width: 98px;
    }

    #regist ul li a:hover:before {
        left: 45px;
    }

    #regist ul li.idolsms a span {
        display: none;
    }

}

@media screen and (max-width: 768px) {
    nav#regist {
    }

    #regist ul li {
        width: 33.33%;
    }

    #regist ul li a {
        width: 98px;
    }

    #regist ul li a:hover:before {
        left: 45px;
    }

    #regist ul li.idolsms a span {
        display: none;
    }

}


#regist a #regist1,
#regist a #regist2,
#regist a #regist3,
#regist a #regist4,
#regist a #regist5 {
    width: 22px;
    height: 22px;
    margin: 0 auto;
    background-image: url(images/icon.png);
    margin-bottom: 2px;
}

#regist ul li a:hover {
    background-color: #000;
}

#regist a #regist1 {
    background-position: -88px 0px;
}

#regist a:hover #regist1 {
    background-position: -88px -22px;
}

#regist a #regist2 {
    background-position: -66px 0px;
}

#regist a:hover #regist2 {
    background-position: -66px -22px;
}

#regist a #regist3 {
    background-position: -22px 0px;
}

#regist a:hover #regist3 {
    background-position: -22px -22px;
}

#regist a #regist4 {
    background-position: 0px 0px;
}

#regist a:hover #regist4 {
    background-position: 0px -22px;
}

#regist a #regist5 {
    background-position: -44px 0px;
}

#regist a:hover #regist5 {
    background-position: -44px -22px;
}

#regist .idolsms img {
    height: 22px;
    width: 22px;
    display: block;
    margin: auto;
    margin-bottom: 2px;
}

/*グローバルナビ*/

ul#globalnavi {
    margin-bottom: 10px;
    border-bottom: 3px solid #d9d4d0;
}

ul#globalnavi li {
    float: left;
    width: 14.28%;
    text-align: center;
}

ul#globalnavi li a {
    padding: 6px 10px 5px 10px;
}

ul#globalnavi li:last-child a {
    padding-left: 28px;
    padding-right: 28px;
}

@media screen and (max-width: 320px) {
    ul#globalnavi li {
        width: 25%;
    }
    
    ul#globalnavi .spcol3 {
        width: 33.33%;
    }

    ul#globalnavi li a,
    ul#globalnavi li:last-child a {
        padding: 5px;
    }

    ul#globalnavi li a {
        text-align: center;
        line-height: 1.3;
        border-top: 1px solid #36302C;
        border-bottom: 1px solid #827C76;
    }

    ul#globalnavi li a span {
        height: 30px;
        overflow: hidden;
        display: block;
    }
}

@media screen and (max-width: 768px) {
    ul#globalnavi li {
        width: 25%;
    }

    ul#globalnavi .spcol3 {
        width: 33.33%;
    }
    
    ul#globalnavi li a {
        margin: 0;
        padding: 12px 12px 0;
        height: 62px;
        text-align: center;
        line-height: 1.3;
        border-top: 1px solid #36302C;
        border-bottom: 1px solid #827C76;

    }

    ul#globalnavi li:last-child a {
        padding-left: 19px;
        padding-right: 19px;
    }

}

ul#globalnavi > li {
    position: relative;
}

#globalnavi a #regist1,
#globalnavi a #regist2,
#globalnavi a #regist3,
#globalnavi a #regist4,
#globalnavi a #regist5,
#globalnavi a #regist6,
#globalnavi a #regist7,
#globalnavi a #regist8 {
    width: 22px;
    height: 22px;
    margin: 0 auto;
    background-image: url(images/icon.png);
}

#globalnavi a #regist1 {
    background-position: -110px 0px;
}

#globalnavi a:hover #regist1 {
    background-position: -110px -22px;
}

#globalnavi a #regist2 {
    background-position: -132px 0px;
}

#globalnavi a:hover #regist2 {
    background-position: -132px -22px;
}

#globalnavi a #regist3 {
    background-position: -198px 0px;
}

#globalnavi a:hover #regist3 {
    background-position: -198px -22px;
}

#globalnavi a #regist4 {
    background-position: -220px 0px;
}

#globalnavi a:hover #regist4 {
    background-position: -220px -22px;
}

#globalnavi a #regist5 {
    background-position: -154px 0px;
}

#globalnavi a:hover #regist5 {
    background-position: -154px -22px;
}

#globalnavi a #regist6 {
    background-position: -242px 0px;
}

#globalnavi a:hover #regist6 {
    background-position: -242px -22px;
}

#globalnavi a #regist7 {
    background-position: -176px 0px;
}

#globalnavi a:hover #regist7 {
    background-position: -176px -22px;
}

#globalnavi a #regist8 {
    background-position: -264px 0px;
}

#globalnavi a:hover #regist8 {
    background-position: -264px -22px;
}

ul#globalnavi li > ul {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 9999;
    background-color: #bcbab8;
    display: none;
}

@media screen and (max-width: 320px) {
    ul#globalnavi li > ul li {
        width: 100%;
    }

    ul#globalnavi li > ul li a {
        border: none;
        height: auto;
    }
}

@media screen and (max-width: 320px) {
    ul#globalnavi li > ul li {
        width: 100%;
    }

    ul#globalnavi li > ul li a {
        border: none;
        height: auto;
    }
}

ul#globalnavi li > ul > li {
    float: none;
    width: 100%;
}

ul#globalnavi li > ul > li a {
    border: none;
    text-align: center;
}

ul#globalnavi li > ul > li a,
ul#globalnavi li > ul > li:last-child a {
    padding: 0px;
}

ul#globalnavi li > ul > li:nth-child(1) a {
    background-color: #686460;
}

ul#globalnavi li > ul > li:nth-child(2) a {
    background-color: #797571;
}

ul#globalnavi li > ul > li:nth-child(3) a {
    background-color: #8a8683;
}

ul#globalnavi li > ul > li:nth-child(4) a {
    background-color: #9a9795;
}

ul#globalnavi li > ul > li:nth-child(5) a {
    background-color: #aba9a7;
}

ul#globalnavi li > ul > li:nth-child(6) a {
    background-color: #aba9a7;
}

/*スライド*/

#slide {
    background-color: #fff;
    padding: 20px 0;
    margin-bottom: 10px;
}

#single #slide {
    padding-top: 0;
}

@media screen and (max-width: 320px) {
    #slide {
        padding: 10px 0px;
        font-size: 80%;
    }
}

@media screen and (max-width: 768px) {
    #slide {
        padding: 10px 0px;
        font-size: 80%;
    }
}

#single #slide {
    background: transparent;
}

#slide ul,
#slide .arrow_left,
#slide .arrow_right {
    float: left;
}

#slide .arrow_left,
#slide .arrow_right {
    width: 60px;
    height: 60px;
    background-image: url(images/arrows.png);
    display: block;
    margin-top: 215px;
}

#slide .arrow_left {
    margin-right: 16px;
    background-position: 0px 0px;
}

#slide .arrow_right {
    margin-left: 16px;
    background-position: -60px 0px;
}

#slide .arrow_left:hover {
    background-position: 0px -60px;
}

#slide .arrow_right:hover {
    background-position: -60px -60px;
}

#slide #noslider > div,
#slide #slider > div {
    position: relative;
}

#slide ul li a,
#slide ul li a img {
    display: block;
}

#slide #noslider > div,
#slide #slider > div {
    background-color: #EDE8E4;

}

#slide #noslider > div img,
#slide #slider > div img {
    display: block;
    margin: auto;
    max-width: 100%;
    max-height: 490px;
}

#slide #slider > div .overayinformation {
    position: absolute;
    z-index: 9999;
    bottom: 0;
    width: 100%;
    background-image: url(images/back_white.png);
}

@media screen and (max-width: 320px) {
    #slide #slider > div,
    #slide #slider > div .overayinformation {
        position: static;
    }

    #slide #slider > div img {
        max-height: 200px;
    }

}

@media screen and (max-width: 768px) {
    #slide #slider > div,
    #slide #slider > div .overayinformation {
        position: static;
    }

    #slide #slider > div img {
        max-height: 280px;
    }

}

a .overayinformation .date,
a .overayinformation .information,
#single .headline .date {
    float: left;
}

@media screen and (max-width: 320px) {
    a .overayinformation .date,
    a .overayinformation .information,
    #single .headline .date {
        float: none;
    }
}

@media screen and (max-width: 768px) {
    a .overayinformation .date,
    a .overayinformation .information,
    #single .headline .date {
        float: none;
        padding: 10px;
    }
}


a .overayinformation .date,
article ul.list li .photo .date,
#single .headline .date {
    background-color: #fff;
    color: #57524E;
    /*color:#fff;*/
    padding: 25px 10px;
    font-size: 250%;
    line-height: 1;
    text-align: center;
    font-weight: bold;
    font-family: 'Cantata One', serif;
    border-right: 1px dotted #bbb6b2;
}

article ul.list li .photo .date,
#single .headline .date {
    border-top: 1px dotted #bbb6b2;
}

a .overayinformation .date small,
article ul.list li .photo .date small,
#single .headline .date small {
    font-size: 70%;
}

a .overayinformation .date span,
article ul.list li .photo .date span,
#single .headline .date span {
    display: block;
    font-size: 40%;
    line-height: 1;
    font-weight: normal;
    font-family: "メイリオ", Meiryo, "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif, "ＭＳ Ｐゴシック", "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W5";
    margin-top: 3px;
}

a .overayinformation .date.sun,
article ul.list li .photo .date.sun,
#single .headline .date.sun {
    color: #dc0000;

}

a .overayinformation .date.sat,
article ul.list li .photo .date.sat,
#single .headline .date.sat {
    color: #0096ff;

}

@media screen and (max-width: 320px) {
    a .overayinformation .date,
    article ul.list li .photo .date,
    #single .headline .date {
        background-color: transparent;
        color: #000;
        padding: 0;
        font-size: 250%;
        line-height: 1;
        text-align: left;
        font-weight: bold;
        font-family: 'Cantata One', serif;
        border-bottom: 1px dotted;
        padding-bottom: 3px;
        margin-bottom: 6px;
    }

    a .overayinformation .date small,
    article ul.list li .photo .date small,
    #single .headline .date small {
        font-size: 70%;
    }

    a .overayinformation .date span,
    article ul.list li .photo .date span,
    #single .headline .date span {
        display: inline-block;
    }
}


@media screen and (max-width: 768px) {
    a .overayinformation .date,
    article ul.list li .photo .date,
    #single .headline .date {
        background-color: transparent;
        color: #000;
        padding: 0;
        font-size: 250%;
        line-height: 1;
        text-align: left;
        font-weight: bold;
        font-family: 'Cantata One', serif;
        border-bottom: 1px dotted;
        padding-bottom: 3px;
        margin-bottom: 6px;
    }

    a .overayinformation .date small,
    article ul.list li .photo .date small,
    #single .headline .date small {
        font-size: 70%;
    }

    a .overayinformation .date span,
    article ul.list li .photo .date span,
    #single .headline .date span {
        display: inline-block;
    }
}




a .overayinformation .information {
    color: #333;
    padding: 12px;
    width: 740px;
}

@media screen and (max-width: 320px) {
    a .overayinformation .information {
        width: auto;
    }

    a .overayinformation .information {
        padding: 0;
    }
}

a .overayinformation .information h3 {
    font-size: 140%;
    color: #000;
    line-height: 1;
    margin-bottom: 7px;
    height: 17px;
    width: 740px;
    overflow: hidden;
}

@media screen and (max-width: 768px) {
    a .overayinformation .information {
        width: 100%;
    }

    a .overayinformation .information h3 {
        width: 100%;
        display: inline;
    }
}

@media screen and (max-width: 320px) {
    a .overayinformation .information h3 {
        width: 300px;
        height: 100%;
        line-height: 1.2;
    }
}

a:hover .overayinformation .date,
a:hover .overayinformation .information h3/*,
article ul.list li .photo:hover .date*/  {
    color: #ff4123;
}

a .overayinformation .information p {
    margin-top: 7px;
}

a .overayinformation .information p span {
    background-color: #57524e;
    padding: 1px 8px 0px 8px;
    color: #fff;
    margin-right: 3px;
    margin-left: 9px;
}

@media screen and (max-width: 320px) {
    a .overayinformation .information p {
        text-align: center;
        display: none;
    }

    a .overayinformation .information p span {
        clear: both;
        display: block;
        margin: 0;
        margin-top: 5px;
    }
}

@media screen and (max-width: 768px) {
    a .overayinformation .information p {
        text-align: left;
        display: none;
    }

    a .overayinformation .information p span {
        clear: both;
        display: none;
        margin: 0;
        margin-top: 5px;
    }
}

a .overayinformation .information p span:first-child {
    margin-left: 0;
}

#slider > div {
    margin: 0 auto;
}

@media screen and (max-width: 320px) {
    #slider > div a img {
        max-width: 100%;
    }
}

@media screen and (max-width: 768px) {
    #slider > div a img {
        max-width: 100%;
    }
}

#slide .bx-pager {
    margin-top: 20px;
    text-align: center;
}

#single #slide .bx-pager {
    margin-top: 5px;
}

#slide .bx-pager-item span,
.bx-controls-direction a span {
    display: none;
}

#slide .bx-pager-item {
    display: inline-block;
}

#slide .bx-pager-item a {
    text-indent: -9999px;
    width: 12px;
    height: 12px;
    display: block;
    margin: 0px 4px;
    background-color: #d9d4d0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0px 1px 1px #979491 inset;
    -moz-box-shadow: 0px 1px 1px #979491 inset;
    box-shadow: 0px 1px 1px #979491 inset;
}

#slide .bx-pager-item a.active {
    background-color: #ff4123;
    -webkit-box-shadow: 0px 1px 1px #b22d18 inset;
    -moz-box-shadow: 0px 1px 1px #b22d18 inset;
    box-shadow: 0px 1px 1px #b22d18 inset;
}

.bx-controls-direction a {
    width: 60px;
    height: 60px;
    margin-top: -30px;
    background-image: url(images/arrows.png);
    display: block;
}

.bx-controls-direction a.bx-prev {
    background-position: 0px 0px;
    float: left;
}

.bx-controls-direction a.bx-next {
    background-position: -60px 0px;
    float: right;
}

.bx-controls-direction a.bx-prev:hover {
    background-position: 0px -60px;
}

.bx-controls-direction a.bx-next:hover {
    background-position: -60px -60px;
}

#single .bx-controls-direction {
    display: none;
}

#single #slide .bx-pager {
    padding: 0;
}

/*新着情報*/

.headline_border {
    border-bottom: 1px solid;
    margin-bottom: 10px;
}

.headline_border h1 span{
    display: block;
}

.headline_border span.alllist {
    float: right;
    padding-top: 8px;
}

ul.news {
    background-color: #fff;
    -moz-box-shadow: 0px 0px 3px #999;
    -webkit-box-shadow: 0px 0px 3px #999;
    box-shadow: 0px 0px 3px #999;
    padding: 12px 16px;
    margin-bottom: 20px;
}

ul.news li span.date {
    margin-right: 10px;
}

ul.news li {
    margin-bottom: 5px;
}

ul.news li:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 320px) {
    ul.news li {
        border-bottom: 1px dotted;
        padding-bottom: 5px;
        margin-bottom: 10px;
    }

    ul.news li span.date {
        display: block;
    }
}

/*公演一覧*/

article ul.list li {
    position: relative;
    background-color: #fff;
    margin-bottom: 10px;
    -moz-box-shadow: 0px 0px 3px #999;
    -webkit-box-shadow: 0px 0px 3px #999;
    box-shadow: 0px 0px 3px #999;
}

@media screen and (max-width: 320px) {
    article ul.list li .photo a img {
        width: 100%;
    }

}

article ul.list li .photo,
article ul.list li .text {
    float: left;
}

article ul.list li .photo img,
article ul.list li .photo a {
    display: block;
}

article ul.list li .photo {
    width: 200px;
    height: 200px;
}

@media screen and (max-width: 320px) {
    article ul.list li .photo {
        height: auto;
    }
}


@media screen and (max-width: 768px) {
    article ul.list li .photo {
        height: auto;
    }
}

article ul.list li .photo img {
    margin: auto;
}

@media screen and (max-width: 320px) {
    article ul.list li .photo {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    article ul.list li .photo {
        width: 100%;
    }
}

article ul.list li .photo .date {
    position: absolute;
    z-index: 9999;
    bottom: 0;
    padding: 10px;
    font-size: 200%;
}

@media screen and (max-width: 320px) {
    article ul.list li .photo,
    article ul.list li .photo .date {
        position: static;
    }

    article ul.list li .photo .date {
        padding: 5px 10px;
        border-bottom: none;
        margin-bottom: 0;
    }
}


@media screen and (max-width: 768px) {
    article ul.list li .photo,
    article ul.list li .photo .date {
        position: static;
    }

    article ul.list li .photo .date {
        padding: 5px 10px;
        border-bottom: none;
        margin-bottom: 0;
    }
}

article ul.list li .photo .date span {
    display: inline-block;
    font-size: 50%;
}

article ul.list li .text {
    padding: 12px 16px;
    width: 484px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width: 320px) {
    article ul.list li .text {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    article ul.list li .text {
        width: 100%;
    }
}

/*公演一覧の情報*/

article ul.list li .text table {
    margin-top: 5px;
    width: 100%;
}

article ul.list li .text table th,
#single table th {
    background-color: #57524e;
    padding: 1px 8px 0px 8px;
    color: #fff;
    text-align: center;
    border-bottom: 5px solid #fff;
    vertical-align: middle;
    width: 25%;
}

#single table th {
    border-bottom: 5px solid #ede8e4;
}

article ul.list li .text table td,
#single table td {
    padding: 1px 8px 0px 8px;
    width: 25%;
}

article ul.list li .text table td.accepting,
#single table td.accepting {
    padding: 0;
}

article ul.list li .text table td.accepting a,
#single table td.accepting a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    display: block;
    margin: 5px;
}

article ul.list li .text table td.soldout span,
#single table td.soldout span {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    text-decoration: none;
    text-align: center;
}

article ul.list li .text table td.accepting a,
#single table td.accepting a {
    background: linear-gradient(#ff4123, #e12305);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff4123), to(#e12305)); /*chrome*/
    background: -moz-linear-gradient(top, #ff4123, #e12305); /*firefox*/
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#ff4123, endcolorstr=#e12305)); /*IE7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ff4123, endcolorstr=#e12305))";
    zoom: 1; /*IE9,IE8*/
    text-shadow: 0px -1px 0px #e12305;
}

article ul.list li .text table td.accepting a:hover,
#single table td.accepting a:hover {
    background: linear-gradient(#555, #000);
    background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#000)); /*chrome*/
    background: -moz-linear-gradient(top, #555, #000); /*firefox*/
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#555, endcolorstr=#000)); /*IE7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#555, endcolorstr=#000))";
    zoom: 1; /*IE9,IE8*/
    text-shadow: 0px -1px 0px #333;
}

article ul.list li .text table td.soldout span,
#single table td.soldout span {
    display: block;
    background: linear-gradient(#ddd, #ccc);
    background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#ccc)); /*chrome*/
    background: -moz-linear-gradient(top, #ddd, #ccc); /*firefox*/
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#dddddd, endcolorstr=#cccccc)); /*IE7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#dddddd, endcolorstr=#cccccc))";
    zoom: 1; /*IE9,IE8*/
    text-shadow: 0px -1px 0px #bbb;
}

@media screen and (max-width: 320px) {
    /*	article ul.list li .text table th,
        article ul.list li .text table td,
        #single table th,
        #single table td {
            width:67px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        }

        article ul.list li .text table td,
        article ul.list li .text table td.soldout,
        article ul.list li .text table td.accepting a,
        #single table td,
        #single table td.soldout,
        #single table td.accepting {
            padding:5px 0;
            margin-right:0;
            margin-left:0;
        }

        article ul.list li .text table td.soldout,
        article ul.list li .text table td.accepting a,
        #single table td.soldout,
        #single table td.accepting a {
            margin-bottom:10px;
        }

        article ul.list li .text table th,
        #single table th {
            border:none;
        }
        */
}


/*会場へのアクセス*/

#maplist small {
    display: block;
}

#maplist li {
    margin-bottom: 20px;
}

@media screen and (max-width: 320px) {
    #maplist iframe{
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    #maplist iframe{
        width: 100%;
    }
}



/*お問い合わせ*/

article#pages ul#contact li {
    margin-bottom: 12px;
}

article#pages ul#contact li:last-child {
    margin-bottom: 0;
}

article#pages ul#contact input[type="text"],
article#pages ul#contact textarea {
    border: none;
    padding: 5px 10px;
    width: 50%;
    margin-top: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0px -1px 0px #D9D4D0;
    -webkit-box-shadow: 0px -1px 0px #D9D4D0;
    box-shadow: 0px -1px 0px #D9D4D0;
}

@media screen and (max-width: 320px) {
    article#pages ul#contact input,
    article#pages ul#contact textarea {
        width: 90%;
    }
}

p.linktofaq {
    margin-bottom: 20px;
    font-size: 120%;
}

article#pages ul#contact input.submit,
.edit a,
#security input.submit {
    background-color: #a7a29e;
    color: #fff;
    font-weight: bold;
    font-size: 140%;
}

article#pages ul#contact input.submit:hover,
.edit a:hover,
#security input.submit:hover {
    background-color: #000;
    color: #ffd200;
}

ul#contact li p.caution,
.howtouseparagraph small {
    font-size: 90%;
    color: #777;
}

/*よくある質問*/

ul.question {
    margin-bottom: 20px;
}

ul.answer li {
    margin-left: 10px;
    border-bottom: 1px dotted #D9D4D0;
    padding: 15px 0;
}

ul.answer li:last-child {
    border-bottom: none;
    padding-bottom: 15px;
}

#pages ul.answer li p {
    margin-bottom: 0;
    margin-left: 10px;
}

ul.answer li h4 {
    color: #57524E;
    font-size: 120%;
}

ul.answer li h5 {
    margin: 20px 0 0 0;
    color: #5D5957;
    font-size: 125%;
}

ul.answer small {
    font-size: 90%;
}

/*チケット購入方法*/

#pages table#howtouse {
    margin-bottom: 20px;
    width: 100%;
    color: #57524E;
}

#pages table#howtouse th,
#pages table#howtouse td {
    padding: 10px;
}

#pages table#howtouse td {
    border-bottom: 1px dotted #bbb6b2;
}

#pages table#howtouse td.headline {
    font-size: 150%;
    font-weight: bold;
}

#pages table#howtouse td:last-child {
    border-left: 1px dotted #bbb6b2;
    padding-left: 10px;
}

#pages table#howtouse th {
    background-color: #57524E;
    color: #fff;
    border-bottom: 1px dotted #999999;
}

#pages table#howtouse .help--table__head{
    margin: 20px 0 4px 0px;
    display: block;
}

#pages table#howtouse .help--table__head th{
    display: block;
    width:100%;
}

#pages table#howtouse td span {
    font-family: 'Archivo Black', sans-serif;
}

#pages .serviceuse .usehead{
    padding: 10px 0 10px 12px;
    background-color: #57524E;
    color: #fff;
    font-weight: bold;
    border-bottom: 1px dotted #999999;
}

#pages .serviceuse h3{
    margin: 25px 0 8px 0;
    font-size: 150%;
    font-weight: bold;
    line-height: 0.9;
}

#pages .serviceuse h3 span {
    font-family: 'Archivo Black', sans-serif;
}

#pages .serviceuse .subbox {
    background-color: #E2DEDE;
    padding: 10px 12px;
    margin: 0 0 38px 0;
}


#pages .service-point_box{
    
}

#pages .pointhead{
    display: block;
    padding: 10px 0 10px 12px;
    background-color: #57524E;
    color: #fff;
    font-weight: bold;
    border-bottom: 1px dotted #999999;
}

@media screen and (max-width: 320px) {
#pages .service-point_box .subhead{
    background-color: #E0DDDD;
    font-weight: bold;
    margin: 22px 0 0 0;
}
}

.howtouseparagraph small {
    margin-top: 5px;
    margin-bottom: 20px;
    display: block;
    font-size: 100%;
}

.howtouseparagraph ol {
    margin-left: 20px;
}

@media screen and (max-width: 320px) {
    #pages table#howtouse th:first-child,
    #pages table#howtouse td:first-child,
    #pages table#howtouse td:nth-child(2) {
        display: list-item;
    }
}

/*詳細ページ*/

#single .headline {
    margin-bottom: 10px;
}

#single .headcopy {
    float: left;
    margin-left: 10px;
    width: 560px;
}
@media screen and (max-width: 320px) {

#single .headcopy {
    float: left;
    margin-left: 10px;
    width: 100%;
    }
}

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

    #single .headcopy {
        float: left;
        margin-left: 10px;
        width: 100%;
    }
}

#single p.bodytext {
    margin-bottom: 20px;
}

#single ul.cast {

}

#single ul.cast li {
    float: left;
    margin-right: 6px;
    margin-bottom: 10px;
}

#single ul.cast li:nth-child(5n) {
    margin-right: 0;
}

#single ul.cast li span {
    display: block;
    text-align: center;
    line-height: 1;
}

#single #maplist p {
    margin-bottom: 10px;
}

#single .reserve_button {
    height: 100px;
    width: 100px;
    border: none;
    background-image: url(images/button_02.png);
    background-repeat: no-repeat;
    margin-bottom: 20px;
    cursor: pointer;
}

#single .reserve_button:hover {
    background-position: -100px 0px;
}

/*マイページ*/

#mypage table#account {
    width: 100%;
    margin-bottom: 5px;
}

#mypage #account th,
#mypage #account td {
    background-color: #f1efee;
    padding: 10px;
    border-bottom: 1px solid #cfcac6;
}

#mypage #account tr:nth-child(even) th,
#mypage #account tr:nth-child(even) td {
    background-color: #fff;
}

#mypage #account th {
    width: 30%;
    border-right: 1px solid #cfcac6;
}

#mypage #account td {
    text-align: left;
    width: 70%;
}

#mypage .edit a {
    font-size: 120%;
    text-decoration: none;
    padding: 4px 12px;
    display: inline-block;
    margin-bottom: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#mypage .caution,
#security p.caution {
    color: #ff4123;
}

#mypage .error-message,
#security div.error-message,
#contact div.error-message {
    color: #ff4123;
}

#mypage p {
    margin-bottom: 10px;
}

#mypage h2 span.alllist a {
    float: right;
    font-size: 80%;
    font-weight: normal;
}

#mypage ul.list li .text {
    width: 300px;
}

#mypage ul#play_menu {
    background: #57524E;
    clear: both;
    display: block;
    height: 32px;
    width: 100%;
    margin-bottom: 5px;
}

#mypage ul#play_menu li {
    display: block;
    float: left;
    height: 32px;
    line-height: 32px;
    text-align: center;
    width: 16.6666666667%;
}

#mypage ul#play_menu li a {
    display: block;
    border-left: 1px solid #36302C;
    border-right: 1px solid #827C76;
    text-decoration: none;
    color: #fff;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#mypage ul#play_menu li a.nowplay,
#mypage ul#play_menu li a:hover {
    color: #ffd200;
    background: #000;
}

/*セキュリティ*/

#security {
    width: 500px;
    background-color: #fff;
    padding: 15px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0px -1px 0px #BBB6B2;
    -webkit-box-shadow: 0px -1px 0px #BBB6B2;
    box-shadow: 0px -1px 0px #BBB6B2;
    margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
    #security {
        width: 100%;
        margin: 10px auto;
    }
}

#security input,
#security textarea {
    border: none;
    padding: 5px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 50%;
    -moz-box-shadow: 0px -1px 0px #D9D4D0;
    -webkit-box-shadow: 0px -1px 0px #D9D4D0;
    box-shadow: 0px -1px 0px #D9D4D0;
    background-color: #faf8f4;
}

#security input#bitcash {
    margin-bottom: 5px;
}

#security input.checkbox,
#security input.radio,
article#pages ul#contact li input.radio {
    width: 15px;
    margin-right: 3px;
}

article#pages ul#contact li input.radio {
    margin-top: 0;
}

article#pages ul#contact li textarea {
    display: block;
    margin-top: 10px;
}

#security p {
    margin-bottom: 10px;
}

#security small {
    display: block;
}

#security li {
    margin-bottom: 10px;
}

#security p.invitation {
    border: 3px solid #EDE8E4;
    padding: 10px;
    text-align: center;
    background-color: #fcfaf5;
    font-size: 120%;
    font-weight: bold;
    margin: 10px 0;
}

@media screen and (max-width: 320px) {
    #security {
        width: 300px;
        margin-bottom: 10px;
    }

    #security input {
        width: 90%;
    }

    #security .flow img {
        width: 100%;
    }

}

/*プライバシーポリシー*/

#privacy ul {
    background-color: #FFF;
    padding: 20px;
    margin-bottom: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#privacy ul li {
    border-bottom: 1px dotted #D9D4D0;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#privacy ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0px;
}

/*利用規約*/

#rule ol {
    margin-left: 20px;
}

#rule li {
    margin-bottom: 20px;
}

#rule li ul {
    margin-left: 20px;
    margin-top: 10px;
}

#rule li ul li {
    margin-bottom: 5px;
    list-style-type: disc;
}

/*フッター*/

footer {
    background-color: #ffd200;
    color: #57524e;
    padding: 20px 0;
}

footer a:visited {
    color: #000;
}

footer .social {
    margin-bottom: 15px;
}

footer .social li a {
    margin-right: 5px;
}

a.twitter,
a.facebook {
    width: 40px;
    height: 40px;
    background-image: url(images/button_03.png);
    display: block;
    float: left;
}

a.twitter:hover {
    background-position: -40px 0;
}

a.facebook {
    background-position: -80px 0;
}

a.facebook:hover {
    background-position: -120px 0;
}

footer nav ul li {
    float: left;
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid;
}

footer nav ul li:last-child {
    margin-right: 0px;
    padding-right: 0px;
    border-right: none;
}

footer nav ul li a:hover {
    color: #ff4123;
    text-decoration: underline;
}

footer nav ul#regist {
    font-size: 120%;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 7px;
}

.copyright {
    color: #b79a2f;
    margin-top: 3px;
    display: block;
}

@media screen and (max-width: 320px) {
    footer .wrap {
        padding: 0;
        text-align: center;
    }

    footer nav ul li {
        float: none;
        border: none;
        margin: 0;
        padding: 0;
    }

    footer nav ul li a {
        padding: 10px;
        display: block;
        border-top: 1px solid #ffe980;
        border-bottom: 1px solid #dbb700;
    }

    footer nav ul {
        border-bottom: 1px solid #ffe980;
        border-top: 1px solid #dbb700;
    }

    footer .social {
        width: 90px;
        margin: 0px auto 10px auto;
    }

}

div.error-message {
    color: #ff4123;
}

div#ondemand_authMessage {
    color: #ff4123;
}

.tooltiptext {
    display: none;
}

span.add_favorite {
    float: left;
    padding-top: 8px;
}

div#flashMessage {
    background-color: #FFF;
    padding: 10px;
    border: 1px solid red;
    margin-bottom: 10px;
    width: 600px;
    margin: auto;
    margin-bottom: 10px;
}

#ondemand_search_wrap {
    display:none;
}
div.ondemand_block {
    display: none;
    clear: both;
}
ul.ondemand_search li {
    float: left;
    width: 168px;
    margin-right: 8px;
}

ul.ondemand_search li:nth-child(4n) {
    margin-right: 0;
}

ul.ondemand_search li a {
    display: block;
}

ul.ondemand_search li a img {
    width: 168px;
    height: auto;
}

ul.ondemand_search li a h3 {
    color: #0088CC;
    margin: 6px 0 2px 0;
}

ul.ondemand_search p {
    font-size: 85%;
}

.dbx-box {
    margin: 0 0 10px 0;
    padding: 0;
    border: 1px solid #bbbbbb !important;
    -moz-box-shadow: 0px 1px 0px #f7f2ee;
}
h3.dbx-handle {
    padding: 10px 0 7px 15px !important;
    border-bottom: 1px solid #bbbbbb;
    font-size: 16px !important;
    font-weight: bold;
    background-color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eaeaea));
    margin-top:0px !important;
    margin-bottom:0px !important;
}
.dbx-content {
    margin: 0;
    padding: 5px;
    background: #fff;
    overflow: hidden;
}

#execphp-15 span {
    background-color: #FF7F50;
    color: #FFFFFF;
    display: block;
    float: left;
    height: 46px;
    margin-right: 5px;
    padding: 2px;
    width: 10px;
}

.dbx-content li #list_img_l {
    margin-right: 5px;
    width: 50px;
    float: left;
}

element.style {
}
.dbx-content .execphpwidget h4 {
    color:#000;
    font-weight: normal;
    font-size: 12px;
    overflow: hidden;
    margin-bottom: 0px;
    margin-top: 0px;
}
.dbx-content .execphpwidget small {
    float: left;
    color:#808080;
    font-size: 11px;
    font-weight: normal;
    text-overflow: ellipsis;
}

#megamenu >.panel-wrap >a:before {
    top: 25px;
}

.text-red {
    color: #dd4b39 !important;
}