@charset "UTF-8";

.narrow { letter-spacing: -0.08em;}
/* ---------------------------------------------
	イベントページ
--------------------------------------------- */
.event #hdrWrap{
    background: url("../img/main_v_bg.jpg") repeat 0 0;
    position: relative;
}
/*.event h2{
    width: 800px;
    height: auto;
    margin: 0 auto 5px;
}
.event h2 img{ width: 100%; height: auto;}
.cx_smartphoneview.event h2{
    width: 100%;
}

.event h2 + p{
    text-align: center;
    font-size: 240%;
    font-weight: bold;
    color: #ed8000;
    margin: 0 auto 10px;
}
.cx_smartphoneview.event h2 + p{ font-size: 180%;}*/

.event h2{
    width: 960px;
    height: 400px;;
    margin: 0 auto;
    background: url("../img/main_v_pc.jpg") no-repeat 0 0;
    text-indent: -300%;
    white-space: nowrap;
    overflow: hidden;
}
.cx_smartphoneview.event h2{
    background: url("../img/main_v_sp.jpg") no-repeat 0 0;
    width: 100%;
    height: 0;
    padding-top: 133%;
}

/* ------------日時・会場------------ */
/*#dateInfo{
    background-color: rgba(0,0,0,0.15);
    padding: 20px 0 15px;
    text-align: center;
    line-height: 1.4;
    position: relative;
}


#dateInfo > p,
#dateInfo dl{
    width: 960px;
    margin: 0 auto;
    box-sizing: border-box;
}
#dateInfo > p.date,
#dateInfo > p.place{
    font-size: 180%;
    font-weight: bold;
    text-shadow: 1px 1px 2px #fff, -1px -1px 2px #fff, -1px 1px 2px #fff, 1px -1px 2px #fff;
}
#dateInfo > p.place{}

#dateInfo div{
    background-color: #e4007f;
    color: #fff;
    font-weight: bold;
    display: block;
    padding: 5px;
    margin: 5px auto 0;
    border-radius: 20px;
    font-size: 140%;
    width: 200px;
}
.cx_smartphoneview #dateInfo div{
    font-size: 120%;
    width: 96%;
}

.cx_smartphoneview #dateInfo > p,
.cx_smartphoneview #dateInfo dl{
    width: 96%;
}
.cx_smartphoneview #dateInfo > p.date,
.cx_smartphoneview #dateInfo > p.place{ font-size: 146%;}*/

#dateInfo{
    text-indent: -300%;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
#dateInfo + p{
    text-align: center;
    background-color: #e4007f;
    line-height: 1.4;
    font-size: 130%;
    text-shadow: -1px -1px 3px #980055;
}
#dateInfo + p a{
    color: #fff;
    font-weight: bold;
    display: block;
    padding: 10px 0;
}
@media all and (-ms-high-contrast:none) {
    #dateInfo + p a{
		font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	}
}

/* ---------------------------------------------
	イントロ
--------------------------------------------- */
#introWrap{
    text-align: center;
    margin: 30px 0 20px;
    line-height: 1.9;
}
.cx_smartphoneview #introWrap{
    text-align: left;
    padding: 0 10px;
    margin: 20px 0;
}
#introWrap h3{
    font-size: 165%;
    text-align: center;
}
#introWrap p.taLeft{
    text-align: left;
    margin: 16px 0 0;
}
#introWrap .photoBase{
    width: 50%;
    height: auto;
    margin: 15px 15px 10px 0;
}
#pointWrap .photoBase{
    width: 49%;
    height: auto;
    margin: 15px 2% 10px 0;
}
#pointWrap .photoBase:nth-of-type(2n){ margin: 15px 0 10px 0;}
#introWrap .photoBase img,
#pointWrap .photoBase img{
    width: 100%;
    height: auto;
}

.cx_smartphoneview #introWrap .photoBase.fLeft,
.cx_smartphoneview #pointWrap .photoBase.fLeft{
    float: none;
    width: 100%;
}
/* ---------------- 応募ボタン ---------------- */
#ouboWrap{
    margin: 20px 0 0;
}
#ouboWrap p{ text-align: center;}
#ouboBtn{
    display: block;
    background-color: #e4007f;
    width: 60%;
    margin: 10px auto 0px;
    border-radius: 40px;
    color: #fff;
    font-size: 120%;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    padding: 20px 0;
    text-shadow: -1px -1px 3px #980055;
}
#ouboBtn:hover{
    background-color: #f71f97;
}
.cx_smartphoneview #ouboBtn{ width: 100%;}
@media all and (-ms-high-contrast:none) {
    #ouboBtn{
		font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	}
}
#ouboBtn.end{
    background-color: rgba(228, 0, 127, 0.28);
    color: rgba(255, 255, 255, 0.84);
    text-shadow: none;
    position: relative;
}
#ouboBtn.end::after{
    content: "受付は終了いたしました";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -10px auto;
    color: #333;
}

