@charset "UTF-8";



/* ===== oc-mixer-workshop Style ===== */

#oc-mixer-workshop{}

#oc-mixer-workshop #signboard{font-family: 'Noto Sans JP', sans-serif;}
#oc-mixer-workshop #contents-main{font-family: 'Noto Sans JP', sans-serif;}

@media screen and (max-width:1439px){}
@media screen and (max-width:1399px){}
@media screen and (max-width:1343px){}
@media screen and (max-width:1279px){}
@media screen and (max-width:1279px){}
@media screen and (max-width:1199px){}
@media screen and (max-width:1135px){}
@media screen and (max-width:1023px){}
@media screen and (max-width:959px){}
@media screen and (max-width:767px){}
@media screen and (max-width:639px){}
@media screen and (max-width:479px){}



/* ===== oc-mixer-workshop-top Style ===== */

#oc-mixer-workshop-top{}


@media screen and (max-width:1439px){}
@media screen and (max-width:1399px){}
@media screen and (max-width:1343px){}
@media screen and (max-width:1279px){}
@media screen and (max-width:1199px){}
@media screen and (max-width:1135px){}
@media screen and (max-width:1023px){}
@media screen and (max-width:959px){}
@media screen and (max-width:767px){}
@media screen and (max-width:639px){}
@media screen and (max-width:479px){}




/* ===== oc-mixer-workshop-top signboard Style ===== */

#oc-mixer-workshop-top #signboard{}

#oc-mixer-workshop-top #signboard .section-base{background:url("/base/mtl/cmn/img/oc/mixer-workshop/bg-signboard.png") no-repeat center center;background-size:cover;}

#oc-mixer-workshop-top #signboard .section-frame{width:1360px;margin:0px auto;padding:60px 40px;}

#oc-mixer-workshop-top #signboard .section-main{}

#oc-mixer-workshop-top #signboard .section-main .ads{text-align:center;}
#oc-mixer-workshop-top #signboard .section-main .ads img{width:70%;height:auto;}

@media screen and (max-width:1439px){
#oc-mixer-workshop-top #signboard .section-frame{width:auto;}
#oc-mixer-workshop-top #signboard .section-main .ads img{width:50%;height:auto;}
}
@media screen and (max-width:1399px){}
@media screen and (max-width:1343px){}
@media screen and (max-width:1279px){}
@media screen and (max-width:1199px){}
@media screen and (max-width:1135px){}
@media screen and (max-width:1023px){}
@media screen and (max-width:959px){}
@media screen and (max-width:767px){
#oc-mixer-workshop-top #signboard .section-frame{padding:30px 0px;}
#oc-mixer-workshop-top #signboard .section-main .ads img{width:80%;height:auto;}
}
@media screen and (max-width:639px){}
@media screen and (max-width:479px){}



/* ===== mdl-mixer-workshop-app Style ===== */

