@charset "UTF-8";

body { font-size: 1rem; }
h1, h2, h3 { margin: 0; font-weight: normal; }

.slide_area {
    user-select:none;
    -ms-user-select:none;
    -moz-user-select:none;
    -webkit-user-select:none;
}

.theme h3 {
    margin: 0 0 0.4rem;
    font-size: 1.3rem;
}

.theme .date {
    padding: 0.5rem 1.15rem;
}

.theme .tabs {
    height: 3.5rem;
    position: relative;
}

.theme .tabs .prev, .theme .tabs .next {
    top: 0;
    width: 2.5rem;
    height: 100%;
    content: ' ';
    position: absolute;
}

.theme .tabs .prev {
    left: 0;
}

.theme .tabs .next {
    right: 0;
}

.theme .items .item {
    padding: 1rem 1.3rem;
    font-size: 1.2rem;
}

.theme .items .item span:first-child {
    width: 30%
}

.theme .items .item span {
    display: inline-block;
}

.theme .tabs span {
    width: 16.66%;
    height: 100%;
    display: inline-block;
    font-size: 1.3rem;
    text-align: center;
    height: 3.3rem;
    line-height: 3.5rem;
}

.theme .info {
    padding: 0 1.0rem;
    display: none;
    font-size: 1.2rem;
}

.theme .info span {
    display: inline-block;
}

.theme .tab-container {
    height: 100%;
    margin: 0 2.5rem;
    overflow: hidden;
    position: relative;
}

.theme .tab-items {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}

.theme .cal {
    padding: 0.5rem 0;
}

.theme .cal > .item {
    width: 14.2%;
    height: 2.2rem;
    display: inline-block;
    position: relative;
    font-size: 1.2rem;
    text-align: center;
    line-height: 2.2rem;
}

.theme .cal .wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.theme .cal .now {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    border-radius: 100%;
}

.theme .cal .point {
    width: 0.4rem;
    height: 0.4rem;
    display: inline-block;
    border-radius: 100%;
}

/* theme black */
.theme.black .tabs {
    /*border-bottom: 1px solid #2a2a2a;*/
}

.theme.black .info {
    color: #7d7d7d;
    background: #303030;
    border-bottom: 1px solid #2a2a2a;
}

.theme.black .info .span {
    color: #7d7d7d;
}

.theme.black .info p {
    margin: 1rem 0;
}

.theme.black .info span {
    color: #bebebe;
}

.theme.black .tabs .prev {
    background: url(../images/arrow.svg?v=1.0) no-repeat center;
    background-size: 0.5rem;
}

.theme.black .tabs .prev:active {
    background: #6b503c url(../images/arrow.svg?v=1.0) no-repeat center;
    background-size: 0.5rem;
}

.theme.black .tabs .next {
    background: url(../images/arrow.svg?v=1.0) no-repeat center;
    background-size: 0.5rem;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.theme.black .tabs .next:active {
    background: #6b503c url(../images/arrow.svg?v=1.0) no-repeat center;
    background-size: 0.5rem;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.theme.black .items .item {
    color: #f0f0f0;
    border-bottom: 1px solid #2a2a2a;
}

.theme.black .items .item.active {
    background: #6b503c;
}

.theme.black .items .item {
    border-color: #2a2a2a;
}

.theme.black {
    background: #414141;
}

.theme.black h1 {
    color: #f1cb67;
}

.theme.black h2 {
    color: #dcdcdc;
}

.theme.black h3 {
    color: #dcdcdc;
}

.theme.black .tabs {
    background: #303030;
}

.theme.black .tabs span {
    color: #bebebe;
    border-bottom: 1rem solid #303030;
}

.theme.black .tabs span.active {
    color: #fff;
    background: #6b503c;
    font-weight: bolder;
    border-bottom: 1rem solid #e86300;
}

.theme.black .cal .title {
    color: #bebebe;
}

.theme.black .cal .point {
    background: #da3637;
}

.theme.black .cal .now {
    background: #6b503c;
}

.theme.black .cal .now_active {
    background: #da3637;
}

.theme.black .cal {
    color: #f0f0f0;
    border-bottom: 1px solid #303030;
}

/* theme white */
.theme.white .tabs {
    /*border-bottom: 1px solid #bebebe;*/
}

.theme.white .info {
    color: #646363;
    background: #f0f0f0;
    border-bottom: 1px solid #bebebe;
}

.theme.white .info .span {
    color: #646363;
}

.theme.white .info span {
    color: #555555;
}

.theme.white .tabs .prev {
    background: url(../images/arrow-white.svg) no-repeat center;
    background-size: 0.5rem;
}

.theme.white .tabs .prev:active {
    background: #e2cbc2 url(../images/arrow.svg) no-repeat center;
    background-size: 0.5rem;
}

.theme.white .tabs .next {
    background: url(../images/arrow-white.svg) no-repeat center;
    background-size: 0.5rem;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.theme.white .tabs .next:active {
    background: #e2cbc2 url(../images/arrow.svg) no-repeat center;
    background-size: 0.5rem;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.theme.white .items .item {
    color: #414141;
    border-bottom: 1px solid #bebebe;
}

.theme.white .items .item.active {
    color: #414141;
    background: #fee8df;
}

.theme.white .items .item {
    border-color: #bebebe;
}

.theme.white {
    background: #fff;
}

.theme.white h1 {
    color: #e24440;
}

.theme.white h2 {
    color: #646363;
}

.theme.white h3 {
    color: #7d7d7d;
}

.theme.white .tabs {
    background: #dcdcdc;
}

.theme.white .tabs span {
    color: #414141;
}

.theme.white .tabs span.active {
    color: #414141;
    background: #e2cbc2;
    font-weight: bolder;
    border-bottom: 1rem solid #fc7f4d;
}

.theme.white .cal .title {
    color: #646363;
}

.theme.white .cal .point {
    background: #e24440;
}

.theme.white .cal .now {
    background: #fed8c9;
}

.theme.white .cal .now_active {
    background: #e24440;
}

.theme.white .item.active_item {
    color: #fff;
}

.theme.white .cal {
    color: #414141;
    border-bottom: 1px solid #bebebe;
}