/* ---------------- 開催概要 ---------------- */
#summary{
    width: 100%;
    margin: 15px auto 30px;
    border-top: dotted 5px #ed8000;
    padding: 10px 0 0;
}
#summary h3{
    color: #e4007f;
    font-size: 165%;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 5px;
}
/*#summary p{ text-shadow: 1px 1px 2px #fff, -1px -1px 2px #fff, -1px 1px 2px #fff, 1px -1px 2px #fff;}*/
#summary p span{ font-weight: bold;}
#summary .photoBase,
#summary .photoBase img{
    width: 100%;
    height: auto;
}
#summary .photoBase{
    margin-bottom: 10px;
}
.cx_smartphoneview #summary{ width: 100%;}
.cx_smartphoneview #summary h3{ font-size: 140%;}

/* ----------- トピック ----------- */
#topicsWrap{ margin-bottom: 20px;}
#topicsWrap li{
    float: left;
    background-color: rgba(228, 0, 127, 0.6);
    margin-bottom: 5px;
    box-sizing: border-box;
    padding: 15px 5px;
    font-size: 120%;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 2px #e4007f, -1px -1px 2px #e4007f, -1px 1px 2px #e4007f, 1px -1px 2px #e4007f;
}
#topicsWrap li:nth-of-type(1),
#topicsWrap li:nth-of-type(2){
    width: 49.5%;
}
#topicsWrap li:nth-of-type(1){ margin-right: 1%;}
#topicsWrap li:nth-of-type(3),
#topicsWrap li:nth-of-type(4),
#topicsWrap li:nth-of-type(5){
    width: 33%;
}
#topicsWrap li:nth-of-type(3),
#topicsWrap li:nth-of-type(4){ margin-right: 0.5%;}
#topicsWrap li span{ font-size: 80%; letter-spacing: -0.03em;}

.cx_smartphoneview #topicsWrap li{
    float: none;
    width: 100%;
    margin-right: 0;
}

/* ----------- コラボ ----------- */
#collaboWrap .strong_l,
#collaboWrap .strong_s{
    font-weight: bold;
    color: #ed8000;
}
#collaboWrap .strong_s{ font-size: 88%;}
#collaboWrap ul{
    width: 50%;
    float: left;
}
/*#collaboWrap ul:nth-of-type(1){ margin-right: 1%;}*/
.cx_smartphoneview #collaboWrap ul{ float: none; width: 100%;}

#collaboWrap ul li{
    box-sizing: border-box;
    border: solid 2px #ed8000;
    padding: 18px;
    position: relative;
}
.cx_displaydevice #collaboWrap ul:nth-of-type(1) li{ border-right: none;}
/*#collaboWrap ul:nth-of-type(1) li:nth-of-type(3){
border-bottom: none;
}*/
#collaboWrap ul li h4{
    font-size: 115%;
    line-height: 1.2;
    border-bottom: dotted 2px #ed8000;
    margin-bottom: 8px;
}
#collaboWrap ul li p{ line-height: 1.6;}
#collaboWrap ul li p.opt{
    margin: 10px 0 0;
    padding: 10px 15px;
    background-color: rgba(228, 0, 127, 0.16);
    font-size: 94%;
    color: #e4007f;
    font-weight: bold;
}

#collaboWrap ul li::after{
    content: "1";
    position: absolute;
    top: 0;
    right: 3px;
    font-family: 'arial', 'MS Sans Serif', sans-serif;
    font-weight: bold;
    font-size: 390%;
    line-height: 1.0;
    color: rgba(228, 0, 127, 0.39);
}
#collaboWrap ul:nth-of-type(1) li:nth-of-type(2)::after{ content: "2";}
#collaboWrap ul:nth-of-type(1) li:nth-of-type(3)::after{ content: "3";}
#collaboWrap ul:nth-of-type(2) li:nth-of-type(1)::after{ content: "4";}
#collaboWrap ul:nth-of-type(2) li:nth-of-type(2)::after{ content: "5";}
#collaboWrap ul:nth-of-type(2) li:nth-of-type(3)::after{ content: "6";}
.cx_smartphoneview #collaboWrap ul li::after{ font-size: 370%;}