.mdl-mixer-workshop-app{background:#efefef;}

.mdl-mixer-workshop-app .section-base{}

.mdl-mixer-workshop-app .section-frame{position:relative;width:880px;margin:0px auto;padding:60px 40px;}

.mdl-mixer-workshop-app .section-ads{position:absolute;top:-60px;left:0;}
.mdl-mixer-workshop-app .section-ads .ads-sub{margin-bottom:5px;color:#d59d15;font-size:200%;font-weight:bold;}
.mdl-mixer-workshop-app .section-ads .ads{font-size:350%;font-weight:bold;}

.mdl-mixer-workshop-app .section-header{margin-bottom:60px;text-align:center;}
.mdl-mixer-workshop-app .section-header .label{font-size:150%;font-weight:bold;line-height:150%;}

.mdl-mixer-workshop-app .section-main{}

.mdl-mixer-workshop-app .section-footer{margin-top:15px;}
.mdl-mixer-workshop-app .section-footer .oc-calendar-btn{text-align:right;text-decoration:underline;cursor:pointer;}
.mdl-mixer-workshop-app .section-footer .oc-calendar-btn:hover{color:#4d9654;}

.mdl-mixer-workshop-app-web{}
.mdl-mixer-workshop-app-web:not(:last-child){margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ccc;}
.mdl-mixer-workshop-app-web .item-frame{display:table;width:100%;}
.mdl-mixer-workshop-app-web .item-header{display:table-cell;vertical-align:top;width:30%;}
.mdl-mixer-workshop-app-web .item-header .label{color:#d59d15;font-weight:bold;}
.mdl-mixer-workshop-app-web .item-header .label span{font-size:125%;}
.mdl-mixer-workshop-app-web .item-header .label-sub{margin-top:10px;font-size:90%;}
.mdl-mixer-workshop-app-web .item-main{display:table-cell;vertical-align:top;}
.mdl-mixer-workshop-app-web .item-main .part{}
.mdl-mixer-workshop-app-web .item-main .part:not(:last-child){margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ccc;}
.mdl-mixer-workshop-app-web .item-main .part-frame{display:table;width:100%;}
.mdl-mixer-workshop-app-web .item-main .part-header{display:table-cell;vertical-align:middle;}
.mdl-mixer-workshop-app-web .item-main .part-header .label{margin-bottom:5px;line-height:130%;}
.mdl-mixer-workshop-app-web .item-main .part-header .outline{}
.mdl-mixer-workshop-app-web .item-main .part-header .outline .date{margin-bottom:10px;font-size:125%;font-weight:bold;line-height:130%;}
.mdl-mixer-workshop-app-web .item-main .part-header .outline .date span{font-size:150%;}
.mdl-mixer-workshop-app-web .item-main .part-header .outline .time{display:inline-block;padding-right:15px;font-size:125%;font-weight:bold;}
.mdl-mixer-workshop-app-web .item-main .part-header .outline .place{display:inline-block;font-size:90%;}
.mdl-mixer-workshop-app-web .item-main .part-header .info{margin-top:10px;}
.mdl-mixer-workshop-app-web .item-main .part-header .info dl{float:left;display:table;margin-right:15px;}
.mdl-mixer-workshop-app-web .item-main .part-header .info dl::after{content:"";clear:both;}
.mdl-mixer-workshop-app-web .item-main .part-header .info dt{display:table-cell;vertical-align:middle;background:#fff;padding:3px 5px;font-size:80%;}
.mdl-mixer-workshop-app-web .item-main .part-header .info dd{display:table-cell;vertical-align:middle;padding-left:10px;}
.mdl-mixer-workshop-app-web .item-main .part-header .info dd .cnt{display:inline-block;}
.mdl-mixer-workshop-app-web .item-main .part-header .info dd .note{display:inline-block;margin-left:5px;padding:2px;background:#999;color:#fff;font-size:60%;}
.mdl-mixer-workshop-app-web .item-main .part-main{display:table-cell;vertical-align:middle;width:120px;}
.mdl-mixer-workshop-app-web .item-main .part-main .btn{text-align:center;}
.mdl-mixer-workshop-app-web .item-main .part-main .btn a{display:block;padding:10px;border:2px solid #fff;background:#d59d15;color:#fff;border-radius:10px;box-shadow:3px 3px 3px 1px rgba(0, 0, 0, 0.1);}
.mdl-mixer-workshop-app-web .item-main .part-main .btn a:hover{background:#d2c253;}
.mdl-mixer-workshop-app-web .item-main .part-main .btn .label{font-weight:bold;}
.mdl-mixer-workshop-app-web .item-main .part-main .btn .label span{font-size:125%;}
.mdl-mixer-workshop-app-web .item-main .part-main .btn .label-sub{margin-top:5px;font-size:80%;font-weight:bold;}

.mdl-mixer-workshop-app-tel{margin-top:60px;}
.mdl-mixer-workshop-app-tel .item-frame{padding:20px 40px;border:2px solid #4d9554;}
.mdl-mixer-workshop-app-tel .item-main{}
.mdl-mixer-workshop-app-tel .item-main .label{margin-bottom:15px;font-weight:bold;text-align:center;}
.mdl-mixer-workshop-app-tel .item-main .tel{}
.mdl-mixer-workshop-app-tel .item-main .tel .frame{}
.mdl-mixer-workshop-app-tel .item-main .tel .num{color:#4d9554;font-size:250%;font-weight:bold;text-align:center;}
.mdl-mixer-workshop-app-tel .item-main .tel .ot{margin-top:5px;text-align:center;}
.mdl-mixer-workshop-app-tel .item-main .tel .ot dl{display:table;margin:0px auto;}
.mdl-mixer-workshop-app-tel .item-main .tel .ot dt{display:table-cell;vertical-align:middle;padding:5px;background:#efefef;font-size:80%;}
.mdl-mixer-workshop-app-tel .item-main .tel .ot dd{display:table-cell;vertical-align:middle;padding-left:10px;font-size:80%;}
.mdl-mixer-workshop-app-tel .item-main .tel .ot dd span{padding-right:10px;font-size:125%;}


@media screen and (max-width:1439px){
.mdl-mixer-workshop-app .section-ads{left:40px;}
}
@media screen and (max-width:1399px){}
@media screen and (max-width:1343px){}
@media screen and (max-width:1279px){}
@media screen and (max-width:1199px){}
@media screen and (max-width:1135px){}
@media screen and (max-width:1023px){}
@media screen and (max-width:959px){
.mdl-mixer-workshop-app .section-frame{width:auto;}
.mdl-mixer-workshop-app .section-ads{top:-30px;}
.mdl-mixer-workshop-app .section-ads .ads-sub{font-size:150%;}
.mdl-mixer-workshop-app .section-ads .ads{font-size:250%;}
.mdl-mixer-workshop-app-web .item-frame{display:block;}
.mdl-mixer-workshop-app-web .item-header{display:block;width:auto;margin-bottom:15px;}
.mdl-mixer-workshop-app-web .item-main{display:block;}
}
@media screen and (max-width:767px){
.mdl-mixer-workshop-app .section-frame{padding:45px 20px 30px 20px;}
.mdl-mixer-workshop-app .section-ads{left:20px;}
.mdl-mixer-workshop-app .section-ads .ads-sub{font-size:125%;}
.mdl-mixer-workshop-app .section-ads .ads{font-size:200%;}
.mdl-mixer-workshop-app-web .item-main .part-header .outline{display:block;}
.mdl-mixer-workshop-app-web .item-main .part-header .outline .date{display:block;font-size:100%;}
.mdl-mixer-workshop-app-web .item-main .part-header .outline .time{display:block;margin-top:5px;padding-right:0px;}
.mdl-mixer-workshop-app-web .item-main .part-header .outline .place{display:block;margin-top:5px;}
.mdl-mixer-workshop-app-web .item-main .part-header .info dl{float:none;margin-right:0px;}
.mdl-mixer-workshop-app-web .item-main .part-header .info dl:not(:last-child){margin-bottom:5px;}
.mdl-mixer-workshop-app-web .item-main .part-header .info dd{padding-left:5px;}
.mdl-mixer-workshop-app-web .item-main .part-main{width:120px;}
.mdl-mixer-workshop-app-web .item-main .part-main .btn .label{font-size:90%;}

.mdl-mixer-workshop-app-tel .item-frame{padding:10px;border:2px solid #4d9554;}
.mdl-mixer-workshop-app-tel .item-main .tel .num{font-size:150%;}
}
@media screen and (max-width:639px){}
@media screen and (max-width:479px){}







/* ===== mdl-popup-mixer-workshop-app Style ===== */


.mdl-popup-mixer-workshop-app{display:none;position:fixed;z-index:1000;top:0;left:0;width:100%;min-height:100vh;background:rgba(0,0,0,0.7);}

.mdl-popup-mixer-workshop-app .base{display:table;width:960px;height:100vh;margin:0px auto;}
.mdl-popup-mixer-workshop-app .layout{display:table-cell;vertical-align:middle;}
.mdl-popup-mixer-workshop-app .frame{position:relative;}
.mdl-popup-mixer-workshop-app .content{max-height:60vh;padding:60px 40px;background:#fff;border-radius:20px;overflow:scroll;}

.mdl-popup-mixer-workshop-app .btn-popup-close-bottom{display:inline-block;margin:30px auto 0px auto;padding:10px 20px;border-radius:30px;border:2px solid #000;font-weight:bold;text-align:center;cursor:pointer;}
.mdl-popup-mixer-workshop-app .btn-popup-close-bottom:hover{background:#000;color:#fff;}
.mdl-popup-mixer-workshop-app .btn-popup-close{position:absolute;z-index:10;top:-30px;right:-30px;width:60px;height:60px;border-radius:60px;background:#000;line-height:60px;text-align:center;cursor:pointer;}
.mdl-popup-mixer-workshop-app .btn-popup-close img{width:30px;height:30px;margin-top:15px;}
.mdl-popup-mixer-workshop-app .btn-popup-close:hover{background:#999;color:#fff;}

.mdl-popup-mixer-workshop-app-content-web{}
.mdl-popup-mixer-workshop-app-content-web:not(:last-child){margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ccc;}
.mdl-popup-mixer-workshop-app-content-web .item-frame{display:table;width:100%;}
.mdl-popup-mixer-workshop-app-content-web .item-header{display:table-cell;vertical-align:top;width:30%;}
.mdl-popup-mixer-workshop-app-content-web .item-header .label{color:#d59d15;font-weight:bold;}
.mdl-popup-mixer-workshop-app-content-web .item-header .label span{font-size:125%;}
.mdl-popup-mixer-workshop-app-content-web .item-header .label-sub{margin-top:10px;font-size:90%;}
.mdl-popup-mixer-workshop-app-content-web .item-main{display:table-cell;vertical-align:top;}
.mdl-popup-mixer-workshop-app-content-web .item-main .part{}
.mdl-popup-mixer-workshop-app-content-web .item-main .part:not(:last-child){margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ccc;}
.mdl-popup-mixer-workshop-app-content-web .item-main .part-frame{display:table;width:100%;}
.mdl-popup-mixer-workshop-app-content-web .item-main .part-header{display:table-cell;vertical-align:middle;}
.mdl-popup-mixer-workshop-app-content-web .item-main .part-header .label{margin-bottom:5px;line-height:130%;}
.mdl-popup-mixer-workshop-app-content-web .item-main .part-header .outline{}
.mdl-popup-mixer-workshop-app-content-web .item-main .part-header .outline .date{margin-bottom:10px;font-size:125%;font-weight:bold;line-height:130%;}
.mdl-popup-mixer-workshop-app-content-web .item-main .part-header .outline .date span{font-size:150%;}
.mdl-popup-mixer-workshop-app-content-web .item-main .part-header .outline .time{display:inline-block;padding-right:15px;font-size:125%;font-weight:bold;}
.mdl-popup-mixer-workshop-app-content-web .item-main .part-header .outline .place{display:inline-block;font-size:90%;}
.mdl-popup-mixer-workshop-app-content-web .item-main .part-header .info{margin-top:10px;}
.mdl-popup-mixer-workshop-app-content-web .item-main .part-header .info dl{float:left;display:table;margin-right:15px;}
.mdl-popup-mixer-workshop-app-content-web .item-main .part-header .info dl::after{content:"";clear:both;}
.mdl-popup-mixer-workshop-app-content-web .item-main .part-header .info dt{display:table-cell;vertical-align:middle;background:#efefef;padding:3px 5px;font-size:80%;}
.mdl-popup-mixer-workshop-app-content-web .item-main .part-header .info dd{display:table-cell;vertical-align:middle;padding-left:10px;}
.mdl-popup-mixer-workshop-app-content-web .item-main .part-header .info dd .cnt{display:inline-block;}
.mdl-popup-mixer-workshop-app-content-web .item-main .part-header .info dd .note{display:inline-block;margin-left:5px;padding:2px;background:#999;color:#fff;font-size:60%;}
.mdl-popup-mixer-workshop-app-content-web .item-main .part-main{display:table-cell;vertical-align:middle;width:120px;}
.mdl-popup-mixer-workshop-app-content-web .item-main .part-main .btn{text-align:center;}
.mdl-popup-mixer-workshop-app-content-web .item-main .part-main .btn a{display:block;padding:10px;border:2px solid #fff;background:#d59d15;color:#fff;border-radius:10px;box-shadow:3px 3px 3px 1px rgba(0, 0, 0, 0.1);}
.mdl-popup-mixer-workshop-app-content-web .item-main .part-main .btn a:hover{background:#d2c253;}
.mdl-popup-mixer-workshop-app-content-web .item-main .part-main .btn .label{font-weight:bold;}
.mdl-popup-mixer-workshop-app-content-web .item-main .part-main .btn .label span{font-size:125%;}
.mdl-popup-mixer-workshop-app-content-web .item-main .part-main .btn .label-sub{margin-top:5px;font-size:80%;font-weight:bold;}

.mdl-popup-mixer-workshop-app-content-tel{margin-top:30px;}
.mdl-popup-mixer-workshop-app-content-tel .item-frame{}
.mdl-popup-mixer-workshop-app-content-tel .item-main{}
.mdl-popup-mixer-workshop-app-content-tel .item-main .label{margin-bottom:10px;font-weight:bold;text-align:center;}
.mdl-popup-mixer-workshop-app-content-tel .item-main .tel{}
.mdl-popup-mixer-workshop-app-content-tel .item-main .tel .frame{}
.mdl-popup-mixer-workshop-app-content-tel .item-main .tel .num{color:#4d9554;font-size:200%;font-weight:bold;text-align:center;}
.mdl-popup-mixer-workshop-app-content-tel .item-main .tel .ot{margin-top:5px;text-align:center;}
.mdl-popup-mixer-workshop-app-content-tel .item-main .tel .ot dl{display:table;margin:0px auto;}
.mdl-popup-mixer-workshop-app-content-tel .item-main .tel .ot dt{display:table-cell;vertical-align:middle;padding:5px;background:#efefef;font-size:80%;}
.mdl-popup-mixer-workshop-app-content-tel .item-main .tel .ot dd{display:table-cell;vertical-align:middle;padding-left:10px;font-size:80%;}
.mdl-popup-mixer-workshop-app-content-tel .item-main .tel .ot dd span{padding-right:10px;font-size:125%;}

@media screen and (max-width:1439px){}
@media screen and (max-width:1399px){}
@media screen and (max-width:1343px){}
@media screen and (max-width:1279px){}
@media screen and (max-width:1199px){}
@media screen and (max-width:1135px){}
@media screen and (max-width:1023px){}
@media screen and (max-width:959px){
.mdl-popup-mixer-workshop-app .base{width:90%;}
.mdl-popup-mixer-workshop-app-content-web .item-frame{display:block;}
.mdl-popup-mixer-workshop-app-content-web .item-header{display:block;width:auto;margin-bottom:15px;}
.mdl-popup-mixer-workshop-app-content-web .item-main{display:block;}
.mdl-popup-mixer-workshop-app .btn-popup-close{position:absolute;z-index:10;top:-20px;right:-20px;width:40px;height:40px;border-radius:40px;background:#000;line-height:40px;text-align:center;cursor:pointer;}
.mdl-popup-mixer-workshop-app .btn-popup-close img{width:20px;height:20px;margin-top:10px;}
}
@media screen and (max-width:767px){
.mdl-popup-mixer-workshop-app .content{padding:30px 20px;}
.mdl-popup-mixer-workshop-app-content-web .item-main .part-header .outline{display:block;}
.mdl-popup-mixer-workshop-app-content-web .item-main .part-header .outline .date{display:block;font-size:100%;}
.mdl-popup-mixer-workshop-app-content-web .item-main .part-header .outline .time{display:block;margin-top:5px;padding-right:0px;}
.mdl-popup-mixer-workshop-app-content-web .item-main .part-header .outline .place{display:block;margin-top:5px;}
.mdl-popup-mixer-workshop-app-content-web .item-main .part-header .info dl{float:none;margin-right:0px;}
.mdl-popup-mixer-workshop-app-content-web .item-main .part-header .info dl:not(:last-child){margin-bottom:5px;}
.mdl-popup-mixer-workshop-app-content-web .item-main .part-header .info dd{padding-left:5px;}
.mdl-popup-mixer-workshop-app-content-web .item-main .part-main{width:120px;}
.mdl-popup-mixer-workshop-app-content-web .item-main .part-main .btn .label{font-size:100%;}
.mdl-popup-mixer-workshop-app-content-tel .item-main .tel .num{font-size:150%;}
}
@media screen and (max-width:639px){}
@media screen and (max-width:479px){}





/* ===== oc-mixer-workshop-top-program Style ===== */

#oc-mixer-workshop-top-program{}
#oc-mixer-workshop-top-program .section-base{}
#oc-mixer-workshop-top-program .section-frame{position:relative;width:1360px;margin:0px auto;padding:90px 40px;}
#oc-mixer-workshop-top-program .section-header{position:relative;margin-bottom:90px;text-align:center;}
#oc-mixer-workshop-top-program .section-main{}

#oc-mixer-workshop-top-program .section-header::after{position:absolute;z-index:-1;display:block;content:"";top:120px;left:0;width:100%;height:5px;background:#ccc;}
#oc-mixer-workshop-top-program .section-header .ads{margin-bottom:5px;color:#d59d15;font-size:250%;font-weight:bold;line-height:150%;}
#oc-mixer-workshop-top-program .section-header .label{font-size:400%;font-weight:bold;}
#oc-mixer-workshop-top-program .section-header .label-sub{margin-top:15px;font-size:150%;font-weight:bold;}
#oc-mixer-workshop-top-program .section-header span{padding:0px 20px;background:#fff;}

#oc-mixer-workshop-top-program .section-main .item{}
#oc-mixer-workshop-top-program .section-main .item-frame{}
#oc-mixer-workshop-top-program .section-main .item-header{position:relative;margin-bottom:60px;text-align:center;}
#oc-mixer-workshop-top-program .section-main .item-header .image{position:absolute;z-index:-1;top:0px;right:0;width:300px;}
#oc-mixer-workshop-top-program .section-main .item-header .image img{width:100%;height:auto;border-radius:320px;}
#oc-mixer-workshop-top-program .section-main .item-header .date{font-size:200%;font-weight:bold;line-height:130%;text-align:left;}
#oc-mixer-workshop-top-program .section-main .item-header .title{font-size:350%;font-weight:bold;line-height:130%;text-align:left;}
#oc-mixer-workshop-top-program .section-main .item-header .solution{margin-top:45px;padding:20px;border-radius:10px;background:#f7f2e7;text-align:left;line-height:200%;}
#oc-mixer-workshop-top-program .section-main .item-header .solution span{font-size:125%;font-weight:bold;}
#oc-mixer-workshop-top-program .section-main .item-header .recommendation{margin-top:45px;padding:0px 20px;text-align:left;}
#oc-mixer-workshop-top-program .section-main .item-header .recommendation .label{margin-bottom:15px;color:#d59d15;font-size:125%;font-weight:bold;}
#oc-mixer-workshop-top-program .section-main .item-header .recommendation .list{}
#oc-mixer-workshop-top-program .section-main .item-header .recommendation .list ul{}
#oc-mixer-workshop-top-program .section-main .item-header .recommendation .list li{padding:5px 0px;font-size:150%;font-weight:bold;line-height:130%;}
#oc-mixer-workshop-top-program .section-main .item-header .recommendation .list li span{color:#DBA021;}
#oc-mixer-workshop-top-program .section-main .item-main{text-align:center;padding:40px 0px;border-top:1px solid #ccc;}
#oc-mixer-workshop-top-program .section-main .item-main .layout{display:table;text-align:left;}
#oc-mixer-workshop-top-program .section-main .item-main .layout-header{display:table-cell;vertical-align:top;width:400px;}
#oc-mixer-workshop-top-program .section-main .item-main .layout-header .date{}
#oc-mixer-workshop-top-program .section-main .item-main .layout-header .date-year{font-size:350%;font-weight:bold;line-height:130%;}
#oc-mixer-workshop-top-program .section-main .item-main .layout-header .date-day{margin-bottom:15px;}
#oc-mixer-workshop-top-program .section-main .item-main .layout-header .date-day ul{}
#oc-mixer-workshop-top-program .section-main .item-main .layout-header .date-day li{padding:5px 0px;font-size:250%;font-weight:bold;line-height:130%;}
#oc-mixer-workshop-top-program .section-main .item-main .layout-header .date-day li span{font-size:200%;}
#oc-mixer-workshop-top-program .section-main .item-main .layout-header .label{margin-bottom:30px;color:#999;font-size:350%;font-weight:bold;line-height:130%;}
#oc-mixer-workshop-top-program .section-main .item-main .layout-header .time{margin-bottom:45px;}
#oc-mixer-workshop-top-program .section-main .item-main .layout-header .time ul{}
#oc-mixer-workshop-top-program .section-main .item-main .layout-header .time li{font-size:150%;line-height:130%;}
#oc-mixer-workshop-top-program .section-main .item-main .layout-header .time li:nth-child(1) span{color:#DBA021;}
#oc-mixer-workshop-top-program .section-main .item-main .layout-header .time li:nth-child(2) span{color:#74C2E1;}
#oc-mixer-workshop-top-program .section-main .item-main .layout-header .btn{}
#oc-mixer-workshop-top-program .section-main .item-main .layout-header .btn a{display:inline-block;padding:30px 40px;border:2px solid #fff;background:#d59d15;color:#fff;border-radius:10px;box-shadow:3px 3px 3px 1px rgba(0, 0, 0, 0.1);}
#oc-mixer-workshop-top-program .section-main .item-main .layout-header .btn a:hover{background:#d2c253;}
#oc-mixer-workshop-top-program .section-main .item-main .layout-header .btn-label{font-size:150%;font-weight:bold;}
#oc-mixer-workshop-top-program .section-main .item-main .layout-header .btn-label span{}
#oc-mixer-workshop-top-program .section-main .item-main .layout-main{display:table-cell;vertical-align:top;}
#oc-mixer-workshop-top-program .section-main .item-main .layout-main .timetable{}
#oc-mixer-workshop-top-program .section-main .item-main .layout-main .timetable-part{display:table;}
#oc-mixer-workshop-top-program .section-main .item-main .layout-main .timetable-part:not(:last-child){margin-bottom:10px;}
#oc-mixer-workshop-top-program .section-main .item-main .layout-main .timetable .thumb{display:table-cell;vertical-align:middle;width:120px;padding-right:30px;}
#oc-mixer-workshop-top-program .section-main .item-main .layout-main .timetable .thumb img{width:100%;height:auto;border-radius:120px;}
#oc-mixer-workshop-top-program .section-main .item-main .layout-main .timetable .cnt{display:table-cell;vertical-align:middle;}
#oc-mixer-workshop-top-program .section-main .item-main .layout-main .timetable .time{display:inline-block;vertical-align:middle;padding-right:30px;}
#oc-mixer-workshop-top-program .section-main .item-main .layout-main .timetable .time ul{}
#oc-mixer-workshop-top-program .section-main .item-main .layout-main .timetable .time li{font-size:125%;line-height:130%;}
#oc-mixer-workshop-top-program .section-main .item-main .layout-main .timetable .time li:nth-child(1) span{color:#DBA021;}
#oc-mixer-workshop-top-program .section-main .item-main .layout-main .timetable .time li:nth-child(2) span{color:#74C2E1;}
#oc-mixer-workshop-top-program .section-main .item-main .layout-main .timetable .label{display:inline-block;vertical-align:middle;font-size:150%;font-weight:bold;line-height:130%;}
#oc-mixer-workshop-top-program .section-main .item-main .note{display:inline-block;margin-top:30px;padding:5px 10px;border:2px solid #000;font-size:125%;font-weight:bold;line-height:130%;text-align:center;}

#oc-mixer-workshop-top-program01{margin-bottom:120px;}
#oc-mixer-workshop-top-program02 .item-header .image{top:-60px!important;}

#oc-mixer-workshop-top-program01 .item-header .solution .list li:nth-child(1) .frame{background:#74C2E1;}
#oc-mixer-workshop-top-program01 .item-header .solution .list li:nth-child(2) .frame{background:#DFDF4D;}
#oc-mixer-workshop-top-program01 .item-header .solution .list li:nth-child(3) .frame{background:#DBA021;}
#oc-mixer-workshop-top-program01 .item-header .solution .list li:nth-child(1)::after{border-color:#74C2E1 transparent transparent transparent;}
#oc-mixer-workshop-top-program01 .item-header .solution .list li:nth-child(2)::after{border-color:#DFDF4D transparent transparent transparent;}
#oc-mixer-workshop-top-program01 .item-header .solution .list li:nth-child(3)::after{border-color:#DBA021 transparent transparent transparent;}
#oc-mixer-workshop-top-program02 .item-header .solution .list li:nth-child(1) .frame{background:#C978A7;}
#oc-mixer-workshop-top-program02 .item-header .solution .list li:nth-child(2) .frame{background:#74C2E1;}
#oc-mixer-workshop-top-program02 .item-header .solution .list li:nth-child(3) .frame{background:#9CBC59;}
#oc-mixer-workshop-top-program02 .item-header .solution .list li:nth-child(1)::after{border-color:#C978A7 transparent transparent transparent;}
#oc-mixer-workshop-top-program02 .item-header .solution .list li:nth-child(2)::after{border-color:#74C2E1 transparent transparent transparent;}
#oc-mixer-workshop-top-program02 .item-header .solution .list li:nth-child(3)::after{border-color:#9CBC59 transparent transparent transparent;}



@media screen and (max-width:1439px){
#oc-mixer-workshop-top-program .section-frame{width:auto;}
#oc-mixer-workshop-top-program .section-main .item-header .title{font-size:300%;}
#oc-mixer-workshop-top-program .section-main .item-header .solution .list li .frame{margin:0px 20px;}

#oc-mixer-workshop-top-program .section-main .item-main .layout-header{width:300px;}

#oc-mixer-workshop-top-program .section-main .item-main .layout-header .date-year{font-size:250%;}
#oc-mixer-workshop-top-program .section-main .item-main .layout-header .date-day li{font-size:150%;}
#oc-mixer-workshop-top-program .section-main .item-main .layout-header .label{font-size:250%;}
#oc-mixer-workshop-top-program .section-main .item-main .layout-header .btn a{padding:20px 30px;}
#oc-mixer-workshop-top-program .section-main .item-main .layout-header .btn-label{font-size:125%;}
#oc-mixer-workshop-top-program .section-main .item-main .layout-main .timetable .time li{font-size:100%;}
#oc-mixer-workshop-top-program .section-main .item-main .layout-main .timetable .label{font-size:125%;}

#oc-mixer-workshop-top-program .section-main .item-header .recommendation .label{font-size:100%;}
#oc-mixer-workshop-top-program .section-main .item-header .recommendation .list li{font-size:125%;}
}
@media screen and (max-width:1399px){}
@media screen and (max-width:1343px){}
@media screen and (max-width:1279px){}
@media screen and (max-width:1199px){
#oc-mixer-workshop-top-program .section-main .item-header .solution .list li{width:33%;}
#oc-mixer-workshop-top-program .section-main .item-header .solution .list li .frame{margin:0px 10px;}

#oc-mixer-workshop-top-program .section-main .item-main .layout-main .timetable .time{display:block;margin-bottom:10px;padding-right:0px;}
#oc-mixer-workshop-top-program .section-main .item-main .layout-main .timetable .label{display:block;}
}
@media screen and (max-width:1135px){}
@media screen and (max-width:1023px){}
@media screen and (max-width:959px){
#oc-mixer-workshop-top-program .section-frame{padding:60px 40px;}

#oc-mixer-workshop-top-program .section-header{margin-bottom:60px;}
#oc-mixer-workshop-top-program .section-header .ads{font-size:200%;}
#oc-mixer-workshop-top-program .section-header .label{font-size:300%;}
#oc-mixer-workshop-top-program .section-header .label-sub{font-size:125%;}

#oc-mixer-workshop-top-program .section-main .item-header{margin-bottom:45px;}
#oc-mixer-workshop-top-program .section-main .item-header .image{width:240px;}
#oc-mixer-workshop-top-program .section-main .item-header .date{font-size:150%;}
#oc-mixer-workshop-top-program .section-main .item-header .title{font-size:250%;}

#oc-mixer-workshop-top-program .section-main .item-header .solution .list li .frame{margin:0px 5px;padding:30px 5px;font-size:125%;}
#oc-mixer-workshop-top-program .section-main .item-header .solution .list li::after{border-width:15px 10px 0 10px;}
#oc-mixer-workshop-top-program .section-main .item-header .solution .message{font-size:200%;}
#oc-mixer-workshop-top-program .section-main .item-header .solution .message::before{left:-60px;top:30px;width:60px;height:3px;}
#oc-mixer-workshop-top-program .section-main .item-header .solution .message::after{right:-60px;top:30px;width:60px;height:3px;}
}
@media screen and (max-width:767px){
#oc-mixer-workshop-top-program .section-frame{padding:60px 20px;}

#oc-mixer-workshop-top-program .section-main .item-header .image{width:180px;}
#oc-mixer-workshop-top-program .section-main .item-header .date{font-size:125%;}
#oc-mixer-workshop-top-program .section-main .item-header .title{font-size:200%;}

#oc-mixer-workshop-top-program .section-main .item-header .solution{margin-top:30px;}
#oc-mixer-workshop-top-program .section-main .item-header .solution .list{margin-bottom:30px;}
#oc-mixer-workshop-top-program .section-main .item-header .solution .list li{width:auto;}
#oc-mixer-workshop-top-program .section-main .item-header .solution .list li .frame{margin:0px 5px;padding:20px 10px;font-size:100%;}
#oc-mixer-workshop-top-program .section-main .item-header .solution .message{font-size:150%;}
#oc-mixer-workshop-top-program .section-main .item-header .solution .message::before{left:-40px;top:20px;width:40px;height:3px;}
#oc-mixer-workshop-top-program .section-main .item-header .solution .message::after{right:-40px;top:20px;width:40px;height:3px;}

#oc-mixer-workshop-top-program .section-main .item-header .recommendation{margin-top:30px;}

#oc-mixer-workshop-top-program .section-main .item-main{padding:30px 0px;}

#oc-mixer-workshop-top-program .section-main .item-main .layout{display:block;}
#oc-mixer-workshop-top-program .section-main .item-main .layout-header{display:block;width:auto;margin-bottom:30px;}
#oc-mixer-workshop-top-program .section-main .item-main .layout-main{display:block;width:auto;}

#oc-mixer-workshop-top-program .section-main .item-main .layout-header .date{display:none;}
#oc-mixer-workshop-top-program .section-main .item-main .layout-header .label{display:none;}
#oc-mixer-workshop-top-program .section-main .item-main .layout-header .time{display:none;}
#oc-mixer-workshop-top-program .section-main .item-main .layout-header .btn{width:240px;margin:0px auto;}
}
@media screen and (max-width:639px){
#oc-mixer-workshop-top-program .section-header::after{top:40px;height:3px;}

#oc-mixer-workshop-top-program .section-header .ads{font-size:150%;}
#oc-mixer-workshop-top-program .section-header .label{font-size:200%;}
#oc-mixer-workshop-top-program .section-header .label-sub{font-size:100%;}
#oc-mixer-workshop-top-program .section-header span{padding:0px 10px;}

#oc-mixer-workshop-top-program .section-main .item-header .image{position:relative;width:240px;margin:0px auto 30px auto;}

#oc-mixer-workshop-top-program01{margin-bottom:60px;}
#oc-mixer-workshop-top-program02 .item-header .image{top:0px!important;}

#oc-mixer-workshop-top-program .section-main .item-header .solution .message{font-size:125%;}
}
@media screen and (max-width:479px){
#oc-mixer-workshop-top-program .section-frame{padding:30px 10px;}
#oc-mixer-workshop-top-program .section-header{margin-bottom:30px;}

#oc-mixer-workshop-top-program .section-main .item-header{margin-bottom:30px;}
#oc-mixer-workshop-top-program .section-main .item-header .recommendation .list li{font-size:100%;}
}





/* ===== oc-mixer-workshop-top Style ===== */

#oc-mixer-workshop-top{}


@media screen and (max-width:1439px){}
@media screen and (max-width:1399px){}
@media screen and (max-width:1343px){}
@media screen and (max-width:1279px){}
@media screen and (max-width:1199px){}
@media screen and (max-width:1135px){}
@media screen and (max-width:1023px){}
@media screen and (max-width:959px){}
@media screen and (max-width:767px){}
@media screen and (max-width:639px){}
@media screen and (max-width:479px){}