@charset "UTF-8";
/*
Theme Name: privateseminar2025
Description:
Version: 1.0
Author: Mitsuaki Ishii
Author URI: http://www.inter-plain.com/
Tags: two-columns, right-sidebar, gray

ベースカラー,
#3d566f
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text&display=swap');


/*

ゴシック　font-family: 'Noto Sans JP', sans-serif;
font-family: 'DM Serif Text', serif;

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');
明朝　*/



* {
  margin: 0;
  padding: 0;
}
html {
  margin: 0; /*height:100%;*/
}
body {
margin: 0;
color: #464646;
font-family: 'Noto Sans JP', sans-serif;
text-align: center; /*height:100%;*/
word-wrap: break-word;
overflow-wrap: break-word;
position: relative;
background: #ccc;


}
h1 {font-size: 155%;font-weight:700;color:#233145}
h2 {font-size: 155%;color:#233145}
h3 { font-size: 122%;color:#233145}
h4 { font-size: 105%;margin:0 0 0.5em 0;color:#233145;font-weight:700;}
h5 { font-size: 100%;margin:0 0 0.5em 0;font-weight:700;color:#233145}
h6 { font-size: 100%;}
p { margin: 0 0 2em 0;}


h1 span{display:block;padding:0.25em 1em;  background: #f0f0f0;margin:0.25em 0 0 0;font-size:80%;text-align: center;}



ol,ul{margin:0 0 1em 1.5em}
pre { overflow: auto;}
small { font-size: 90%;  font-weight: normal;}

img {  width: 100%;  height: auto;}

sup{font-size:60%;}
acronym, abbr {  cursor: help;  border-bottom: 1px dashed #999;}
a ,button{
/*display:inline-block;*/
  color: #00b0ec;
  text-decoration: underline;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all  0.2s ease;

}
a:hover,button:hover {

  opacity: 0.5;
cursor: pointer;
}
a i{color:#fff}
a img {
  border: none;
}

.deactive a{pointer-events: none; background: #ccc; color:#fff;}


small{font-size:80%;}

:root {
    swiper-theme-color: #e08b7a!;
}


.hidden {  display: none;}
.red {  color: #f00;}
.center {  text-align: center;}
.left {  text-align: left;}
.right {  text-align: right;}

.llfont {  font-size: 123%;}
.lfont {  font-size: 111%;}
.sfont {  font-size: 90%;}
.ssfont {  font-size: 80%;}


.content{text-align: left;min-height: 45vh;}
.section{margin:1em; position: relative;}


.flex{display:flex;justify-content: space-between; flex-flow:row wrap;}
.flex.fcenter{display:flex;justify-content: center; flex-flow:row wrap;}



p.center{text-align:center;}
p.right{text-align:right;}


.timetable .notice{font-size:111%;text-align: center;margin:0 0 1em 0;}

.red{color:#bd3500;}
.right{text-align: right;margin:3em 0 0 0;}

/*アコーディオン */
dl.acc{margin:0 0 1em 0;}
dl.acc dt{ display:block;  cursor:pointer;  margin:1em 0 0.5em 0; font-size:145%;font-weight:700;}
dl.acc dd{  padding:1em 2em;  margin:0 0 1em 0; display:none;	}
dl.acc dt.active{font-weight:700;color:#f9920b;}
dl.acc dt.active + dd{background: #efefef;position: relative;}

/*アスタリスク*/
ul.ast{list-style:none;font-size:90%;line-height:150%; margin:0 0 1em 1.5em;}
ul.ast li{margin:0;  padding-left: 1.1em;  text-indent: -1.1em;}
ul.ast li:before{content:"\203b";}

/*for ie*/
img{flex-shrink: 0}

strong{font-weight:bold!important;}

.loginlink {margin:0 0 5em 0; justify-content: center;}
.loginlink a{width:18%;text-align: center; padding:1em;margin:0 0.5em;display:inline-block;border:1px solid #ccc;border-radius:0.25em;
background: #fff;
background: -moz-linear-gradient(top, #fff 0%, #f0f0f0 100%);
background: -webkit-linear-gradient(top, #fff 0%,#f0f0f0 100%);
background: linear-gradient(to bottom, #fff 0%,#f0f0f0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f0f0f0',GradientType=0 );

text-decoration: none;
}
.loginlink a:hover{text-decoration: none; opacity: 0.5;}



.newicon{ background: #f00;color:#fff;font-size:65%;padding:0 0.5em;border-radius:1em;font-weight:300;position: relative;top:-2px;}

.odr1{-webkit-box-ordinal-group:1;  -ms-flex-order:1;  -webkit-order:1;  order:1;}
.odr2{-webkit-box-ordinal-group:2;  -ms-flex-order:2;  -webkit-order:2;  order:2;}
.odr3{-webkit-box-ordinal-group:3;  -ms-flex-order:3;  -webkit-order:3;  order:3;}
.odr4{-webkit-box-ordinal-group:4;  -ms-flex-order:4;  -webkit-order:4;  order:4;}
.odr5{-webkit-box-ordinal-group:5;  -ms-flex-order:5;  -webkit-order:5;  order:5;}
.odr6{-webkit-box-ordinal-group:6;  -ms-flex-order:6;  -webkit-order:6;  order:6;}
.odr7{-webkit-box-ordinal-group:7;  -ms-flex-order:7;  -webkit-order:7;  order:7;}
.odr8{-webkit-box-ordinal-group:8;  -ms-flex-order:8;  -webkit-order:8;  order:8;}
.odr9{-webkit-box-ordinal-group:9;  -ms-flex-order:9;  -webkit-order:9;  order:9;}
.odr10{-webkit-box-ordinal-group:10;  -ms-flex-order:10;  -webkit-order:10;  order:10;}
.odr11{-webkit-box-ordinal-group:11;  -ms-flex-order:11;  -webkit-order:11;  order:11;}
.odr12{-webkit-box-ordinal-group:12;  -ms-flex-order:12;  -webkit-order:12;  order:12;}
.odr13{-webkit-box-ordinal-group:13;  -ms-flex-order:13;  -webkit-order:13;  order:13;}
.odr14{-webkit-box-ordinal-group:14;  -ms-flex-order:14;  -webkit-order:14;  order:14;}
.odr15{-webkit-box-ordinal-group:15;  -ms-flex-order:15;  -webkit-order:15;  order:15;}
.odr16{-webkit-box-ordinal-group:16;  -ms-flex-order:16;  -webkit-order:16;  order:16;}
.odr17{-webkit-box-ordinal-group:17;  -ms-flex-order:17;  -webkit-order:17;  order:17;}
.odr18{-webkit-box-ordinal-group:18;  -ms-flex-order:18;  -webkit-order:18;  order:18;}
.odr19{-webkit-box-ordinal-group:19;  -ms-flex-order:19;  -webkit-order:19;  order:19;}
.odr20{-webkit-box-ordinal-group:20;  -ms-flex-order:20;  -webkit-order:20;  order:20;}




.tt{font-weight:400;}
.serif{font-weight:500;}
.inner {padding:0 0;}
.inner p{text-align: left;}
.notfind{font-size:177%;font-weight:100;text-align: center;margin:2em 0;}
.item .tt{font-size:111%}

 .sp {    display: block;   }
 .pc {    display: none;   }

/*サムネイル共通*/
.thumb{min-height:110px; display:flex;align-items: center;justify-content: center;overflow: hidden; position: relative;/*background: #f0f0f0;*/}
.thumb:after{content:"DSF2021";color:#ccc;font-size:135%;font-weight:100;}
.thumb.disp:after{content:none;}
.thumb img{width:100%;height:auto;position: absolute;top:0;left:0;right:0;bottom:0;margin:auto;}

/*説明文*/
.excerpt{font-size:100%;text-align: left;margin:0.5em 0 2em 0;}

/*aボタンの基本設定*/
.btn{display:inline-block;text-align: center;border-radius:0.25em; background: #d97455;padding:1em;color:#fff;text-decoration: none;}
.btn_ver2{display:inline-block;text-align: center;border-radius:0.25em; background: #ffc0cb;padding:1em;color:#fff;text-decoration: none;}
.btn i{color:#fff;}



.youtube {
    position: relative;
    padding-bottom: 56.25%; /* アスペクト比16:9の場合 */
    padding-top: 0;
    height: 0;
    overflow: hidden;
    margin-bottom: 2rem; /* YouTubeの下に余白をつける */
    margin-top:0.5em;
}
.youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



@media screen and (max-width: 320px) {
.btn{font-size:90%;}
}


/*ページトップ*/
.pagetop {    display: none;    position: fixed;    bottom: 4em;    right: 0.5em;	z-index: 100;}
.pagetop a {    display: block; color: #233145; font-size: 288%;}
.pagetop a i{margin:0;}




/*アイコン*/
i{margin:0 0.5em;}


/*アーカイブページのボトムナビ*/
.btm_navigation{margin:3em 0; }
.btm_navigation .navi_item {flex-basis: 31%;}
.btm_navigation .navi_item a{display:block;padding:0.5em 0; color:#e08b7a;border:1px solid #e08b7a; border-radius:2em;text-align: center;}
.btm_navigation .list a:hover{letter-spacing: 0.5em}
.btm_navigation a[rel="prev"]:hover{letter-spacing: 1em}
.btm_navigation a[rel="next"]:hover{letter-spacing: 1em}


/*アーカイブページのもっと見る*/
.infinite_area{padding:5em 0 2em 0;text-align: center;}
.infinite_area button.view-more-button{padding:0.5em;font-size:111%;width:77%;margin:auto;border-radius:3em;border:1px solid #e08b7a; background: #fff; color:#e08b7a;}
.infinite_area .infinite-scroll-last,.infinite_area .infinite-scroll-error{border-radius:2em; background: #ccc;color:#fff;padding:0.5em 2em;}
@media screen and (min-width: 48em) {
.infinite_area button.view-more-button{padding:0.5em 0;width:44%;}
}

/*表*/
.sheet{margin:2em 0;}
.sheet .item{}
.sheet .item .item_tt{flex-basis:100%;padding:0.5em; background: #f0f0f0;}
.sheet .item .item_text{flex-basis:100%;padding:1em 0.5em}
.sheet .item p{margin:0;}



.detailhere_wrap{justify-content: center!important;}
a.detailhere{
    width:90%;
    margin: 0 auto;
    padding: 3% 0;

    font-size: 111%;
    background: #0778cf;
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    
}







/*リストマーク　 丸リスト ブルー   */
ul.licr{list-style:none;margin:0 0 0 0}
ul.licr li{line-height:180%;padding-left:1em;text-indent:-1em;}
ul.licr li:before{content:'\25CF'; color:#75a2d6; font-size:55%; position:relative;top:-2px;margin:0 5px 0 0;}

/*リストマーク　 四角リスト ブルー   */
ul.libl{list-style:none;margin:0 0 1em 0}
ul.libl li{line-height:180%;padding-left:1em;text-indent:-1em;}
ul.libl li:before{content:'\25A0'; color:#75a2d6; font-size:75%; position:relative;top:-2px;margin:0 5px 0 0;}

/*リストマーク　 四角リスト グレー　インライン   */
ul.inline{list-style:none;margin:0 0 1em 0}
ul.inline li{line-height:180%;padding-left:1em;text-indent:-1em; display:inline-block;margin:0 1em 0 0;}
ul.inline li:before{content:'\25A0'; color:#ccc; font-size:75%; position:relative;top:-2px;margin:0 5px 0 0;}


/* アスタリスク　注釈用 */
ul.ast{list-style:none;font-size:85%; margin:0 0 1em 0;}
ul.ast li{margin:0;  padding-left: 1.1em;  text-indent: -1.1em;}
ul.ast li:before{content:"\203b";color:#000;}

/*リストなし*/
ul.nolist{list-style:none;}
ul.nomargin{margin:0;}
ul.none{margin:0;list-style: none;}





#gnavibox #sform {  margin: 1em 0 0 0;}

/* wrapper
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#wrapper_top {margin:3.25em 0 0 0;}
#wrapper_top  h2 {display:inline-block; /*border-bottom:1px solid #f99325; */　font-size:200%;padding:0 0 0.25em 0;margin:1em 0 1.5em 0; text-align: center;  }

#wrapper {  margin:0;  text-align: left; overflow: hidden;/*background: #fff;*/}

#wrapper h1{position: relative;margin:0 0 1.5em 0;}
#wrapper h1:before{content:"";height:5px;width:100%; background: #2b70b8;position: absolute;left:0;bottom:-0.5em;}
#wrapper h1:after{content:"";height:5px;width:33%; background: #00b0ec;position: absolute;left:0;bottom:-0.5em;}

#wrapper h2{position: relative;margin:2em auto 2em auto;text-align: center;display:inline-block}
#wrapper h2:after{content:"";height:5px;width:100%; background: #00b0ec;position: absolute;left:0;right:0;bottom:-0.5em;margin:auto;}

#wrapper h2#mediasponser{position: relative;margin:2em auto 2em auto;text-align: left;display:block}
#wrapper h2#mediasponser:after{content:"";height:2px;width:100%; background: #00b0ec;position: absolute;left:0;right:0;bottom:-0.5em;margin:auto;}



#wrapper h3{margin:1em 0 1em 0;border-left:7px solid #aacd06;padding:0 0 0 0.5em}



/*Header
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

header {padding:0.5em 0.25em 0.25em 0.25em; z-index:100; }


#header_wrap {align-items: center;}
#site_logo {flex-basis: 80%;  padding:0;}
#site_logo a{display:flex;justify-content: flex-start; flex-flow: row nowrap; align-items: center;text-decoration: none;}
#site_logo a #logo{flex-basis: 40px;margin:0 0.5em 0 0;}




#site_logo img{width:100%;height:auto;}
#site_title{font-size: 144%;text-align: left;margin:0 0 0.25em 0;padding:0;border:none;font-family: 'DM Serif Text', serif;,sans-serif;font-weight: 800;color:#233145;}
#header_link {flex-basis: 20%; margin:0 4em 0 0;}
#header_link ul{justify-content: flex-end; align-items: center; margin:0 0 0.25em 0;}
#header_link ul li{margin:0 0 0 0.5em;line-height: 1;}
#header_link ul li.icon_inst{position: relative;top:-1px;}
#header_link ul li.tel{font-size:100%;font-weight:700;}
#header_link ul li.toiawase,#header_link ul li.siryo{margin:0 0 0 2em;font-size:111%;font-weight:700;}
#header_link i {margin:0;}
#header_link a{line-height: 1;}
#header_link ul li.icon_fb{position: relative;top:-0.1em;}
#header_link ul:last-child{display:none}
#header_link ul li.tel{display:none}
#header_link ul li.icon_fb a i{color: #4267b2;}


/*新規登録・ログイン*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#registbox{flex-basis:100%;  justify-content: flex-end;align-items: center;  /*background:rgba(255,255,255,0.5);padding:0.5em;font-size:90%;*/}
#registbox a.regist_btn{margin:1em 0 0 0;padding:0.75em 1.25em;font-size:100%; color:#fff;font-weight:500; background: #00b0ec;text-align: center;text-decoration: none;display:inline-block;}






#registbox a.snsbtn{font-size:155%}
#registbox a.twitter i{color:#000;}
#registbox a.linkedin i{color:#0b66c2;}
#registbox a.facebook i{color:#1a74e3;}


header #sform {  display: none;}



/* トップのアッパー */
#top_bg_section{height:100vh}
#top_bg_section #top_bg{position: absolute;width:100%;}
#top_bg_section #top_bg img{width:100%;height:auto;}

#main_copy{font-size:133%;position: relative;font-weight:700;margin:1.5em 0 1em 0;}
#main_copy p{text-align: center;margin:0;}

#main_copy span{display:block;}
#sub_copy{font-size:100%;margin:0.5em auto 1em auto; width:88%; color:#fff;padding:0.75em 0.25em ;


background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(0,176,236,1) 50%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(0,176,236,1) 50%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(0,176,236,1) 50%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffff', endColorstr='#00ffffff',GradientType=1 );
}
#logoside {  padding:0.25em 0.5em;font-weight:700;font-size:90%; background: #00b0ec;color:#fff;text-align: left;}


p.endedtext{font-size:75%;font-weight:500;text-align: center;}


/*top_banner*/
#top_banner{}
#top_banner .bnrwrap{ justify-content: center;align-items:center;margin:2em 0;}


#top_banner a{flex-basis:40%;margin:1%;}
#top_banner a .thumb{min-height: 100px;}
#top_banner a img{

max-width: 150px;
max-height: 75px;
width: auto;
height: auto;

}






/*トップ各セクション共通*/
#top_wrap {margin:0 1em}
#top_wrap .section{margin:0 auto;padding:5% 0; }
#top_wrap .section.nobg{background: none;}
#top_wrap .section h2{font-size:155%;margin:0 0 1.5em 0;font-weight:700;position: relative; display: inline-block;}
#top_wrap .section h2:after{width:100%;content:"";height:5px; background: #00b0ec;position: absolute;bottom:-0.5em;left:0;right:0;margin:auto;}
#top_wrap  a.detailhere{width:77%;margin:0 auto 1em auto;}
p  a.detailhere{width:77%;margin:0 auto 1em auto;}



 #regbox{margin:0.5em 0;justify-content: center;}
 #regbox a{ margin:0 0.5em;padding:3% 0; flex-basis: 88%;font-size:111%; background:#0778cf;color:#fff; font-weight:500;text-decoration: none;text-align: center;
display:flex;align-items: center;
justify-content: center;
}


 #seminer #regbox{margin:0.5em 0 2em 0}
 #seminer #regbox a{ margin:0;padding:3% 1%; flex-basis: 47%;font-size:80%; background:#00b0ec;color:#fff; font-weight:500;text-decoration: none;text-align: center;}





/*基調講演*/
/*#topprbox{background:rgba(124,197,229,0.4); padding:3% 0;}	*/
#topprbox{background:rgba(255,255,255,0.9); padding:3% 1em;}

#topprbox .top_upper_wrap{}
#topprbox .top_upper_wrap .item{flex-basis:100%;margin:0 0 2em 0;}
#topprbox h2{margin:0 0 1em 0;text-align:left;border-bottom:2px solid #eee;padding:0 0 0.5em 0;}
#topprbox .top_upper_wrap .item	.standout_item{align-items: flex-start;flex-flow:row wrap;justify-content: center;}

#topprbox .standout_item .topprbox_thumb{flex-basis: 66%;margin:0 0 1em 0;}

#topprbox .standout_item .detail{flex-basis: 100%;text-align: left;}
#topprbox .standout_item .detail h3{margin:0 0 1em 0;}
#topprbox .standout_item .detail .key{margin:0 0 1em 0;font-weight:700;}

    #topprbox .item.spo ul{list-style: none;justify-content: center;}  
    #topprbox .item.spo ul li{flex-basis:40%;margin:3% 5%;font-size:60%;}  


/*NEWS   トップ */
#news{margin:0 0 2em 0; padding:1em 0;  /*background: rgba(124,197,229,0.4);*/
background: rgba(255,255,255,0.8)!important

}
#news ul{list-style:none; margin:0;}
#news ul li.item{ padding:0 0 0.5em 0;margin:0 0 0.5em 0;border-bottom:1px dotted #999; flex-flow:column;text-align: left;}
#news ul li.item .date{flex-basis: 22%;font-weight:700;font-size:107%;}
#news ul li.item .tt {flex-basis: 77%;text-align: left;}
#news ul li.item .excerpt {font-size:90%;}
#news ul li.item .tt a{text-decoration: none;color:#000;}


/*NEWS   archive*/
#archive_news{margin:0 0 2em 0; }
#archive_news ul{list-style:none; margin:0;}
#archive_news ul li.item{padding:0 0 0.5em 0;margin:0 0 0.5em 0;border-bottom:1px dotted #999;flex-flow:column;text-align: left;}
#archive_news ul li.item .date{flex-basis: 22%;font-weight:700;font-size:107%;}
#archive_news ul li.item .tt {flex-basis: 77%;text-align: left;}
#archive_news ul li.item .excerpt {font-size:90%;}
#archive_news ul li.item .tt a{text-decoration: none;color:#000;}


/*DSF開催概要*/
#top_information{text-align: left;}
#top_information h2{margin:0 0 1em 0;border-bottom:1px solid #2b70b8;padding:0 0 0.5em 0;}    
#top_information h3{margin:0 0 1em 0;border-left:7px solid #f00;padding:0 0 0 0.35em;line-height: 1;}    

.block{margin:0 0 4em 0;}
.concept{justify-content: space-between;}
.concept dl{flex-basis: 30%; padding:1%;border:1px solid #2b70b8;}
.concept dl dt{font-weight:700;font-size:133%; margin:0 0 0.5em 0;}
.outline{text-align: center;flex-flow: column}
.outline .detail{flex-basis: 49%}
.outline .detail dl{margin:0 0 1em 0;padding:0;flex-flow: column	}
.outline .detail dt{flex-basis:11%;text-align: left; font-weight:700;}
.outline .detail dd{flex-basis:88%;text-align: left;}
.outline .detail dd p{margin:0;}
.outline .map{flex-basis: 49%}

.greeting_photo{width:44%;margin:0 auto 2em auto;}

.acc_img_wrap{margin:0 0 2em 0;flex-flow:row nowrap;}
.acc_img_wrap .item{flex-basis:100%;margin:0;}




/*Design Solution Forumの紹介  */
#introduction #concept{font-weight:700;font-size:144%;margin:0 0 2em 0;}
#introduction .outline .detail{}
#introduction .outline .detail dl{margin:0 0 1.5em 0;padding:0;	}
#introduction .outline .detail dt{flex-basis:11%;text-align: left; font-weight:700;}
#introduction .outline .detail dd{flex-basis:88%;text-align: left;}

    /*Design Solution Forumの紹介  アーカイブ*/
    #introduction .section ul.flex{flex-flow:row wrap; list-style: none;margin:0;}
    #introduction .section .item{flex-basis:92%;	border:1px solid #2b70b8;margin:0 0 1em 0;padding:4%;position: relative; overflow: hidden;}
    #introduction .section .item:after{
    content: "";
    height: 48px;
    width: 48px;
    background: #2b70b8;
    z-index: 1;
    position: absolute;
    bottom: -24px;
    right: -24px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    }
    #introduction .section .item a{text-decoration: none;font-weight:700;font-size:122%;}

/*特別企画  */
#special{margin:0 0 2em 0; padding:1em 0; }
#special ul{list-style:none;  center;margin:0;}
#special ul li.item{flex-basis: 100%;margin:0 0 1em 0;border:1px solid #00b0ec;padding:1em; background: #fff;}
#special ul li.item .date{font-size:111%;margin:0 2em 0 0; color:#00b0ec;}
#special ul li.item .tt {padding:0 0 0.5em 0;border-bottom:1px solid #00b0ec}
#special ul li.item .excerpt {font-size:90%;}
#special ul li.item .tt a{font-size:111%;color:#00b0ec;text-decoration: none;}

#special ul li.item .spcate{padding:0.25em;position: relative;top:-0.5em;background: #f6c500;color:#fff;text-align: center;}

/*一般募集企画  */
#bosyu_kikaku{margin:0 0 2em 0; padding:1em 0; }
#bosyu_kikaku ul{list-style:none; justify-content: center;margin:0;}
#bosyu_kikaku ul li.item{flex-basis: 100%;margin:0 0 1em 0;}
#bosyu_kikaku ul li.item .date{font-size:111%;margin:0 2em 0 0; color:#00b0ec;}
#bosyu_kikaku ul li.item .tt {padding:0 0 0.5em 0;border-bottom:1px solid #aacd06;margin:0 0 0.5em 0;}
#bosyu_kikaku ul li.item .tt a{font-size:111%;color:#aacd06;}
#bosyu_kikaku ul li.item .excerpt {font-size:90%;}
#bosyu_kikaku ul li.item a.ouboform{ background: #aacd06;border-radius:0.25em; color:#fff;display: block;text-align: center;margin:auto;width:77%;padding:0.5em;margin-top: auto;}




 /*バーチャル展示　アーカイブ　　*/

#exhi{}
#category_list {margin:2em 0 3em 0;}
#category_list ul { justify-content:space-between;list-style: none;margin-left:0;}
#category_list ul li{flex-basis:30%;margin:0 0.5% 0.5em 0.5%; }
#category_list ul li a{display:block;width:100%;height:77px; display:flex;align-items: center;justify-content: center;font-size:100%;font-weight:300;color:#00b0ec; padding:0.5%;border:1px solid #00b0ec;
background: #ffffff;
background: -moz-linear-gradient(-45deg,  #ffffff 1%, #f2f9fe 84%, #f2f9fe 84%, #d6f0fd 85%, #d6f0fd 100%);
background: -webkit-linear-gradient(-45deg,  #ffffff 1%,#f2f9fe 84%,#f2f9fe 84%,#d6f0fd 85%,#d6f0fd 100%);
background: linear-gradient(135deg,  #ffffff 1%,#f2f9fe 84%,#f2f9fe 84%,#d6f0fd 85%,#d6f0fd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6f0fd',GradientType=1 );

    text-decoration: none;
}



/*スペシャル展示*/
#special_exhi{margin:0 0 3em 0}
#special_exhi .area{border:1px solid #ccc;height:300px;}


/*出展企業一覧  （auchive-exhi） */
#exhi .sponserlist{min-height:44vh;}  
#exhi .sponserlist ul{list-style: none; margin:0 0 2em 0; justify-content:space-between; }
#exhi .sponserlist ul li{flex-basis:45%;  margin:0 1% 0.5em 1%;font-size:100%;font-weight:300;text-align: center;}
#exhi .sponserlist ul li a{text-decoration: none;}




/**/
#dsf_outline{text-align: center;}


/* search */
#sform .searchfield {
  padding: 2px 30px 2px 10px;
  margin-left: 10px;
  height: 30px;
  font-size: 110%;
  width: 240px;
  border-radius: 20px;
  border: 1px solid #ccc;
  font-weight: 200;
}
#sform .searchsubmit {
  width: 26px;
  height: 26px;
  padding: 0;
  font-family: FontAwesome;
  font-size: 20px;
  border: none;
  background: transparent;
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 0;
}



/* ぱんくずリスト
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#topicpath {margin:1em ;  font-size: small; text-align: left;}
#topicpath .breadcrumbs{margin:; justify-content: flex-start;}
#topicpath .breadcrumbs span{margin:0 0.5em}
#topicpath .breadcrumbs span:first-child{margin:0 0.5em 0 0}
#topicpath br{display:none;}



/*  Pages
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* 最終更新日表示 */
.content .modified {
  float: right;
  text-align: center;
  color: #666;
  padding: 5px;
  font-size: 11px;
}
/* 「編集」、「タグ」などの表示エリア */
.content .postmetadata {  color: #666;}




/* Single
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

*/





/* Archive
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.article-text{margin:0 0 2em 0;padding:0 0 2em 0;border-bottom:1px solid #ccc;}
#pagenavi{margin:3em 0;}




#exsample_search{width:94% ;background: #f9f9f9;margin:0 auto 2em auto;padding:2%;border:1px solid #e08b7a; flex-flow:column;}
.search_if{align-items: center;padding:0.5em 0;font-weight:300;}
.search_tt{font-weight:500;}
.search_box{}
.search_box label{margin:0 1em 0 0}
.submit{margin:2em 0 0 0;text-align: center;}

/*キーワード部分を非表示*/
.search_if.keyword{display:none;}

input[type="text"]{padding:0.25em;font-size:111%;border:1px solid #ccc;}

input[type="submit"]{padding:0.5em;border:none;border-radius:0.25em;font-size:111%; background: #e08b7a;color:#fff; margin:0 auto 3em auto;display:block;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all  0.2s ease;	}
input[type="submit"]:hover{cursor:pointer;opacity:0.5;}


@media screen and (min-width: 48em) {

input[type="submit"]{width:55%;
}

}


/* ▼Post
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.post { margin: 0;  padding: 0;  text-align: justify;  overflow: hidden;}
.post hr {  display: block;}
.entry {  margin: 10px 0;}
.entry blockquote {  border: 1px dashed #ccc;  padding: 5px 20px;  margin: 10px 0;  background: #f8f8f8;}
.entry blockquote blockquote {}
.entry fieldset {  border: 1px dashed #ccc;}
.entry fieldset legend {  font-weight: bold;  text-transform: uppercase;}
.entry ol {  list-style-type: decimal;}
.entry ol ol {  list-style-type: lower-alpha;}
.entry ol ol ol {  list-style-type: lower-roman;}
.alignright {  padding: 0;  margin: 2px 0 5px 10px;  display: inline;  float: right;}
.alignleft {  padding: 0;  margin: 2px 10px 5px 0;  display: inline;  float: left;}
.aligncenter, div.aligncenter {  display: block;  margin-left: auto;  margin-right: auto;}
.wp-caption {  text-align: center;  padding: 4px;  }
.wp-caption img {  margin: 0;  padding: 0;  border: 0 none;}
.wp-caption .wp-caption-text {  margin: 5px 0 0 0;}
dd.wp-caption-text {  font-size: 12px;}
#stimuli_caption {  font-size: 16px;  padding: 5px 5px 10px 5px;  line-height: 20px;}


/*お問い合わせフォーム
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

dl.form {margin:0 auto 0.25em auto;display: flex;flex-flow:column; }
dl.form dt {padding:1%; font-weight:700; }
dl.form dd {padding:1%;margin:0 0 0.75em 0}
dl.form p{margin:0;}
dl.form input { background:#f0f0f0;border:none; padding:2%;font-size:110%;width:96%;}
dl.form input[type="radio"]{width:inherit;}
dl.form textarea[name="message"]{width:96%;padding:2%;border:1px solid #ccc;}
dl.form select { padding:1%;font-size:100%;}
#submit{margin:2em 0 0 0; text-align:center;}
#submit input[disabled]{
display:block;width:50%;margin:0 auto;font-size:111%;padding:5%;border:1px solid #fff; border-radius:0.25em;color:#ccc;
background: #f0f0f0;}
#submit input[disabled]:hover{pointer-events: none; opacity:1}
#submit input{
color:#fff;
display:block;width:90%;margin:0 auto;font-size:111%;padding:5%;border:1px solid #fff; border-radius:0.25em;
background: #67AF28;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all  0.2s ease;
}
#submit input:hover{pointer-events: all; cursor:pointer;opacity:0.6;}
span.req {color:#f00;font-size:100%;margin:0 0 0 0.25em;display:inline-block}

/* 送信前の注意書きテキスト    */
div.conf-text {	margin:0 auto 2em auto;}
div.conf-text p{margin:0;}
div.conf {text-align:center;	margin:1.5em 0;	font-size:120%;	color:#c00;}
div.conf p{text-align:center;}
div.conf span.privacy{color:#707070;display: block;margin:0 0 0 0;}
div.conf label:hover{ cursor:pointer;display:block;}


.quest{margin:2em auto;padding:2em;background: rgba(255,255,255,0.8)}
.quest .qitem{padding:0 0 1em 0;border-bottom:1px dashed #ccc;margin:0 0 1em 0;}
.quest .qitem p{margin:0;}
.quest .wpcf7-form-control-wrap{margin:1em 0 1em 2.5em!important;display:inline-block;}
.quest .wpcf7-list-item{margin:0 2em 0 0;}
.quest .indent{margin:0 0 0 3em}

.quest.confirm .qitem p{margin:0 0 1em 0;}
.quest.confirm .indent p{margin:0;}

.qitem input[name="q05_work_other"]{width:100%;}

.sended_text{text-align:center;padding:5% 5% 15% 5%;}

@media screen and (min-width: 48em) {
dl.form {margin:0 auto 0.25em auto;display: flex;flex-flow:row wrap; justify-content: flex-start;}
dl.form dt { flex-basis: 22%;font-size:111%;}
dl.form dd {flex-basis: 66%;margin:0;}
dl.form input { font-size:111%;width:inherit;}
dl.form dd.message textarea{font-size:111%;}
div.conf-text {	margin:0 auto 4em auto;}    
    
#submit input[disabled]{width:25%;padding:2%;font-size:133%;}
#submit input{width:60%;padding:2%;font-size:133%;}
    
}


/* Footer
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
footer {  background: #2b70b8;  padding: 1em;  color: #333;  font-size: 95%;text-align: center;}
footer #sign{ margin:0 0 2em 0;color:#fff;}
footer #sign .sign_name{font-size:133%;font-weight:700; margin:0 0 1em 0;font-family: 'DM Serif Text', serif;sans-serif;}
footer #sign .sign_name span{font-size:60%;font-weight:400;}

footer #sign .sign_add,footer #sign .sign_tel{display: block;margin:0 0.5em 1em 0.5em;}
#sign .sign_tel span{display:block;}
footer ul{list-style: none;}
footer a{color:#fff;}
#footer_navi ul {justify-content: center;}
#footer_navi ul li{margin:0 1em;}

/*フッター追従型メニュー*/
#btmmenu{ background: rgba(255,255,255,0.4);padding:0.5em;width:100%;z-index:99;}
#btmmenu.position{padding:2em 0;}
#btmmenu ul{justify-content: center;}
#btmmenu ul li{flex-basis:24%; margin:0 0.1em;line-height: 111%;}
#btmmenu ul li a{padding:0.25em;color:#fff; background: #00b0ec; font-size:80%;display:block;height:100%;display:flex;align-items: center;justify-content: center;flex-flow:column;font-weight:300;}
#btmmenu ul li.pink a{background: #ffc0cb;}



#copyright {  margin: 3em 0 1em 0;  text-align: center;  font-size: small;	color:#fff;	font-weight:300;}


/*-----------------------------
ギャラリー
------------------------------*/
.gallery {
  width:100%;
    text-align: center;
  /*margin-bottom: 20px !important;*/
  overflow: hidden;
}
.gallery br {
  display: none;
} /** 自動で挿入される clearfix の余白解除 **/
.gallery-item { /** 画像共通のスタイル **/
  /*float: left;*/
  margin-bottom: 0 !important;
  display: inline-block;
  vertical-align: top;

}
.gallery-icon { /** 画像を囲む dt のスタイル **/
  text-align: center;
}
.gallery-icon img {
  width: 100%;
  height: auto;
  margin-bottom: 10px !important;
}
.gallery-caption { /** キャプション **/
  color: #222;
  font-size: 12px;
  margin: 0 0 10px;
  text-align: center;
}
.gallery-columns-1 .gallery-item { /** カラムなし **/
  width: 100%;
  margin-right: 0;
}
.gallery-columns-2 .gallery-item { /** 2カラム **/
  width: 100%;
  margin: 0 1%;
}
.gallery-columns-3 .gallery-item { /** 3カラム **/
  width: 100%;
  margin: 0 1%;
}
.gallery-columns-4 .gallery-item { /** 4カラム **/
  width: 100%;
  margin: 0 1%;
}
.gallery-columns-5 .gallery-item { /** 5カラム **/
  width: 100%;
  margin: 0 1%;
}
.gallery-item img {
  width: 100%;
  height: auto;
}
div.pdfemb-viewer {
  overflow: hidden;
  line-height: 1;
  margin: 0px;
  padding: 0px;
  border: none !important;
  position: relative;
  text-align: left;
  direction: ltr;
  background-color: lightGrey;
}





/*--------------------------------------------------------------*/





#top_btn{display:flex;justify-content: space-between; width:90%; margin:0 auto 4em auto;}
#top_btn a{font-size:150%;padding:1em ; flex-basis:25%;margin:0.25em;}

#top_btn a.regist{
border-radius:0.25em;
color: #fff;
border-bottom: 1px solid #059;
background: #9bd4e8;
background: -moz-linear-gradient(-45deg, #9bd4e8 0%, #00b0ec 100%);
background: -webkit-linear-gradient(-45deg, #9bd4e8 0%,#00b0ec 100%);
background: linear-gradient(135deg, #9bd4e8 0%,#00b0ec 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bd4e8', endColorstr='#00b0ec',GradientType=1 );
}

#top_btn a.virtual{
border-radius:0.25em;
color: #fff;
border-bottom: 1px solid #059;
background: #9bd4e8;
background: -moz-linear-gradient(top,  #9bd4e8 0%, #0074e8 100%);
background: -webkit-linear-gradient(top,  #9bd4e8 0%,#0074e8 100%);
background: linear-gradient(to bottom,  #9bd4e8 0%,#0074e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bd4e8', endColorstr='#0074e8',GradientType=0 );

}


#top_btn a.remote{
    flex-basis:50%;
border-radius:0.25em;
color: #fff;
border-bottom: 1px solid #ccb8e0;
background: #ccb8e0;
background: -moz-linear-gradient(top,  #ccb8e0 0%, #8a2be2 100%);
background: -webkit-linear-gradient(top,  #ccb8e0 0%,#8a2be2 100%);
background: linear-gradient(to bottom,  #ccb8e0 0%,#8a2be2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccb8e0', endColorstr='#8a2be2',GradientType=0 );

}




a#btn_qa{
border-radius:0.25em;
color: #fff;
border-bottom: 1px solid #059;
background: #4169e1;
font-size:123%;padding:1em ;
margin:5em 0 0 0;
display:inline-block;
}

a#btn_qa:hover{opacity:0.5;text-decoration: none;}


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

/*検索*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#searchform{margin:0.5em 0 0 0;}
#searchform input{padding:0.25em;border:1px solid #ccc;font-size:111%;}
#searchform button{ background: #eee;border:none;padding:0.25em 1em;color:#666;position: relative;top:0;font-size:100%;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all  0.2s ease;
text-align: center;}
#searchform button:hover{cursor: pointer;opacity:0.5;}
#searchr_result{margin:3em 1em 0 1em;text-align: left;}
#searchr_result h2{font-size:200%;margin:0 0 1em 0}
#searchr_result .res_item{margin:0 0 3em 0;}
#searchr_result .res_item .res_tt{margin:0 0 0.5em 0;font-size:175%;}


.innerbox{margin:1em;}
.innerbox img{width:inherit;}



/*新規登録、ログイン*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#wpmem_reg,
#wpmem_login {margin:2em 0 0 0;}

#wpmem_reg:before {
    content: "＊は必須項目です。";
    color: rgb(189, 53, 0);
    font-size: 80%;
    text-align: left;
    display:block;
}
.wpmem_msg { width: 100%!important; }
#wpmem_msg{color:#000!important;}
#wpmem_msg h2{ font-size:200%;}
#wpmem_msg a{font-size:90%;}



#wpmem_msg, .wpmem_msg {    background: none!important;    border: none!important;    border-radius:none!important;    padding: 0!important;    color:#000;}


#wpmem_reg,
#wpmem_login {margin:0 1em;}
#wpmem_login .password, #wpmem_login .textbox, #wpmem_login .username, #wpmem_reg .div_textarea textarea, #wpmem_reg .file, #wpmem_reg .image, #wpmem_reg .password, #wpmem_reg .textbox, #wpmem_reg .username {
   width: 75%!important; }
#wpmem_login label, #wpmem_reg label{ text-align: left;width:32%!important;display: inline-block!important;vertical-align: top;}
#wpmem_login .div_text, #wpmem_reg .div_checkbox, #wpmem_reg .div_date, #wpmem_reg .div_file, #wpmem_reg .div_image, #wpmem_reg .div_multicheckbox, #wpmem_reg .div_multiselect, #wpmem_reg .div_number, #wpmem_reg .div_radio, #wpmem_reg .div_select, #wpmem_reg .div_text, #wpmem_reg .div_textarea, #wpmem_reg .div_url {
width: 60%!important;display: inline-block!important; text-align: left; vertical-align: top;}

#wpmem_reg .div_radio label.radio{width:13%!important;position: relative;top:0;}
#wpmem_reg legend,
#wpmem_login legend,
#wpmem_reg .req-text,
#wpmem_reg .div_radio br
/*
#wpmem_reg .req ,
*/
{display:none!important;}

#wpmem_reg .button_div {width: 100%!important;padding:2em 0!important;text-align: center!important;}

#wpmem_login .button_div input, #wpmem_reg .button_div input{
width:50%;padding:1em 0.25em;margin:auto;
border:1px solid #ccc;border-radius:0.25em; color:#000;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all  0.2s ease;
background: #fff;
background: -moz-linear-gradient(top, #fff 0%, #f0f0f0 100%);
background: -webkit-linear-gradient(top, #fff 0%,#f0f0f0 100%);
background: linear-gradient(to bottom, #fff 0%,#f0f0f0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f0f0f0',GradientType=0 );
}
#wpmem_login .button_div input:hover, #wpmem_reg .button_div input:hover{cursor: pointer;opacity:0.5;}
#wpmem_login .button_div{width: 100%!important;margin:0 0 3em 0;text-align: left!important;}
#wpmem_login input[type=checkbox] {margin: 12px 0!important;width:3%;}
#wpmem_login .button_div label{font-size:90%!important;position: relative;top:1em;margin:0 0 0 1em;}
#wpmem_login .link-text {padding: 4px 0;width: 100%!important;text-align: left!important;margin:0;font-size:90%;}

#wpmem_login .button_div #rememberme,
#wpmem_login .button_div label[for="rememberme"]{display:none!important;}







#wpmem_reg label[for="user_email"] + div:after{content:"フリーメールでは登録できません。必ず職場のメールアドレスを記載ください。";display:block;font-size:80%;}
#wpmem_reg label[for="position"] + .div_text{margin:0 0 3em 0;}
#wpmem_reg label[for="q01"],
#wpmem_reg label[for="q02"],
#wpmem_reg label[for="q03"],
#wpmem_reg label[for="q04"],
#wpmem_reg label[for="q05"],
#wpmem_reg label[for="q06"],
#wpmem_reg label[for="q01"] + .div_multicheckbox,
#wpmem_reg label[for="q02"] + .div_multicheckbox,
#wpmem_reg label[for="q03"] + .div_multicheckbox,
#wpmem_reg label[for="q04"] + .div_multicheckbox,
#wpmem_reg label[for="q05"] + .div_radio,
#wpmem_reg label[for="q06"] + .div_textarea
{width:100%!important;}

#wpmem_reg label[for="q01"]:before{content:"アンケートにご協力ください ※該当項目にチェックしてください。";display:block;margin:0 0 2em 0;}
#wpmem_reg label[for="q06"] + .div_textarea + .div_text{width:100%!important;text-align: center;margin:2em 0 0 0;}
#wpmem_reg .div_multicheckbox label{width:80%!important;}


/*マイページ*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#mypage{margin:2em 1em;}
#mypage #nowlogin{font-size:123%;margin: 1em 0;}
#maypege_headline  {font-size:135%;margin:4em 0 2em 0;line-height: 200%;}
#mypage #qrcode{margin:0 auto 4em auto;width:55%;}
#mypage h3{font-size:175%;border-bottom:1px solid #000;padding:0 0 0.5em 0;margin:0 0 1em 0;font-weight:700;text-align: left;}
#mypage #wpmem_login .link-text-forgot{display:none;}

#entry_histry{text-align: left;margin:0 auto 5em auto;}
#entry_histry .item{font-size:111%;padding:1em;margin:0 0 1px 0;}
#entry_histry .item:nth-child(odd) { background: #e6f4f9   }
#entry_histry .item:nth-child(even) { background: #f9f9f9  }
#entry_histry .item_tt{flex-basis:100%;margin:0 0 1em 0;font-weight:bold;}
#entry_histry .entry_seminer_wrap{flex-basis:100%;}
#entry_histry .entry_seminer   {margin:0 0 1em 0;padding-left: 4.25em;  text-indent: -4.25em;}
#entry_histry .entry_seminer:last-child   {margin:0}
#entry_histry p  {padding:0;margin:0 0 2em 0;}

/*キャンセル行*/
#entry_histry .entry_seminer_wrap .cencel_seminer{  display:inline-block;margin:0 0.5em 0 0;}
#entry_histry .item.cancel{color:#c00;}

/*セミナーキャンセルフォーム */
#cencel_form{margin:auto;text-align: center;}
#cencel_form p{margin:0 0 1em 0!important;font-size:111%;padding:0!important;}
#cencel_form .acceptance{margin:2em 0  1em 0;}
#cencel_form input[type=text]{
border: 1px solid rgba(0,0,0,.1);
border-radius: 2px;
color: #2b2b2b;
padding: 0.5em;
background: none repeat scroll 0 0 #fff;
display:inline-block;
margin:0 0.25em;
}
#cencel_form input[type=submit]{
width:44%;padding:1em 0.25em;margin:auto;
border:1px solid #ccc;border-radius:0.25em;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all  0.2s ease;
background: #fff;
background: -moz-linear-gradient(top, #fff 0%, #f0f0f0 100%);
background: -webkit-linear-gradient(top, #fff 0%,#f0f0f0 100%);
background: linear-gradient(to bottom, #fff 0%,#f0f0f0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f0f0f0',GradientType=0 );
}
#cencel_form input[type=submit][disabled] { opacity:0.3;}
#cencel_form input[type=submit][disabled]:hover{cursor:inherit; }
#cencel_form input[type=submit]:hover{ cursor: pointer;  opacity:0.5; }

#mypage #wpmem_login label{width:44%!important;vertical-align: top;}
#mypage #wpmem_login .div_text{width:50%!important;vertical-align: top;}
#mypage #wpmem_login .button_div{text-align: center!important;}



/*バーチャル展示　（taxonomy-cate.php）*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#exhi_cate{}
#exhi_cate ul{list-style: none; justify-content: flex-start;}
#exhi_cate ul li{flex-basis:29%;padding:1%;margin:0 1% 1em 1%;text-align: center;}
#exhi_cate ul li img{width:auto; height:auto;max-width:100%;max-height:100%;object-fit: contain;}

#exhi_cate ul li a{text-decoration: none;}

/*スポンサー　（archive_sponser.php）*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#sponser{}
#sponser ul{list-style: none;margin:0; justify-content: space-between;}
#sponser ul li{flex-basis:47%;margin:0 1% 1em 1%;text-align: center; background: #fff;}
#sponser ul li a{text-decoration: none; background: #fff; display:block;padding:7%;}
#sponser ul li img{width:auto; height:auto;max-width:100%;max-height:100%;object-fit: contain;}
#sponser .sp_name{font-size:90%;}
#sponser ul.lect li{flex-basis:22%;margin:0 1% 1em 1%; justify-content: center;flex-flow:column;}
#sponser ul.lect li .thumb{flex-basis:100%; }
#sponser ul.lect li .sp_lect{font-size:80%;}


#sponser ul li a.deactive{pointer-events: none;text-decoration: none;color:#000}
#sponser ul li a .spchaurl{font-size:80%;color:#fff;background: #7658FA;border-radius:1em;margin:0.25em 0}
#sponser ul li a .spchaurl_comingsoon{font-size:80%;color:#fff;background: #ccc;border-radius:1em;margin:0.25em 0;}



#single_seminer #exhi_header{margin:2em 0;}
#single_seminer h1{margin:0;}


/*出展社ページ  （single-exhi）*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#youtube{justify-content: center;}
#youtube iframe{flex-basis:45%;}
#youtube iframe.center{flex-basis:65%;height:450px!important;}

#exhi_header{margin:2em 0 2em 0; flex-flow: column;}
#exhi_header .exhilogo{width:77%;margin:auto; padding:0;}
#exhi_header .exhilogo img{width:auto; height:auto;max-width:100%;max-height:100%;object-fit: contain;}
#exhi_header .exhiname {text-align: left; margin:0; font-weight:500;}
#exhi_header .exhiname h1{margin:0 0 1em 0}
#exhi_header .exhiname .exhi_url{font-weight:200;}
#exhi_header .exhiname .exhi_contact_addr{font-weight:200;}

#exhi_outline{margin:0 0 4em 0;}
#exhi_products,
#freearea,
#loginarea,
#postarea{margin:0 0 4em 0;}

.dlbox{justify-content: center;flex-flow:row nowrap;margin:3em 0 0 0;}
.dlbox .item{flex-basis: 44%;text-align: center;border:1px solid #aacd06;padding:2%;margin:1%;}
.dlbox .item .dl_tt{margin:0 0 1em 0;}
.dlbox .item .dl_tt i{margin:0 0.5em 0 0;color:#c00;}
.dlbox .item .dl_btn{border-radius:0.25em; padding:0.5em;background: #aacd06;color:#fff; display:block;width:77%;margin:auto;}
#postarea .dlbox .item .dl_tt{margin:0;}
#postarea .postform{margin:2em 0;text-align: center;}
#single_exhi .ytbox{width:66%;margin:auto;}

/*製品概要*/
#exhi_products{}
#exhi_products .products{margin:0 0 2em 0;}
#exhi_products .exhi_products_name{justify-content: flex-start;align-items: center;   margin:0 0 1em 0; font-size;}
#exhi_products .exhi_products_name .cap{ background: #aacd06;color:#fff;padding:0.25em 1em;margin:0 1em 0 0;}
#exhi_products .exhi_products_name.flex{justify-content: flex-start;}
#exhi_products .images_wrap.flex{justify-content: center;}
#exhi_products .images_wrap.flex .item{flex-basis: 100%;margin:0 0 2em 0;}
#exhi_products .pdf_wrap.flex{justify-content: center;}
#exhi_products .pdf_wrap.flex .item{flex-basis: 100%;margin:0 0 1em 0;padding: 1.5em 0;  border: 1px solid #aacd06;text-align: center;}
#exhi_products .pdf_wrap.flex .item .dl_tt{margin:0 0 1em 0;}
#exhi_products .pdf_wrap.flex .item .dl_tt i{margin:0 0.5em 0 0;color:#c00;}
#exhi_products .pdf_wrap.flex .item .dl_btn{border-radius:0.25em; padding:0.5em;background: #aacd06;color:#fff; display:block;width:77%;margin:auto;text-decoration: none;}
#exhi_products .pdf_wrap.flex .item .waiting{border-radius:0.25em; padding:0.5em;background: #aacd06;color:#fff; display:block;width:77%;margin:auto;font-size:90%;}

#exhi_products .pdf_wrap.flex .item a{padding:0.5em; background: #c00;color:#fff;text-decoration: none;}





#exhi_products .yt_wrap.flex{justify-content: center;}
#exhi_products .yt_wrap.flex .ytbox{flex-basis: 100%;margin:0 0 0 0;}


/*リードのダウンロード関連*/
#lead_dl_wrap{border:1px solid #2b70b8;padding:1em;}
#lead_dl_wrap .lead_dl_item{justify-content: flex-start;margin:0 0 1em 0}
#lead_dl_wrap .lead_dl_item .lead_dl_tt{flex-basis: 100%;margin:1.5em 0 1em 0;font-weight:700;border-bottom:1px solid #ccc; padding:0 0 0.5em 0;}
#lead_dl_wrap .lead_dl_item .lead_dl_btn{flex-basis: 100%;margin:0 0 0.5em 0; display:flex; justify-content: space-between;}
#lead_dl_wrap .lead_dl_item .lead_dl_btn span{color:#2b70b8;font-weight:700;}
#lead_dl_wrap .lead_dl_item a{ background: #2b70b8;color:#fff;border-radius:0.25em;padding:0.25em 1em;font-size:90%;text-decoration: none;}

#lead_dl_wrap .access_var{padding:1em; background: #f0f0f0;margin:2em 0 0 0;}





#shodan{margin:0 1em 5em 1em;}
#shodan h3{font-size:200%;font-weight:500;border-bottom:1px solid #000;margin:0 0 1em 0;padding:0 0 0.5em 0;}




/*商談予約*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#shodan_yoyaku{margin:3em auto;}

/*OLB*/
#editschedule,
#reservation,
#cancel
{width:75%;margin:3em auto 1em auto;;font-size:111%;text-align: left;}

#editschedule h2{font-size:199%;margin :0 0 0.5em 0;}
#editschedule h3{font-size:175%;margin :0 0 0.5em 0;}


/*商談受付会社の設定画面*/

#editschedule h3:after{content:"様"; margin:0 0 0 0.5em}
/*予約設定テーブル*/
#editschedule input[type="submit"]{display:none;}
#editschedule table.edit_schedule +  input[type="submit"]{display:block;background: #03a9f4;color:#fff;width:44%;margin:1em auto;border:none;border-radius:0.25em;padding:1em;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all  0.2s ease;
}
#editschedule table.edit_schedule +  input[type="submit"]:hover{cursor:pointer;opacity: 0.5;}
#editschedule  #list_pagenavi{margin:0 0 1em 0}
#editschedule  #list_pagenavi a{margin:0 3em;color:#03a9f4;text-decoration: underline;}
#editschedule form  + #list_pagenavi{display:none;}


#editschedule ol{list-style:none; margin:0 0 1em 1em; list-style: decimal;}
#editschedule ol li{margin:0 0 0.5em 0;}


.editschedule_subtt{color:#000;font-size:123%;margin:2em 0 1em 0;font-weight:700;}

/*予約状況テーブル*/
table.future_list{margin:0 0 1em 0;font-size:100%!important;}
table.future_list td.cancel a{color:#03a9f4;}
table.future_list td.member a{ pointer-events: none;color:#000;}



/*ユーザー画面*/
#olb  #list_pagenavi{margin:0 0 1em 0}
#olb  #list_pagenavi a{margin:0 3em;color:#03a9f4;text-decoration: underline;}
#olb table  + #list_pagenavi{display:none;}
#olb table td.open a {font-size:222%!important;display:block;width:100%;}
#olb table td a:hover{opacity:0.5;}
table.weekly_schedule td, table.weekly_schedule th.times {	line-height:inherit!important;}


/*予約*/
#reservation input[type="submit"]{display:block;color:#fff;width:37%;margin:1em auto; cursor: pointer;}
#reservation .alert{display:block;width:44%;margin:1em auto; text-align: center;}

/*キャンセルフォーム*/


#cancel input[type="submit"]{display:block;color:#fff; background: #f00; width:44%;margin:1em auto; cursor: pointer;
border:none;border-radius:0.25em;padding:1em;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all  0.2s ease;

}
#cancel input[type="submit"]:hover{cursor:pointer;opacity: 0.5;}


/*共通*/
.reservation dl {
    margin: 1em 0!important;
    padding: 0;
    width: 100%;
}
.reservation dt, .reservation dd {
    margin-top: 0;
    padding: 10px 0 10px 10px!important;
    border-top: 1px solid #ccc;
}
.reservation textarea{padding:2% ;width:96%;}

.reservation dd a{pointer-events: none;color:#000;}
#btm_link{margin:3em 0}
#btm_link a{color:#03a9f4;text-decoration: underline;}



/*Booking Package*/
/*
カレンダー画面を「商談予約のご予約はこちら」ボタンに変更するスタイル
#booking-package-locale-ja{    max-width: 100rem!important;    width: inherit/ calc(100% - 4rem)/;}
#booking-package_calendarPage .calendarPanel {display:none!important;}
#booking-package_calendarPage .calendar {   margin-bottom:0!important;}
.calendarData{display:none!important;}
#booking-package_calendarPage .dayPanel {   display:none;}
#booking-package_calendarPage .dayPanel.pointer {
display:block!important;
width: 100%!important;
border:none;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all  0.2s ease;
}
#booking-package_calendarPage .dayPanel.pointer:hover{ background: none;opacity: 0.5;}
#booking-package_calendarPage .dayPanel.pointer:after{content:"商談予約のご予約はこちら";margin:1em 0 0 0; padding:1em 3em; border:1px solid #ccc;border-radius:0.25em;display:inline-block;
background: #fff;
background: -moz-linear-gradient(top, #fff 0%, #f0f0f0 100%);
background: -webkit-linear-gradient(top, #fff 0%,#f0f0f0 100%);
background: linear-gradient(to bottom, #fff 0%,#f0f0f0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f0f0f0',GradientType=0 );}
#booking-package_calendarPage .dayPanelHeight {    height: inherit!important; }
.dayPostion{display:none!important}
#booking-package_calendarPage button.returnButton.bookingButton{display:none;}
*/
#booking-package_calendarPage .symbolPanel, #booking-package_calendarPage .numberInsteadOfSymbols:before{content:"残席の合計数："}

/*スケジュール画面*/
/*#selectedDate{display:none!important;}*/
#daysListPanel{display:none!important;}
#booking-package_schedulePage .courseListPanel {
position: relative!important;
top: 0!important;
bottom: inherit;
left: 0!important;
right: 0;
width: 100%!important;
overflow-y: hidden;
overflow-x: hidden;
display:flex;
justify-content: space-between;
flex-flow:  row wrap;
}
#blockPanel{display:none!important}
#booking-package_schedulePage .box_shadow {    box-shadow:none!important;}
#booking-package_schedulePage .selectPanel, #booking-package_servicePage .selectPanel {
width:inherit!important;
display: block!important;
padding: 1em!important;
margin: 0!important;
border-top-width: 0!important;
border-bottom-width: 0!important;
flex-basis:48%;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all  0.2s ease;
}
#booking-package_schedulePage .selectPanelError {
width:inherit!important;
display: block!important;
padding: 1em!important;
margin: 0!important;
border-top-width: 0!important;
border-bottom-width: 0!important;
flex-basis:48%;
color: red;
}
#booking-package_schedulePage .bottomPanelForPositionInherit {text-align: center;    padding:2em 0!important;}
#booking-package_schedulePage button {
margin: 0;
margin-left: 10px;
font-weight: normal;
padding:0.5em 7em;
border:1px solid #ccc;
background: #f0f0f0;
border-radius:0.25em;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all  0.2s ease;
}
#booking-package_schedulePage button:hover{cursor:pointer;opacity:0.5;}
#booking-package_schedulePage .displayRemainingCapacityLabel {display:block;margin-left: 0!important;}

/*フォーム画面*/
#booking-package_inputFormPanel {width:80%;margin:auto;}

/*個人情報を入力してくださいを非表示に*/
#booking-package_inputFormPanel .selectedDate, #booking-package_myBookingDetails .selectedDate {display:none!important;}

/*予約を受け付けましたを表示*/
#booking-package_inputFormPanel.booking_completed_panel .selectedDate{display:block!important;font-weight:700;padding:1em 0!important;}
#booking-package_inputFormPanel .row, #booking-package_myBookingDetails .row, #booking-package_serviceDetails .row, #booking-package_myBookingDetailsFroVisitor .row {
padding:1em 0!important;
margin: 0 0 0.25em 0;
border-style: solid;
border-width: 0!important;
border-bottom-width: 0px!important;
display: table;
width: 100%;
box-sizing: border-box;
}
#booking-package_inputFormPanel input[type=text] {width: 98%!important;padding: 1%!important;font-size:123%;}
#booking-package_inputFormPanel .bottomBarPanel {padding: 10px;text-align: center;}


#booking-package_inputFormPanel .returnButton ,
#booking-package_myBookingDetailsFroVisitor .returnButton ,
#booking-package_myBookingDetailsFroVisitor .cancelButton
{
width: 85%!important;
margin:0.5em auto!important;
font-weight: normal;
padding:0.5em 1em!important;
border:1px solid #ccc;
background: #f0f0f0;
border-radius:0.25em;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all  0.2s ease;
text-align: center;
}
#booking-package_inputFormPanel .returnButton:hover,
#booking-package_myBookingDetailsFroVisitor .returnButton:hover ,
#booking-package_myBookingDetailsFroVisitor .cancelButton:hover
{cursor:pointer;opacity:0.5;}

/*タイムテーブルの選択*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#select_tt{margin:5em auto;width:75%; }
#select_tt a{flex-basis:100%; border-radius:0.5em;display:block;padding:1em 0;font-size:200%;font-weight:400;color:#fff;border-bottom:1px solid #059;margin:0 0 1em 0;
background: #9bd4e8;
background: -moz-linear-gradient(-45deg,  #9bd4e8 0%, #00b0ec 100%);
background: -webkit-linear-gradient(-45deg,  #9bd4e8 0%,#00b0ec 100%);
background: linear-gradient(135deg,  #9bd4e8 0%,#00b0ec 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bd4e8', endColorstr='#00b0ec',GradientType=1 );}
#select_tt a span{display:block;margin:0.5em 0 0 0;font-size:135%;font-weight:700;}
#select_tt a:hover{text-decoration: none;opacity: 0.5;}



/*タイムテーブル*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.timetable{width:100%;overflow: scroll;margin:0 0 3em 0;}

.timetable_zoom {justify-content: center;margin:0 0 2em 0; border:1px solid #00B0F8; padding:1em; list-style: none;}
.timetable_zoom li{flex-basis: 20%;margin:0 1%;text-align: center;}
.timetable_zoom li.tt{ background: #f0f0f0;padding:0.15em 0;}



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

#ttwrap{margin:0 auto 2em auto; flex-flow:row wrap;}
#ttwrap .section{flex-basis:100%; box-sizing: border-box; position: relative;margin:0;}


  @media screen and (min-width: 48em) {
#ttwrap{margin:0 auto 2em auto; flex-flow:row nowrap;}
#ttwrap .section{flex-basis:88%; box-sizing: border-box; position: relative;margin:auto;}
}

#ttwrap .section .placelabel{font-size:100%; background: #00b0ec;padding:0.5em ;color:#fff;text-align: center;position: relative;}




#ttwrap .section .item{text-align: left;position: relative;margin:0 0 0.5em 0;

background: -moz-linear-gradient(top,  rgba(255,255,255,1) 35%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 35%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 35%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}

#ttwrap .section .item.t1010-1040,/*基調講演*/
#ttwrap .section .item.t1210-1240,/*ランチタイム*/
#ttwrap .section .item.t1420-1430,/*コーヒーブレイク*/
#ttwrap .section .item.t1630-1830/*カクテルパーティー*/
{
     background: #e7f2a9;
} 





/*コマ調整*/
#ttwrap .section .placelabel{font-size:111%; background: #2b70b8;padding:0.5em ;color:#fff;margin:0 0 0 0;}


#ttwrap .section.rooma .item.t0950-1000 span.num,
#ttwrap .section.rooma .item.t1000-1040 span.num{display:none;}



#ttwrap .section.rooma .item.time1200-1240 {display:none;}



  @media screen and (min-width: 48em) {

/*デフォルト*/
#ttwrap .section .item{text-align: left;position: relative;margin:0 0 0.5em 0; height:160px;}

      
}



/*挨拶・基調講演*/
/*挨拶・基調講演のスペースをつくる*/
#ttwrap .section.roomb .placelabel,
#ttwrap .section.roomc .placelabel,
#ttwrap .section.roomd .placelabel,
#ttwrap .section.roome .placelabel{margin:0 0 202px 0}


/*挨拶・基調講演のコマ調整*/
#ttwrap .section.rooma .item.t0920-0930{background: #46b403; height:77px;width:xxxxxxxxxxx%; font-size:80%; line-height: 0.9;}


#ttwrap .section.rooma .item.t0930-1030{background: #40BA8D; height:66px;width:xxxxxxxxxxxx%;}



#ttwrap .section.rooma .item.t0920-0930 .lec_num,
#ttwrap .section.rooma .item.t0930-1030 .lec_num {background: none;justify-content: flex-start;}

#ttwrap .section.rooma .item.t0920-0930 .lec_num .num,
#ttwrap .section.rooma .item.t0930-1030 .lec_num .num,
#ttwrap .section.rooma .item.t0930-1030 .lec_num .time  {display: none;}

#ttwrap .section.rooma .item.t0920-0930 .lec_title,
#ttwrap .section.rooma .item.t0930-1030 .lec_title{color:#fff;font-size:111%;}
#ttwrap .section.rooma .item.t0920-0930 .spk_company,
#ttwrap .section.rooma .item.t0930-1030 .spk_company,
#ttwrap .section.rooma .item.t0920-0930 .spk_name,
#ttwrap .section.rooma .item.t0930-1030 .spk_name  {color:#fff;}





/*E1 2コマに調整　*/
#ttwrap .section.roome .t1040-1150 {height:450px; background: #fff2cc;margin:0 0 78px 0;  }

/*昼食休憩*/
/*ROOM B-Eの下の昼食帯挿入用のマージンを入れる*/
#ttwrap .section.roomb .item.t1120-1150,
#ttwrap .section.roomc .item.t1120-1150,
#ttwrap .section.roomd .item.t1120-1150,
#ttwrap .section.roome .item.t1120-1150{margin:0 0 80px 0}
/*ROOM Aのアイテムにスタイル適用*/
#ttwrap .section.rooma .item.t1150-1240 {height:100px;width:xxxxxxxxxxx; background: #a9d18e;display:block; z-index:100;margin:0 0 5px 0;}
#ttwrap .section.rooma .item.t1150-1240 .lec_num{background: none;justify-content: center;}
#ttwrap .section.rooma .item.t1150-1240 .lec_num .num{display: none;}
#ttwrap .section.rooma .item.t1150-1240 .lec_title{text-align: center;font-size:100%;}
#ttwrap .section.rooma .item.t1150-1240 a{pointer-events: none;}


/*コーヒーブレイク*/

/*D6の縦に合わせる*/
 #ttwrap .section.rooma .item.t1440-1510{height:277px}

/*ROOM B-Eの下の昼食帯挿入用のマージンを入れる*/
#ttwrap .section.roomb .item.t1440-1510,
#ttwrap .section.roomc .item.t1440-1510,
#ttwrap .section.roomd .item.t1440-1510,
#ttwrap .section.roome .item.t1440-1510{margin:0 0 135px 0;}





 /*ROOM Aのアイテムにスタイル適用*/
#ttwrap .section.rooma .item.t1445-1500 {height:100px;width:xxxxxxxxxxxxx%; background: #a9d18e;display:block; z-index:100;margin:0 0 5px 0;}
#ttwrap .section.rooma .item.t1445-1500 .lec_num{background: none;justify-content: center;}
#ttwrap .section.rooma .item.t1445-1500 .lec_num .num{display: none;}
#ttwrap .section.rooma .item.t1445-1500 .lec_title{text-align: center;font-size:100%;}
#ttwrap .section.rooma .item.t1445-1500 a{pointer-events: none;}


#ttwrap .section.rooma .item.t1230-1300 {height:77px;width:xxxxxxxxxxxxx%; background: #a9d18e;display:block; z-index:100;margin:0 0 5px 0;}
#ttwrap .section.rooma .item.t1230-1300 .lec_num{background: none;justify-content: center;}
#ttwrap .section.rooma .item.t1230-1300 .lec_num .num{display: none;}
#ttwrap .section.rooma .item.t1230-1300 .lec_title{text-align: center;font-size:100%;}
#ttwrap .section.rooma .item.t1230-1300 a{pointer-events: none;}




/*カクテルパーティ＆抽選会*/
 /*ROOM Aのアイテムにスタイル適用*/
#ttwrap .section.rooma .item.t1700-1900 {height:244px;background: #a9d18e;display:block; z-index:100;margin:0 0 5px 0;}
#ttwrap .section.rooma .item.t1700-1900 .lec_num{background: none;justify-content: center;}
#ttwrap .section.rooma .item.t1700-1900 .lec_num .num{display: none;}
#ttwrap .section.rooma .item.t1700-1900 .lec_title{text-align: center;font-size:100%;}
#ttwrap .section.rooma .item.t1700-1900 a{pointer-events: none;}



  @media screen and (min-width: 48em) {


 #ttwrap .section.rooma .item.t1700-1900 {height:155px;background: #a9d18e;display:block; z-index:100;margin:0 0 5px 0;}     
      
      
      
}





#ttwrap .section.track-01 .placelabel:after{
/*content:'10:00-10:15 オープニング　実行委員長挨拶';*/
/*content:'2021年11月12日～2022年1月14日までアーカイブ講演配信中';*/
/*
content:'';
position: absolute;left:0;bottom:-70px;
height:29px;width:300%;background: #f0f0f0;
padding:20px 0;
z-index:1;
border-bottom:1px solid #ccc;
color:#000;
*/
}
/*
#ttwrap .section.track-01 .placelabel{margin:0 0 70px 0;}
#ttwrap .section.track-02 .placelabel,
#ttwrap .section.track-sp .placelabel{margin:0 0 266px 0;}
*/



/*コマの高さ*/
#ttwrap .section .item .item_detail a,
#ttwrap .section .item.half .item_detail a{text-decoration: none;}


#ttwrap .section .item .item_detail a.post-edit-link{height:inherit;font-size:80%;position: absolute;right:0.5em}


#ttwrap .section .item input[type="checkbox"] {
display:none;
/*display:none;	display:none;	display:none;	display:none;	display:none;	display:none;	display:none;	*/
position: absolute;top:1.15em;right:1em;
/*cursor:pointer;*/
z-index: 1;
-moz-transform:		scale(1.6);
-webkit-transform:	scale(1.6);
transform:		scale(1.6); }

#ttwrap .section .item .item_detail{ position: relative;height:100%;}
#ttwrap .section .item .item_detail a{display:block;padding:0.5em; color:#000;}
#ttwrap .section .item .item_detail a:hover{ background: #c6eaf9; }
#ttwrap .section .item .item_detail label{height:100%;min-height: 180px; display:block}
#ttwrap .section .item .item_detail label:hover{cursor: pointer;}
#ttwrap .section .item input[type="checkbox"]:checked  + .item_detail{ background:#fde6ae;}


#ttwrap .section .item .item_detail .lec_num{ font-size:111%;margin:0 0 0.5em 0;padding:0 0.5em; background: #aacd06;color:#000;position: relative; justify-content: space-between}
#ttwrap .section .item .item_detail .lec_num span.num{font-weight:700;}
#ttwrap .section .item .item_detail .lec_num span.time{}




#ttwrap .section .item .item_detail .douga{ font-size:90%;margin:0 0 0.25em 0;display:inline-block; padding:0 0.25em; background: #ffc0cb;color:#fff;position: relative;;text-align: center;}


#ttwrap .section .item .item_detail .lec_title{ font-size:133%;font-weight:700;margin:0 0 0.5em 0;}
#ttwrap .section .item .item_detail .lec_company{font-size:90%; color:#2b70b8; line-height: 123%;}
#ttwrap .section .item .item_detail .spk{margin-top:auto }
#ttwrap .section .item .item_detail .spk_company{font-size:111%; color:#2b70b8; line-height:123%;margin:0; }
#ttwrap .section .item .item_detail .spk_position{font-size:111%; color:#2b70b8; line-height:123%;margin:0; }

#ttwrap .section .item .item_detail .spk_name{font-size:122%; color:#2b70b8; margin:0 0 0.5em 0;}


/*受付終了*/
#ttwrap .section .item .disp_end {position: absolute;top:0.5em;right:0.5em;padding:0.25em; background: #c00;color:#fff;font-size:90%;z-index:1;}
#ttwrap .section .item .item_detail.closed{ background: #eee; }
#ttwrap .section .item .item_detail.closed a   {opacity:0.5;}



/*聴講申し込みボタン*/
.timetable input[type="submit"]{
font-size:155%!important;
padding:0.75em 1em;
border-radius:0.25em;
border:1px solid #ccc;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all  0.2s ease;
background: #fff;
background: -moz-linear-gradient(top, #fff 0%, #f0f0f0 100%);
background: -webkit-linear-gradient(top, #fff 0%,#f0f0f0 100%);
background: linear-gradient(to bottom, #fff 0%,#f0f0f0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f0f0f0',GradientType=0 );
}
.timetable input[type="submit"][disabled],

.timetable input[type="submit"]:hover{opacity: 0.5; box-shadow: 0 3px 5px #eee;}
.timetable .login_message{margin:3em 0;font-size:123%;}



/*視聴ボタン　　タイムテーブル*/
#roombtn{width:1200px;margin:2em auto; flex-flow:row nowrap; z-index:100;position: relative;top:96px;}
#roombtn .btnwrap{ flex-basis: 100%;}
#roombtn .btnwrap.spr{display:none;}/*特別企画*/
#roombtn .ttname{display:none;}
#roombtn a{color:#;display:inline-block;width:39%;margin:0 1%;padding:0.25em;}

#roombtn a:hover{text-decoration: none;opacity:0.5;}
#roombtn a.zoom{background: #f0f8ff ;}
 #roombtn a.teams{ background: #ffffe0;display:none;}

.item .btn_zoom{position: absolute;top:110px;left:0.5em;z-index: 99;}
.item .btn_zoom a{background: #f0e68c;padding:0.25em}


/*視聴ボタン　　マイページ*/
#mypage #roombtn{margin:2em auto;justify-content: center; flex-flow:row wrap; background:#eee; padding:1em;top:0}
#mypage #roombtn .btnwrap{ flex-basis: 30%;margin:1em;}
#mypage #roombtn .btnwrap.spr{display:block;}/*特別企画*/
#mypage #roombtn .ttname{font-size:120%;font-weight:700;margin:0 0 0.25em 0;display:block;}
#mypage #roombtn a{display:inline-block;width:39%;margin:0 1%;padding:0.5em;}
#mypage #roombtn a:hover{text-decoration: none;opacity:0.5;}
#mypage #roombtn a.zoom{background: #f0f8ff;}
#mypage #roombtn a.teams{ background: #ffffe0;display:none;}



/*モーダル内＆シングルのスタイル*/

.mo_title{font-size:222%;font-weight:700;margin:0 0 0.5em 0;line-height: 123%;}
.mo_content{font-size:111%;margin:0 0 3em 0;}
.spk_wrap {margin:0 0 3em 0;}
.spk_wrap .spk_photo{flex-basis: 30%;}
.spk_wrap .spk_photo img{width:100%;height:auto;}
.spk_wrap .spk_detail{flex-basis: 60%;}
.spk_wrap .spk_company{font-size:133%;margin:0 0 0.5em 0;}

.spk_wrap .spk_department{font-size:122%;margin:0 0 0.25em 0;}
.spk_wrap .spk_position{font-size:122%;margin:0 0 0.75em 0;}

.spk_wrap .spk_name{font-size:111%;font-weight:700;}
.spk_wrap .spk_prof{}




/* タイムテーブルのモーダル　ここから*/
.modal .checkbox{display: none;}

/* Gray background */


.modal .modal-overlay{
opacity: 0;
transition: all 0.2s ease;
width: 50%;
position: absolute;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: -100;
transform: scale(1);
display: none;
background-color: rgba(0,0,0,0.5);
}

/* Box */
.modal .modal-wrap{
background-color: #fff;
border:0.5em solid #aacd06;
box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
padding: 1em;
text-align: left;
height: 90vh;
overflow: scroll;
margin:5vh 1em;
transition: all 0.2s ease;
display:block;
z-index:9999;
}
.modal .modal-wrap.small{width: 30%;}
.modal .modal-wrap.full{width: 100%;height: 100%;}
.modal .modal-wrap.a-center {align-self: center;}
.modal .modal-wrap.from-left {transform: translateX(-100%);}
.modal .modal-wrap.from-right {transform: translateX(100%);}
.modal .modal-wrap.from-top {transform: translateY(-100%);}
.modal .modal-wrap.from-bottom {transform: translateY(100%);}

/* Close button */
.modal .modal-overlay .modal-close{margin:3em 0 0 0 ;text-align: center;}
.modal .modal-overlay .modal-close .close{background: #f0f0f0;padding:1em;color: #000;font-size:123%;width:44%;display:inline-block;}
.modal .modal-overlay .close:hover{cursor: pointer;color: #f00;}
.modal .o-close {width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: -100;}
.modal input:checked ~ .o-close {z-index: 9998;}
.modal input:checked ~ .modal-overlay{
transform: scale(1);
opacity:1;
z-index: 9997;
overflow: auto;
display: flex;
animation-duration: 0.3s;
animation-name: fade-in;
-moz-animation-duration: 0.3s;
-moz-animation-name: fade-in;
-webkit-animation-duration: 0.3s;
-webkit-animation-name: fade-in;
}
.modal input:checked ~ .modal-overlay .modal-wrap {transform: translateY(0);z-index: 9999;}

/* Responsive Design */
/* Tablet size */
@media (max-width: 800px){
.modal .modal-wrap {width: 80%;}
}

/* Phone size */
@media (max-width: 500px){
.modal .modal-wrap {width: 90%;}
}

/* Fadein from display:none */
@keyframes fade-in {
0% {display: none;opacity: 0;}
1% {display: flex;opacity: 0;}
100% {display: flex;opacity: 1;}
}

@-moz-keyframes fade-in {
0% {display: none;opacity: 0;}
1% {display: flex;opacity: 0;}
100% {display: flex;opacity: 1;}
}

@-webkit-keyframes fade-in {
0% {display: none;opacity: 0;}
1% {display: flex;opacity: 0;}
100% {display: flex;opacity: 1;}
}


/*オンデマンド配信*/
#ondemand{margin:2em 0 3em 0;padding:2em; background: #eee;text-align: center;}
#ondemand h3{font-size:180%;font-weight:700;margin:0 0 1em 0;}

#ondemand #ond_box{display:flex;flex-flow: column; justify-content: center;}

#ondemand #ond_box iframe{width:100%;margin:0 0 1.5em 0;}
#ondemand #ond_box #ond_pdf{width:100%;margin:auto;}

.ond_icon{ background:#87ceeb;color:#fff;width:66%;margin:0 auto 0.5em auto;text-align: center;padding:0.5em;}



/*固定ページ　　新規実行委員の自己紹介！　　　*/
#listbox{margin:3em 0;}
#listbox ul{justify-content: space-between;}
#listbox ul li.item{flex-basis: 98%;margin:0 0 1.5em 0;padding:1%;border-top:10px solid #aacd06;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
#listbox ul li.item a{font-size:150%;font-weight:700;color:#000;margin:0 0 1em 0;display:block;line-height: 150%;}
#listbox ul li.item .jikkouiin{font-size:123%;color:#000;margin:0;}
#event_header li{display:block;margin:1em;font-size:150%;}
#event_header{margin:0 0 2em 0;}


#ttcontent{margin:0 0 3em 0;}

#qr_dsfselect{width:200px;margin:2em auto;}
#qr_dsfselect img{width:100%;height:auto;}


/*オンライン交流X連動企画*/

    .x_exchange_wrap{}
    .x_exchange_wrap .item{flex-basis: 100%;}
    .tt_wrap{justify-content: flex-start;align-items: center;margin:0 0 1em 0;}
    .tt_wrap .x_thumb{flex-basis: 10%;margin:0 1em 0 0;}
    .tt_wrap .tt{flex-basis: 75%;font-size:122%;font-weight:700;}
    .x_exchange_wrap .item a.qr{display:block;width:44%;margin:0 auto 2em auto;}




/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/
/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/
/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/

@media screen and (min-width: 48em) {


h1 {font-size: 222%;font-size:500;}
h1 span{display:inline-block;padding:0.1em 1em;  background: #f0f0f0;margin:0 0 0 1em;font-size:75%;}
h2 {font-size: 199%;}
h3 { font-size: 144%;}
h4 { font-size: 133%;}
h5 { font-size: 122%;}
h6 { font-size: 111%;}
p { margin: 0 0 2em 0;}


#wrapper h2{}
#wrapper h3{margin:0 0 1em 0;}



    .entry.lottery p img{width:44%;height:auto;}




 .sp {    display: none;   }
 .pc {    display: block;   }
.slicknav_menu{display:none;}

a.detailhere{
    width:44%;
    margin: 0 auto;
    padding: 2%;

    font-size: 133%;
    background: #0778cf;
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    
}

/*.section{margin:3em 0;}*/

/*アーカイブページのボトムナビ*/
.btm_navigation .navi_item {flex-basis: 25%;}

/*表*/
.sheet{margin:2em 0;}
.sheet .item{border-bottom:1px solid #ccc;}
.sheet .item .item_tt{flex-basis:22%;padding:1em 0; background: none; font-weight:500;}
.sheet .item .item_text{flex-basis:77%;padding:1em 0}
.sheet .item p{margin:0;}


/* トップのアッパー */
    #main_copy{font-size:246%;position: relative;font-weight:900;margin:2em 0 0.5em 0;}
#main_copy span{display:inline-block;}
#sub_copy{font-size:122%;margin:2em auto 2em auto; width:88%; color:#fff;padding:0.5em 0.25em ;font-weight:500;
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(0,176,236,1) 50%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(0,176,236,1) 50%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(0,176,236,1) 50%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffff', endColorstr='#00ffffff',GradientType=1 );
}
#logoside {  padding:0.25em 0.5em;font-weight:700;font-size:90%; background: #00b0ec;color:#fff;text-align: left;}

p.endedtext{font-size:122%;font-weight:500;text-align: center;}



/*top_banner*/
#top_banner{margin: 1em 0 2em 0;}
#top_banner .bnrwrap{ justify-content: center; align-items: center;}

#top_banner a{flex-basis:20%;margin:1%;}
#top_banner a .thumb{min-height: 150px;}
#top_banner a img{

max-width: 300px;
max-height: 100px;
width: auto;
height: auto;

}
    
    
#seminer #top_banner{margin: 1em 0 1em 0;}
#seminer #top_banner a{flex-basis:20%;margin:1%;}
#seminer #top_banner a img{

max-width: 155px;
max-height: 100px;
width: auto;
height: auto;

}



/*バナーのリードダウンロードと変数表示*/
#bnr_lead_wrap{width:88%;margin:0 auto 2em auto; text-align: left;}
#bnr_lead_wrap .bnr_lead_dl{margin:0 0 1em 0;}


/*トップ各セクション共通*/
#top_wrap .section{margin:0 auto;padding:3% 0;}
#top_wrap .section.nobg{background: none;}
#top_wrap .section h2{font-size:222%;margin:0 auto 2em auto;font-weight:700;position: relative; display:inline-block;}
#top_wrap .section h2:after{width:100%;content:"";height:5px; background: #00b0ec;position: absolute;bottom:-0.5em;left:0;right:0;margin:auto;}
#top_wrap  a.detailhere{width:44%;margin:0 auto 1em auto;}
p  a.detailhere{width:44%;margin:0 auto 1em auto;}


 #regbox{justify-content: center;margin:0.5em 0}
 #regbox a{ margin:0 0.5em;padding:2%; flex-basis: 44%;font-size:133%;  font-weight:500;text-decoration: none;text-align: center;}


 #seminer #regbox{justify-content: center;margin:0.5em 0 2em 0}
 #seminer #regbox a{ margin:0 0.5em;padding:0.5em; flex-basis: 30%;font-size:111%; background:#00b0ec;color:#fff; font-weight:500;text-decoration: none;text-align: center;}





/*基調講演*/
#topprbox{ padding:3% 1em;}
#topprbox .top_upper_wrap{}
#topprbox .top_upper_wrap .item{flex-basis:47%;margin:0 0 4em 0;}
#topprbox h2{margin:0 0 1em 0;text-align:left;border-bottom:2px solid #eee;padding:0 0 0.5em 0;}
#topprbox .top_upper_wrap .item	.standout_item{align-items: flex-start;flex-flow:row nowrap;justify-content: space-between;margin:0 0 2em 0;}
#topprbox .standout_item .topprbox_thumb{flex-basis: 36%}
#topprbox .standout_item .detail{flex-basis: 60%;text-align: left;}
#topprbox .standout_item .detail h3{margin:0 0 1em 0;}
#topprbox .standout_item .detail .key{margin:0 0 1em 0;font-weight:700;}


    #topprbox .item.spo ul{list-style: none;justify-content: center;}  
    #topprbox .item.spo ul li{flex-basis:18%;margin:3% 4%;font-size:90%;}  
    
    
    
    
    
    
    

/*NEWS   トップ */
#news{margin:0 0 2em 0; padding:1em 0;  }
#news ul{list-style:none; }
#news ul li.item{justify-content: space-between;align-items: center; padding:0 0 0.5em 0;margin:0 0 0.5em 0;border-bottom:1px dotted #999;flex-flow: row nowrap;}
#news ul li.item .date{flex-basis: 22%;font-weight:700;font-size:107%;}
#news ul li.item .tt {flex-basis: 77%;text-align: left;}
#news ul li.item .excerpt {font-size:90%;}
#news ul li.item .tt a{text-decoration: none;color:#000;}


/*NEWS   archive*/
#archive_news{margin:0 0 2em 0; }
#archive_news ul{list-style:none; }
#archive_news ul li.item{justify-content: space-between;align-items: center; padding:0 0 0.5em 0;margin:0 0 0.5em 0;border-bottom:1px dotted #999;}
#archive_news ul li.item .date{flex-basis: 22%;font-weight:700;font-size:107%;}
#archive_news ul li.item .tt {flex-basis: 77%;text-align: left;}
#archive_news ul li.item .excerpt {font-size:90%;}
#archive_news ul li.item .tt a{text-decoration: none;color:#000;}


/*DSF開催概要*/
#top_information{margin:4em 0 0 0;}
    
    
#top_information h2{margin:0 0 1em 0;border-bottom:1px solid #2b70b8;padding:0 0 0.5em 0;}    

.block{margin:0 0 4em 0;}
.concept{justify-content: space-between;}
.concept dl{flex-basis: 30%; padding:1%;border:1px solid #2b70b8;}
.concept dl dt{font-weight:700;font-size:133%; margin:0 0 0.5em 0;}
.outline{text-align: center;flex-flow: row nowrap}
.outline .detail{flex-basis: 49%}
.outline .detail dl{margin:0 0 1.5em 0;padding:0; flex-flow:row nowrap;}
.outline .detail dt{flex-basis:11%;text-align: left; font-weight:700;}
.outline .detail dd{flex-basis:88%;text-align: left;}
.outline .map{flex-basis: 49%}

.greeting_photo{width:44%;margin:0 auto 2em auto;}

.acc_img_wrap{margin:0 0 2em 0;flex-flow:row nowrap;}
.acc_img_wrap .item{flex-basis: 100%;margin:0;}



/*Design Solution Forumの紹介  */
#introduction #concept{font-weight:700;font-size:166%;margin:0 0 2em 0;}
#introduction .outline .detail{}
#introduction .outline .detail dl{margin:0 0 1.5em 0;padding:0;	}
#introduction .outline .detail dt{flex-basis:11%;text-align: left; font-weight:700;}
#introduction .outline .detail dd{flex-basis:88%;text-align: left;}


    /*Design Solution Forumの紹介  アーカイブ*/
    #introduction .section ul.flex{flex-flow:row wrap; list-style: none;margin:0;}
    #introduction .section .item{flex-basis:24%;	border:1px solid #2b70b8;margin:0 0 1em 0;padding:4%;position: relative; overflow: hidden;}
    #introduction .section .item:after{
    content: "";
    height: 48px;
    width: 48px;
    background: #2b70b8;
    z-index: 1;
    position: absolute;
    bottom: -24px;
    right: -24px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    }



    #introduction .section .item a{text-decoration: none;font-weight:700;font-size:133%;}



/*特別企画  */
#special{margin:0 0 2em 0; padding:1em 0; }
#special ul{list-style:none; }
#special ul li.item{flex-basis: 46%;margin:0 0 2em 0;padding:1%; border:1px solid #00b0ec;}
#special ul li.item .date{font-size:111%;margin:0 2em 0 0; color:#00b0ec;}
#special ul li.item .tt {padding:0 0 0.5em 0;border-bottom:1px solid #00b0ec}
#special ul li.item .excerpt {font-size:90%;}
#special ul li.item .tt a{font-size:111%;color:#00b0ec;}
#special ul li.item .spcate{padding:0.25em;position: relative;top:-1.75em;margin:0 0 -1.25em 0;}


/*一般募集企画  */
#bosyu_kikaku{margin:0 0 2em 0; padding:1em 0; }
#bosyu_kikaku ul{list-style:none; justify-content: center;}
#bosyu_kikaku ul li.item{flex-basis: 27%;margin:0 2% 1em 2%;padding:1%; border:1px solid #aacd06;box-shadow: 5px 5px 0 #f0f0f0; display:flex; flex-direction: column;}
#bosyu_kikaku ul li.item .date{font-size:111%;margin:0 2em 0 0; color:#00b0ec;}
#bosyu_kikaku ul li.item .tt {padding:0 0 0.5em 0;border-bottom:1px solid #aacd06;margin:0 0 0.5em 0;}
#bosyu_kikaku ul li.item .tt a{font-size:111%;color:#aacd06;}
#bosyu_kikaku ul li.item .excerpt {font-size:90%;}
#bosyu_kikaku ul li.item a.ouboform{ background: #aacd06;border-radius:0.25em; color:#fff;display: block;text-align: center;margin:auto;width:77%;padding:0.5em;margin-top: auto;}


#wrapper {  margin: 0 1em 2em 1em; padding:0 10%; text-align: left; /* background: rgba(255,255,255,0.8);*/}


/*Header
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
header {padding: 0.25em 1em;position: relative;width:inherit;}
#header_wrap {align-items: center; flex-flow:row nowrap;}
#site_logo {justify-content: flex-start; flex-basis: 30%;  padding:0.5em;font-family: 'MotoyaMaAporoStd',sans-serif;font-weight: 800; align-items: center;}
#site_logo a {flex-basis:380px;}
#site_logo a h1{flex-basis:333px;}
#site_logo a img{width:100%;height:auto;}
#site_logo a #logo {    flex-basis: 50px;}





#site_title{font-size: 160%;text-align: left;margin:0;padding:0;border:none;}
#header_link {flex-basis: 48%;margin:0; }
#header_link ul{justify-content: flex-end; align-items: center; margin:0 0 0.25em 0;}
#header_link ul li{margin:0 0 0 1em;line-height: 1;}
#header_link ul li.tel{font-size:150%;font-weight:700;}
#header_link ul li.toiawase,#header_link ul li.siryo{margin:0 0 0 2em;font-size:111%;font-weight:700;}
#header_link i {margin:0;}
#header_link ul:last-child{display:flex}
#header_link ul li.tel{display:block}
#header_link {flex-basis: 38%; padding:0 10% 0 0;}




/*新規登録・ログイン*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#registbox{flex-basis: 70%; justify-content: flex-end;align-items: center; text-align: right;flex-flow: row nowrap;}

#registbox .icon_wrap{justify-content: flex-end;align-items: center;flex-basis:25%;}
#registbox a.regist_btn{margin:0;padding:0.75em 1.25em;font-size:100%; color:#fff;font-weight:500; background: #00b0ec;text-align: center;}




/* ぱんくずリスト
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#topicpath {}
#topicpath br{display:none;}



/* スライド
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#top_slide ul{margin:0; position: relative; top: 51px;   display:flex;align-items: center;}
#top_slide ul li{
    position: relative;
    padding-bottom: 56.25%; /* アスペクト比16:9の場合 */
    padding-top: 0;
    height: 0;
    overflow: hidden;
    margin-bottom: 2rem; /* YouTubeの下に余白をつける */
}
#top_slide iframe {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}
#top_slide ul li .sl_img{z-index:1;}
#top_slide ul li .sl_img img{width:100%;height:auto;position: absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
#top_slide ul{position: relative; top:0; }
#top_slide ul li .sl_text{position: relative;    padding: 3em 1em 1em 1em;

-ms-writing-mode: lr-tb;
writing-mode: horizontal-tb;
text-orientation: mixed;
    }


#top_slide ul li .sl_text p{margin:0 0 0.25em 0}
#top_slide ul li .sl_text a{font-size:100%;text-align: center;display:block;margin:1em 0 0 0;}
#top_slide .swiper-container .swiper-button-prev ,
#top_slide .swiper-container .swiper-button-next
{
    color: #fff;
    padding: 1em 0.25em;
}



/*新規登録・ログイン*/
#top_btn{width:80%;}
#top_btn a{font-size:180%;}

/*検索*/






#searchform{margin:0 auto 2em auto; width:98%; text-align: center;}
#searchform .inner{background: #f2f9fe;padding:2%;width:96%;}
#searchform input{width:44%; padding:0.5em;border:1px solid #ccc;font-size:144%; margin:0 0.5em 0 0;}


#searchform button{ background: #00b0ec;border:none;padding:0.55em 1em;color:#f0f0f0;position: relative;top:0;font-size:116%;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all  0.2s ease;
text-align: center;}
#searchform button:hover{cursor: pointer;opacity:0.5;}



#searchr_result{width:1000px;margin:3em auto 0 auto;}
#searchr_result h2{font-size:222%;}
#searchr_result .res_item{margin:0 0 3em 0;}
#searchr_result .res_item .res_tt{margin:0 0 0.5em 0;font-size:175%;}





/*新規登録、ログイン*/
#wpmem_reg,
#wpmem_login {width:700px;margin:2em auto 0 auto;}
#wpmem_login .button_div input, #wpmem_reg .button_div input{width:28%;}
#wpmem_login .button_div{margin:0 0 1em 0;}
#wpmem_login input[type=checkbox] {margin: 12px 0!important;width:3%;}
#wpmem_login .button_div label{font-size:90%!important;position: relative;top:0;margin:0;}
#wpmem_login .link-text {margin:0 0 0 32%;}

/*マイページ*/
#mypage{width:80%;margin:2em auto;}
#entry_histry .item_tt{flex-basis:30%;margin:0;}
#entry_histry .entry_seminer_wrap{flex-basis:70%;}


 /*セミナーキャンセルフォーム */
#cencel_form{width:55%;}

#mypage #wpmem_login label{width:32%!important;}
#mypage #wpmem_login .div_text{width:60%!important;}
#mypage #wpmem_login .button_div{text-align: left!important;}




 /*バーチャル展示　アーカイブ　　*/

#exhi{}
#category_list {margin:0 0 3em 0;}
#category_list ul { justify-content:center;list-style: none;margin-left:0;}
    #category_list ul li{flex-basis:18%;margin:0 0.5% 0.5em 0.5%; }
#category_list ul li a{display:block;width:100%;height:100px; display:flex;align-items: center;justify-content: center;font-size:122%;font-weight:300;color:#00b0ec;

background: #ffffff;
background: -moz-linear-gradient(-45deg,  #ffffff 1%, #f2f9fe 84%, #f2f9fe 84%, #d6f0fd 85%, #d6f0fd 100%);
background: -webkit-linear-gradient(-45deg,  #ffffff 1%,#f2f9fe 84%,#f2f9fe 84%,#d6f0fd 85%,#d6f0fd 100%);
background: linear-gradient(135deg,  #ffffff 1%,#f2f9fe 84%,#f2f9fe 84%,#d6f0fd 85%,#d6f0fd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6f0fd',GradientType=1 );
}


/*スペシャル展示*/

#special_exhi{margin:0 0 3em 0}
#special_exhi .area{border:1px solid #ccc;height:300px;}




/*出展企業一覧  （auchive-exhi） */
#exhi	{}
    
    #exhi .sponserlist{min-height:44vh;}  
#exhi .sponserlist ul{list-style: none; margin:0 0 2em 0; justify-content: flex-start; }
#exhi .sponserlist ul li{flex-basis:22%;  margin:0 1% 0.5em 1%;font-size:100%;font-weight:300;text-align: center;}






/*バーチャル展示　（taxonomy-cate.php）*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#exhi_cate{}
#exhi_cate ul{list-style: none; justify-content: flex-start;}
#exhi_cate ul li{flex-basis:29%;padding:1%;margin:0 1% 1em 1%;text-align: center;}
#exhi_cate ul li img{width:auto; height:auto;max-width:100%;max-height:100%;object-fit: contain;}



/*スポンサー　（archive_sponser.php）*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#sponser{}
#sponser ul{list-style: none; justify-content: flex-start;}
#sponser ul li{flex-basis:22%;margin:0 1% 1em 1%;text-align: center;}
#sponser ul li img{width:auto; height:auto;max-width:100%;max-height:100%;object-fit: contain;}
#sponser .sp_name{font-size:90%;}
#sponser ul.lect li{flex-basis:22%;margin:0 1% 1em 1%; justify-content: center;flex-flow:column;}
#sponser ul.lect li .thumb{flex-basis:100%; }
#sponser ul.lect li .sp_lect{font-size:80%;}


#sponser ul li a.deactive{pointer-events: none;}
#sponser ul li a .spchaurl{font-size:80%;color:#fff;background: #7658FA;border-radius:1em;margin:0.25em 0}
#sponser ul li a .spchaurl_comingsoon{font-size:80%;color:#fff;background: #ccc;border-radius:1em;margin:0.25em 0}





/*
#exhi .section ul li{flex-basis:23%;height:275px; }
#exhi .section ul li .sp_name{font-size:122%;}
*/


/*出展社ページ  （single-sponsors） */

/*出展社ページ  （single-exhi）*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
    #exhi_header{align-items: center; margin:2em 0 4em 0; flex-flow: row nowrap;}
#exhi_header .exhilogo{flex-basis:20%;padding:0 5% 0 0;}
#exhi_header .exhilogo img{width:auto; height:auto;max-width:100%;max-height:100%;object-fit: contain;}
#exhi_header .exhiname {flex-basis:75%;text-align: left; margin:0; font-weight:500;}
#exhi_header .exhiname h1{margin:0 0 1em 0}
#exhi_header .exhiname .exhi_url{font-weight:200;}
#exhi_header .exhiname .exhi_contact_addr{font-weight:200;}

#exhi_outline{margin:0 0 4em 0;}
#exhi_products,
#freearea,
#loginarea,
#postarea{margin:0 0 4em 0;}

.dlbox{justify-content: center;flex-flow:row nowrap;margin:3em 0 0 0;}
.dlbox .item{flex-basis: 44%;text-align: center;border:1px solid #aacd06;padding:2%;margin:1%;}
.dlbox .item .dl_tt{margin:0 0 1em 0;}
.dlbox .item .dl_tt i{margin:0 0.5em 0 0;color:#c00;}
.dlbox .item .dl_btn{border-radius:0.25em; padding:0.5em;background: #aacd06;color:#fff; display:block;width:77%;margin:auto;}
#postarea .dlbox .item .dl_tt{margin:0;}
#postarea .postform{margin:2em 0;text-align: center;}
#single_exhi .ytbox{width:66%;margin:auto;}

/*製品概要*/
#exhi_products{}
#exhi_products .products{margin:0 0 2em 0;}
#exhi_products .exhi_products_name{justify-content: flex-start;align-items: center;   margin:0 0 1em 0; font-size;}
    
    #exhi_products .exhi_products_name h3{margin:0!important;}   
#exhi_products .exhi_products_name .cap{ background: #aacd06;color:#fff;padding:0.25em 1em;margin:0 1em 0 0;}
#exhi_products .exhi_products_name.flex{justify-content: flex-start;}
#exhi_products .images_wrap.flex{justify-content: center;}
#exhi_products .images_wrap.flex .item{flex-basis: 45%;margin:0 2% 2em 2%;}
#exhi_products .pdf_wrap.flex{justify-content: center;}
#exhi_products .pdf_wrap.flex .item{flex-basis: 41%;margin:0 2% 2em 2%;padding: 2%;  border: 1px solid #aacd06;text-align: center;}
#exhi_products .pdf_wrap.flex .item .dl_tt{margin:0 0 1em 0;}
#exhi_products .pdf_wrap.flex .item .dl_tt i{margin:0 0.5em 0 0;color:#c00;}
#exhi_products .pdf_wrap.flex .item .dl_btn{border-radius:0.25em; padding:0.5em;background: #aacd06;color:#fff; display:block;width:77%;margin:auto;}
#exhi_products .pdf_wrap.flex .item .waiting{border-radius:0.25em; padding:0.5em;background: #aacd06;color:#fff; display:block;width:77%;margin:auto;font-size:90%;}
#exhi_products .yt_wrap.flex{justify-content: center;}
#exhi_products .yt_wrap.flex .ytbox{flex-basis: 45%;margin:0 2% 2em 2%;}


/*リードのダウンロード関連*/
#lead_dl_wrap{border:1px solid #2b70b8;padding:1em;}
#lead_dl_wrap .lead_dl_item{justify-content: flex-start;margin:0 0 1em 0}
#lead_dl_wrap .lead_dl_item .lead_dl_tt{flex-basis: 100%;margin:1.5em 0 1em 0;font-weight:700;border-bottom:1px solid #ccc; padding:0 0 0.5em 0;}
#lead_dl_wrap .lead_dl_item .lead_dl_btn{flex-basis: 100%;margin:0 0 0.5em 0; display:flex; justify-content: space-between;}
#lead_dl_wrap .lead_dl_item .lead_dl_btn span{color:#2b70b8;font-weight:700;}
#lead_dl_wrap .lead_dl_item a{ background: #2b70b8;color:#fff;border-radius:0.25em;padding:0.25em 1em;font-size:90%;}

#lead_dl_wrap .access_var{padding:1em; background: #f0f0f0;margin:2em 0 0 0;}

#download{margin:0 auto 5em auto; flex-flow: row nowrap}
#download #freedl,
#download #logindl{flex-basis:99%;margin:0 1em}
#shodan{margin:0 1em 5em 1em;}


/*商談予約*/
/*スケジュール画面*/
#booking-package_schedulePage .courseListPanel {flex-flow:  row nowrap;}
#booking-package_schedulePage .selectPanel, #booking-package_servicePage .selectPanel {flex-basis:20%;}
#booking-package_schedulePage .selectPanelError {flex-basis:20%;}
/*フォーム画面*/
#booking-package_inputFormPanel {width:50%;margin:auto;}
/*個人情報を入力してくださいを非表示に*/
#booking-package_inputFormPanel .selectedDate, #booking-package_myBookingDetails .selectedDate {display:none!important;}
#booking-package_inputFormPanel .returnButton{width: 65%!important;}
#booking-package_myBookingDetailsFroVisitor .returnButton ,
#booking-package_myBookingDetailsFroVisitor .cancelButton {width: 25%!important;margin:0 1em 0 0!important;}

/*タイムテーブルの選択*/
#select_tt{margin:5em auto;width:75%;}
#select_tt a{flex-basis:48%;padding:2em 0;font-size:222%;}



.timetable{width:100%;overflow:inherit;}

/*タイムテーブル*/
#ttwrap{width:100%;}


 /*コマ調整*/
#ttwrap .section .placelabel{}


/*DAY1mのタイムテーブルをグレーアウト*/
/*
#day1 .timetable_day1-wrap .timetable{position: relative;}
#day1 .timetable_day1-wrap .timetable:after{content:""; position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.7);z-index:10;}
*/



/*基調講演の設定*/





/*タイムテーブルページのサイドボタン*/

    #tt_side{ position:fixed; top:30%;right:0;z-index:999999}
    #tt_side a{display:block;width:100px;text-align: center;margin:0 0 0.5em 0; background: #2b70b8;color:#fff;border-left:0.25em solid #c00;padding:1em 0;text-decoration: none;}





/*モーダル内のスタイル*/
/* Box */
.modal .modal-wrap{
padding: 3em;
width: 75%;
height: 75vh;
margin:5vh auto;
}


/*モーダル内＆シングルのスタイル*/

.mo_title{font-size:222%;font-weight:700;margin:0 0 0.5em 0;line-height: 123%;}
.mo_content{font-size:111%;margin:0 0 3em 0;}
.spk_wrap {margin:0 0 3em 0;}
.spk_wrap .spk_photo{flex-basis: 20%;}
.spk_wrap .spk_photo img{width:100%;height:auto;}
.spk_wrap .spk_detail{flex-basis: 70%;}
.spk_wrap .spk_company{font-size:133%;margin:0 0 0.5em 0;}

.spk_wrap .spk_department{font-size:122%;margin:0 0 0.25em 0;}
.spk_wrap .spk_position{font-size:122%;margin:0 0 0.75em 0;}

.spk_wrap .spk_name{font-size:155%;font-weight:700;}
.spk_wrap .spk_prof{}






/*オンデマンド配信*/
    #ondemand #ond_box {width:66%;margin:auto;}
/*
#ondemand #ond_box > div{flex-basis:48%;}
#ondemand #ond_box iframe{width:560px;height:325px;margin:0 0 1em 0;}
#ondemand #ond_box #ond_pdf{width:56%;margin:auto;}
*/

/*トップのバナー*/
#Slider	.swiper-slide {text-align: left;}
#Slider	.swiper-slide span{display:block;font-size:111%;}
#Slider	.swiper-slide span.bnr_img{float:left; margin:0 1em 0 0;width:145px;height:155px;overflow: hidden;border-radius:50%;}
#Slider	.swiper-slide span.bnr_upper{margin:0 0 1em 0;}
#Slider	.swiper-slide span.bnr_title{margin:0 0 0.5em 0;font-size:123%;font-weight:700;font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"}
#Slider	.swiper-slide span.bnr_btm01{margin:0 0 0.25em 0;}
#Slider	.swiper-slide span.bnr_btm02{margin:0}


/*固定ページ　　新規実行委員の自己紹介！　　　*/
#listbox ul{justify-content: left;}
#listbox ul li.item{flex-basis: 29%;margin:1%;}


/*オンライン交流X連動企画*/

    .x_exchange_wrap{}
    .x_exchange_wrap .item{flex-basis: 45%;}
    .tt_wrap{justify-content: flex-start;align-items: center;margin:0 0 1em 0;}
    .tt_wrap .x_thumb{flex-basis: 6%;margin:0 1em 0 0;}
    .tt_wrap .tt{font-size:144%;font-weight:700;}
    .x_exchange_wrap .item a.qr{display:block;width:33%;margin:0 auto 2em auto;}










/* 検索
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#exsample_search{width:94% ;background: #f9f9f9;margin:0 auto 2em auto;padding:2%;border:1px solid #e08b7a; }
.search_if{align-items: center;padding:0.5em 0;font-weight:300;}
.search_tt{flex-basis:11%;font-weight:500;}
.search_box{flex-basis:88%;}
.search_box label{margin:0 1em 0 0}
.submit{margin:2em 0 0 0;text-align: center;}

/*キーワード部分を非表示*/
.search_if.keyword{display:none;}

input[type="text"]{padding:0.25em;font-size:111%;border:1px solid #ccc;}



input[type="submit"]:hover{cursor:pointer;opacity:0.5;}



/* single
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/








/* Footer
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
footer {   padding: 2em;  color: #333;  font-size: 95%;text-align: center;}
footer #sign{ margin:0 0 2em 0;color:#fff;}
footer #sign .sign_name{font-size:200%;}
footer #sign .sign_add,footer #sign .sign_tel{display: block;margin:0 0.5em 1em 0.5em;font-size:111%;}
#sign .sign_tel span{display:inline-block;}
footer ul{list-style: none;}
footer a{color:#fff;}
#footer_navi ul {justify-content: center;}
#footer_navi ul li{margin:0 1em;}

/*フッター追従型メニュー*/
#btmmenu{ padding:0.5em;width:100%;z-index:100;}
#btmmenu.position{padding:2em 0;}
#btmmenu ul{justify-content: center;}
#btmmenu ul li{flex-basis:18%; margin:0 1%;}
#btmmenu ul li a{padding:0.5em; font-size:107%;display:block;height:inherit;}


#copyright {  margin: 3em 0 1em 0;  text-align: center;  font-size: small;	color:#fff;	font-weight:300;}







/*-----------------------------
ギャラリー
------------------------------*/
.gallery {
  width:100%;
    text-align: center;
  /*margin-bottom: 20px !important;*/
  overflow: hidden;
}
.gallery br {
  display: none;
} /** 自動で挿入される clearfix の余白解除 **/
.gallery-item { /** 画像共通のスタイル **/
  /*float: left;*/
  margin-bottom: 0 !important;
  display: inline-block;
  vertical-align: top;

}
.gallery-icon { /** 画像を囲む dt のスタイル **/
  text-align: center;
}
.gallery-icon img {
  width: 100%;
  height: auto;
  margin-bottom: 10px !important;
}
.gallery-caption { /** キャプション **/
  color: #222;
  font-size: 12px;
  margin: 0 0 10px;
  text-align: center;
}
.gallery-columns-1 .gallery-item { /** カラムなし **/
  width: 100%;
  margin-right: 0;
}
.gallery-columns-2 .gallery-item { /** 2カラム **/
  width: 47%;
  margin: 0 1%;
}
.gallery-columns-3 .gallery-item { /** 3カラム **/
  width: 30.33333%;
  margin: 0 1%;
}
.gallery-columns-4 .gallery-item { /** 4カラム **/
  width: 22%;
  margin: 0 1%;
}
.gallery-columns-5 .gallery-item { /** 5カラム **/
  width: 17%;
  margin: 0 1%;
}
.gallery-item img {
  width: 100%;
  height: auto;
}
div.pdfemb-viewer {
  overflow: hidden;
  line-height: 1;
  margin: 0px;
  padding: 0px;
  border: none !important;
  position: relative;
  text-align: left;
  direction: ltr;
  background-color: lightGrey;
}





/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/
}/*////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/



  /*  1024px以上//////////////////////////////////////////////////////////////////////////////////////////*/
  /*  1024px以上//////////////////////////////////////////////////////////////////////////////////////////*/
  /*  1024px以上//////////////////////////////////////////////////////////////////////////////////////////*/

  @media screen and (min-width: 64em) {


 .inner {  max-width: 1200px;  margin: auto;  }


/*Header
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#site_title  { font-size: 180%;   }
#header_link {flex-basis: 48%; padding:0;}

header #sform {
display: inline-block;
position: relative;
}
header #sform .searchfield {
padding: 2px 30px 2px 10px;
margin-left: 10px;
height: 30px;
font-size: 110%;
width: 240px;
border-radius: 20px;
border: 1px solid #ccc;
font-weight: 200;
}
header #sform .searchsubmit {
width: 26px;
height: 26px;
padding: 0;
font-family: FontAwesome;
font-size: 20px;
border: none;
background: transparent;
cursor: pointer;
position: absolute;
right: 5px;
top: 0;
}


#gnavibox nav li.sp {display: none;}
#gnavibox #sform {display: none;}

/* サブナビゲーション */
#navi-sub {display: block;}
#navi-sub a {display: block;line-height: 30px;padding: 0;}
#navi-sub ul {list-style: none;margin: 0;}
#navi-sub li {color: #fff;float: right;text-align: center;height: 30px;line-height: 30px;margin: 0 0 0 30px;}


/* ぱんくずリスト
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#topicpath .breadcrumbs{ width: 1200px;margin:auto;}


 /* wrapper
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#wrapper_top {margin: 0 auto 10em auto;      padding: 0;  }
#wrapper {margin: 0 auto 2em auto;       text-align: left;  }



/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/
}/*////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/



/* 20210716追加 */
/*.reserved {background-color:#fcea71 !important;}*/
.message {color:#FF0000;}

#notfound{height:30vw;}
#notfound h1{font-size:222%;text-align: center;padding:5vw 0 0 0;}
#notfound h1:before{content:none}
#notfound h1:after{content:none}