/* ---------------- 講演会スケジュール ---------------- */
#sessionWrap{
    background-color: #e4007f;
    padding: 10px;
    margin: 0 0 30px;
}
#sessionWrap h3{
    text-align: center;
    color: #fff;
    font-size: 150%;
    line-height: 1.4;
    padding: 0 0 5px;
}
#sessionWrap dl{
    float: left;
    background-color: #fff;
    width: 49.5%;
    text-align: center;
    padding: 12px 10px 10px;
    box-sizing: border-box;
}
#sessionWrap dl:nth-of-type(2){ margin-left: 1%;}
.cx_smartphoneview #sessionWrap dl{
    float: none;
    width: 100%;
}
.cx_smartphoneview #sessionWrap dl:nth-of-type(2){
    margin-left: 0;
    margin-top: 10px;
}

#sessionWrap dt{
    font-weight: bold;
    font-size: 125%;
    line-height: 1.2;
    color: #e4007f;
}
#sessionWrap dd{ margin: 10px 0 0;}
#sessionWrap .time{
    background-color: #ed8000;
    color: #fff;
    font-weight: bold;
    font-size: 120%;
    line-height: 1.4;
    margin: 6px 0 0;
}
#sessionWrap .ttl{
    font-weight: bold;
    font-size: 125%;
    line-height: 1.4;
    margin: 5px 0;
}

#sessionWrap .name{ line-height: 1.2;}
#sessionWrap .name li.last::before{
    content: "×";
    display: block;
}
#sessionWrap .name span{
    font-size: 94%;
}

/* ---------------- 出展会社 ---------------- */
#campList{
    background-color: rgba(235, 211, 108, 0.35);
    margin: 0px auto 30px;
    padding: 12px 50px 20px;
    box-sizing: border-box;
}
#campList h3{
    font-size: 120%;
/*    background-color: #ed8000;*/
    display: inline;
/*    color: #fff;*/
    padding: 3px 5px;
}
#campList li{ float: left; line-height: 1.8; font-size: 94%;}
#campList li::after{
    content: " /";
    margin-right: 5px;
}
#campList li:nth-last-of-type(1){ font-size: 84%;}
#campList li:nth-last-of-type(1)::after{ display: none;}
.cx_smartphoneview #campList{ padding: 12px 25px 20px;}

.cx_smartphoneview .spCenter{ text-align: center;}


/* ---------------------------------------------
	レポートページ
--------------------------------------------- */
/* ---------------- ヘッダー ---------------- */
.event.report #hdrWrap{ padding: 10px 0;}
.event.report h2{
    width: 600px;
    height: 128px;
    margin: 0 auto;
    background: url("../img/bijutsuHaku_logo.png") no-repeat 0 0;
    background-size: contain;
}
.cx_smartphoneview.event.report h2{
    background: url("../img/bijutsuHaku_logo.png") no-repeat center 0;
    width: 90%;
    height: 0;
    padding-top: 18%;
    background-size: contain;
}
.event.report h2 + p{
    text-align: center;
    font-weight: bold;
    font-size: 165%;
    line-height: 1.6;
}
.event.report p.date{
    text-align: center;
    background-color: #e4007f;
    color: #fff;
    line-height: 1.4;
    font-size: 130%;
    font-weight: bold;
    padding: 5px 0;
    text-shadow: -1px -1px 3px #980055;
}
@media all and (-ms-high-contrast:none) {
    .event.report p.date{
		font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	}
}
.cx_smartphoneview.event.report p.date{
    font-size: 124%;
    letter-spacing: -0.05em;
}

/* ---------------- 基本情報 ---------------- */
.event.report #basicInfo{
    margin: 15px auto;
    text-align: center;
}
.event.report #basicInfo li{
    display: inline-block;
    margin: 0 15px 0 0;
    font-size: 110%;
    font-weight: bold;
}

/* ---------------- フロアマップ ---------------- */
.event.report #floorMap01{
    background: url("../img/floorMap01_pc.png") no-repeat 0 0;
    width: 960px;
    height: 720px;
    text-indent: -300%;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 20px;
}
.cx_smartphoneview.event.report #floorMap01{
    background: url("../img/floorMap01_sp.jpg") no-repeat 0 0;
    width: 100%;
    height: 0;
    padding-top: 142.8%;
    background-size: contain;
}
.event.report #floorMap02{
    background: url("../img/floorMap02_pc.png") no-repeat 0 0;
    width: 960px;
    height: 683px;
    text-indent: -300%;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 20px;
}
.cx_smartphoneview.event.report #floorMap02{
    width: 100%;
    height: 0;
    padding-top: 71%;
    background-size: contain;
}

/* ---------------- レポート本文 ---------------- */
/* ---------- 写真 ---------- */
.event.report .photoBs{ position: relative;}
.event.report .photoBs.fLeft,
.event.report .photoBs.fRight{
    width: 50%;
    height: auto;
    margin-bottom: 5px;
}
.event.report .photoBs.fLeft{ margin-right: 10px;}
.event.report .photoBs.fRight{ margin-left: 10px;}
.event.report .photoBs.fLeft.m0,
.event.report .photoBs.fRight.m0{ margin: 0 0 5px;}
.event.report .photoBs.mtMinus{ margin-top: -48px;}
.event.report .photoBs.fLeft.w25{
    width: 25%;
    margin: 0 0 5px;
}
.event.report .photoBs.fLeft.w33{
    width: 33.333%;
    margin: 0 0 5px;
}
.event.report .photoBs.w50{ width:50%;margin:0 auto 20px;}
.event.report .photoBs img{ width: 100%; height: auto;}
.cx_smartphoneview.event.report .photoBs.fLeft,
.cx_smartphoneview.event.report .photoBs.fRight{
    width: 100%;
    margin: 0 0 15px;
}
.cx_smartphoneview.event.report .photoBs.fLeft.w25,
.cx_smartphoneview.event.report .photoBs.fLeft.w33{ width: 50%;}
.cx_smartphoneview.event.report .photoBs.fLeft.w33:nth-of-type(1){
    width: 100%;
}
.cx_smartphoneview.event.report .photoBs.fLeft.m0,
.cx_smartphoneview.event.report .photoBs.fRight.m0{
    margin:0 0 7px;
}
.cx_smartphoneview.event.report .photoBs.mtMinus{ margin-top: 5px;}
.cx_smartphoneview.event.report .photoBs.w50{
    width: 100%;
}

.event.report #reportMainWrap{
    border-top: dotted 5px #ed8000;
    padding: 20px 0 0;
}
.event.report #reportMainWrap h3{
    color: #e4007f;
    font-size: 165%;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 5px;
}
.event.report #reportMainWrap h4{
    font-size: 120%;
    line-height: 1.4;
    border-left: solid 5px #e4007f;
    padding: 0 0 0 5px;
}
.event.report .boothWrap{ margin: 0 0 20px;}
.event.report .boothWrap p{ padding: 0 0 10px; line-height: 1.68}
.cx_smartphoneview.event.report .boothWrap p,
.cx_smartphoneview.event.report .boothWrap ul{
    padding: 10px;
}
.event.report .boothWrap p a{
    font-weight: bold;
    text-decoration: underline;
}
.event.report .boothWrap p a:hover{ color: #e4007f;}
.event.report .boothWrap .cap{
    font-size: 94%;
    background-color: #e4007f;
    color: #fff;
    line-height: 1.4;
    padding: 5px 10px;
}
.event.report .boothWrap .cap2{
    position: absolute;
    bottom: 5px;;
    left: 0;
    right: 0;
    font-size: 94%;
    background-color: rgba(0,0,0,0.4);
    color: #fff;
    line-height: 1.4;
    display: inline-block;
    padding: 3px 10px;
    width: 98%;
    margin: 0 auto;
    box-sizing: border-box;
}
.event.report .boothWrap li{
    display: inline-block;
    margin: 0 20px 0 0;
    line-height: 1.8;
}
.event.report .boothWrap li::before{
    content: "■";
}
.event.report .comingsoon{
    font-weight: bold;
    font-size: 120%;
    color: #e4007f;
}
.event.report .linkBtn a{
    font-weight: bold;
    font-size: 120%;
    color: #e4007f;
/*    background-color: #e4007f;*/
    line-height: 1.2;
/*    padding: 8px 12px 8px 8px;*/
}
.event.report .linkBtn a:hover{ text-decoration: underline;}


.event.report #abeki{
    fill:#fff;
    width: 64px;
    height: 14px;
}
.cx_smartphoneview.event.report #abeki{ height: 22px; width: 101px;}

/* ---------- スタッフアイコン ---------- */
.event.report #reportMainWrap .boothWrap.jobIcn h4{
    line-height: 48px;
    border-left: none;
    padding: 0;
}
.event.report .boothWrap.jobIcn h4::before{
    content: "";
    display: block;
    background: url(../../img/jobIcn.png) no-repeat center 0px;
    background-size: 48px;
    width: 48px;
    height: 48px;
    float: left;
    margin-right: 8px
}
.event.report .boothWrap.jobIcn.job04 h4::before{ background-position: center -152px;}
.event.report .boothWrap.jobIcn.job05 h4::before{ background-position: center -202px;}
.event.report .boothWrap.jobIcn.job06 h4::before{ background-position: center -252px;}
.event.report .boothWrap.jobIcn.job08 h4::before{ background-position: center -354px;}
.event.report .boothWrap.jobIcn.job09 h4::before{ background-position: center -404px;}
.event.report .boothWrap.jobIcn.job11 h4::before{ background-position: center -505px;}
.event.report .boothWrap.jobIcn.job12 h4::before{ background-position: center -555px;}
.event.report .boothWrap.jobIcn.job13 h4::before{ background-position: center -606px;}
.event.report .boothWrap.jobIcn.job14 h4::before{ background-position: center -657px;}
.event.report .boothWrap.jobIcn.job16 h4::before{ background-position: center -758px;}
.event.report .boothWrap.jobIcn.job17 h4::before{ background-position: center -808px;}
.event.report .boothWrap.jobIcn.job18 h4::before{ background-position: center -859px;}
.event.report .boothWrap.jobIcn.job19 h4::before{ background-position: center -909px;}

.event.report .boothWrap li.jobIcn{ margin-bottom: 5px;width: 25%;}
.cx_smartphoneview.event.report .boothWrap li.jobIcn{ line-height: 1.2; width: auto;}
.event.report .boothWrap li.jobIcn::before{
    content: "";
    display: block;
    background: url(../../img/jobIcn.png) no-repeat center 0px;
    background-size: 28px;
    width: 28px;
    height: 28px;
    float: left;
    margin-right: 4px
}
.event.report .boothWrap li.jobIcn.job04::before{ background-position: center -88px;}
.event.report .boothWrap li.jobIcn.job06::before{ background-position: center -147px;}
.event.report .boothWrap li.jobIcn.job07::before{ background-position: center -176px;}
.event.report .boothWrap li.jobIcn.job08::before{ background-position: center -206px;}
.event.report .boothWrap li.jobIcn.job09::before{ background-position: center -236px;}
.event.report .boothWrap li.jobIcn.job11::before{ background-position: center -294px;}
.event.report .boothWrap li.jobIcn.job12::before{ background-position: center -324px;}
.event.report .boothWrap li.jobIcn.job13::before{ background-position: center -353px;}


/* ---------- 予告 ---------- */
#yokoku{
    margin-bottom: 30px;
    border-bottom: solid 2px #aaa;
}
#yokoku p{ line-height: 1.6; margin: 5px 0 10px;}
#yokoku li{ margin-bottom: 7px;}
#yokoku dt{
    font-weight: bold;
    line-height: 1.6;
    font-size: 108%;
}

/* -------------------------------------
	講演会ページ
------------------------------------- */
.event.report #seminar_cast{
    margin-bottom: 20px;
    background-color: rgba(235, 211, 108, 0.35);
    padding: 20px 20px 10px;
}
.event.report #seminar_cast > dt{
    float: left;
    margin: 0 0 5px;
}
.event.report #seminar_cast > dd{
    padding: 0 0 0 5em;
    margin: 0 0 5px;
}
.event.report #seminar_cast > dd > span{ font-size: 80%;}
.event.report #seminar_cast > dd > dl > dt{
    float: left;
    font-weight: bold;
}
.event.report #seminar_cast > dd > dl > dd{
    padding: 0 0 0 11em;
    font-size: 94%;
}
.event.report #seminar_cast #abeki{ height: 15px; width: 68px;}

.cx_smartphoneview.event.report #seminar_cast{ padding: 15px 15px 10px;}
.cx_smartphoneview.event.report #seminar_cast > dd > dl > dt{ float: none;}
.cx_smartphoneview.event.report #seminar_cast > dd > dl > dd{ padding: 0;}
.cx_smartphoneview.event.report #seminar_cast #abeki{ height: 23px; width: 105px;}

.event.report .talkWrap{ margin: 0 0 30px;}
.event.report .talkWrap > div{
    margin: 0 0 15px;
}
.event.report .talkWrap p{ line-height: 1.8;}
.event.report .talkWrap span.name{
    background-color: #e4007f;
    color: #fff;
    font-weight: bold;
    padding: 3px;
    margin: 0 5px 0 0;
}
.event.report .talkWrap .photoBs p{
    background-color: #000;
    color: #fff;
    line-height: 1.6;
    padding: 3px 6px;
    font-size: 94%;
}
.event.report .talkWrap #abeki{
    width: 33px;
    height: 15px;
}
.cx_smartphoneview.event.report .talkWrap #abeki{ width: 54px; height: 23px;}

@media all and (-ms-high-contrast:none) {
    .event.report .talkWrap span.name,
    .event.report .talkWrap .photoBs p{
		font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	}
}