@charset "UTF-8";
.title{width:100%; margin:0; padding:10px 0 0 0; /*border-bottom:5px solid #ccc;*/}
h1{font-weight:normal}
.subtitle{margin:5px;padding:2px 10px;border-left:10px solid #e50010;}
.seat{background:#fff;border:1px solid #ccc;margin:0 0 20px;border-radius:5px}

/* 早朝販売系 */
.mainimg{text-align: center;}
table.open tr{border-bottom:1px solid #ccc}
table.open th{padding:15px 0 0;text-align:center}
table.open td{padding:15px 0;}
table.open td.time{text-align:center;font-size:2em;}

/* 取扱店舗 */
table.shop{width:100%}
table.shop tr{border-bottom:1px solid #ccc}
table.shop th{padding:15px 0 0;text-align:center}
table.shop td{padding:15px 0;text-align:center;}
table.shop td.time{text-align:center;font-size:2em;}

/* 製品スペック */
h2.product{margin-top:20px;padding-left:5px;border-bottom:3px solid #ccc;}
table.product{font-size:0.75em;width: 100%;}
table.product tr{border-bottom:1px solid #ccc}
table.product th{font-weight:bold}
table.product td{padding:5px;text-align:center;border-left:1px dotted #ccc;}

/* カメライベント */
hr{background:#555;border:none;height:1px;margin:10px;}
.camera-ev h3{font-size:1.25em;padding:5px 5px 0;border-bottom:3px solid #f15a24}
.camera-ev p{padding:5px 10px}
.camera-ev table.tel{width:100%;border:1px solid #aaa;font-size:0.8em;}
.camera-ev table.tel th{padding:5px 0 0;text-align:center;border-bottom:1px solid #aaa;background:#eee;}
.camera-ev table.tel tr{border-bottom:1px dashed #aaa}
.camera-ev table.tel td{padding:5px;text-align:center;}
.camera-ev table.schedule{width:100%;border:1px solid #aaa;}
.camera-ev table.schedule tr{border-bottom:1px dotted #aaa}
.camera-ev table.schedule th{text-align:center;border-right:1px solid #aaa;background:#eee;}
.camera-ev table.schedule td{text-align:center;padding:10px 0;}
.camera-ev table.schedule tr.border-r td{border-right:1px dotted #aaa}

/* カメラセミナー */
.event a , .event a.hover{color:#0645ad;}
.event{width:98%; margin:20px 0; padding:10px 1%; background:#fff;border:1px solid #999;border-radius:5px;}
.event h3{font-weight:normal;color:#e50010;font-size:1.5em;border-bottom:2px solid #e50010;margin:0 0 0.5em 0;}
.event h3+a img , .event h3+img{width:43%; padding:0; float:left;}
#progress dl.detail{background:#FFF;}
dl.detail{width:54%;padding:10px; float:right; background:#fec;}
dl.detail dt , dl.detail dd{color:#543;padding:5px;}
dl.detail dt{width:8em; padding:1em 0 0; font-weight:bold; float:left; clear: left ; }
dl.detail dd{padding:1em 0.5em 1em 8em; border-bottom:1px dashed #666; margin-inline-start:0!important;}
dl.detail dd:last-of-type , dl.notes dd:last-of-type{border:none;}

dl.notes{width:100%; font-size:1em;border:1px solid #ccc;background:#FFF;margin:0;padding:5px 2.5%; box-sizing:border-box;}
dl.notes dt,dl.notes dd{padding:10px;}
dl.notes dt{float:left;}
dl.notes dd{padding-left:120px;border-bottom:1px dotted #999;}
ul.notes{margin:0 20px;}


a.entry{font-size:1.4em;text-decoration:none;text-align:center;display:block;border:2px solid #0645ad;border-radius:3px;margin:10px 0 0;padding:5px;color:#0645ad;}
a.entry:hover{background:#eef;}
a.entry span{font-size:0.6em;}
a.close{color:#e55;border-color:#e55}
a.close:hover{background:#fff}
.note{font-size:0.8em}

/* カメラ館セミナー */
#news{width:100%; margin:0.8em auto;  padding:10px 2.5%; background:#fff; border:1px solid #ccc; border-radius:5px; box-sizing:border-box;}
#news h3{margin-bottom:0.5em; padding-bottom:0.5em; border-bottom:2px solid #DDD;}
#news strong{font-weight:bold;}
.news_text{font-size:0.9em;}
.intro{width:95%; margin:0 auto 2em auto; padding-top:1em;}
.intro img{width:25%; margin-right:3%; float:left;}
.intro p{font-size:1.2em; line-height:1.5em;}
#progress h2{font-size:1.5em;margin:0;padding:0 0 5px 5px;border-bottom:5px solid #ccc;}

/*オーディオセミナー*/
#audio .seat{width:100%; padding:10px; box-sizing:border-box;}
#audio h1{font-size:1.75em; color:#E50012;}
#audio h3 img{display:block; max-width:100%; margin:0 auto 10px auto;}
table.event {width:920px;margin:10px auto;border-collapse:collapse;border-spacing:0;border-top:2px solid #003399; border-left:2px solid #003399; box-sizing:border-box;}
table.event th , table.event td{border-bottom:2px solid #003399; border-right:2px solid #003399;}
table.event thead th{padding:2px 10px; background:#003399; color:#fff;font-size:1.5em;font-weight:bold;}
table.event tbody th , table.event tbody td{background:#fec;padding:5px;color:#003399; font-size:0.8em;}
table.event tr.one_day th{background:#CCFFFF;font-weight:bold;font-size:1.2em;text-align:center;}
table.event tr.event-end td{background:#ccc;}
table.event tr.content th{background:#fff; color:#000}

#audio ul.menu li{float:left;margin:10px 5px;}

strong{font-weight:bold;}
.red{color:#E50012;}
.note{font-size:0.9em;}
.txtCenter{text-align:center;}
.underline{text-decoration:underline;}


@media screen and (min-width: 640px){
/* モバイル専用項目(PCで非表示) */
.more{display:none;}
.sp{display:none;}
}

/* モバイル表示モード */
@media screen and (max-width: 640px){
/* grid解除 */
.grid{width:auto;margin:auto;}
.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11{float:none;display:inline;margin:auto;width:auto;}
.grid12{width:auto;}
.first{margin-left:0;clear:left;}

h1{font-size:1.3em;}

/* カメラセミナー */
.event{width:95%; margin:20px 0; padding:10px 2.5%;}
.event h3{padding-bottom:0.3em; font-size:1em;}
.event h3+a img , .event h3+img{width:100%; margin-bottom:0.5em; padding:0; float:none;}
dl.detail{width:95%; margin:0 auto; padding:0 2.5% 0.5em 2.5%; float:none;}
dl.detail dt{padding:0.5em 0 0 0; float:none; font-weight:bold;}
dl.detail dd{padding:0 0 0.5em 0;}

dl.notes dt,dl.notes dd{padding:10px;}
dl.notes dt{float:none;}
dl.notes dd{padding-top:0;}
ul.notes{margin:0 10px;}

a.entry{font-size:1.2em;text-decoration:none;text-align:center;display:block;border:2px solid #0645ad;border-radius:3px;margin:10px 0 0;padding:5px;}
a.entry:hover{background:#eef;}
a.entry span{font-size:0.6em;}
a.close{color:#e55;border-color:#e55;}
a.close:hover{background:#fff;}

/* カメラ館セミナー */
#news{width:100%; margin:0.8em auto;}
#news h3{margin-bottom:0.5em; padding-bottom:0.5em; border-bottom:2px solid #DDD;}
#news strong{font-weight:bold;}
.news_text{display:none;}
.more{cursor:pointer; font-size:0.9em; text-align:center;}
.more:before{content:"＞";}
.intro{width:95%; margin:0 auto 1em auto; padding:10px 2.5%; background:#FFF;}
.intro img{width:30%; margin-right:3%; float:left;}
.intro p{ font-size:0.9em; line-height:1.3em;}
/*オーディオセミナー*/
#audio .seat{width:100%; padding:10px 2.5%; box-sizing:border-box;}
#audio h1{font-size:1.2em;}
#audio h3 img{display:block; width:100%;}
.seat .scroll{overflow: auto;white-space: nowrap;}
.seat .scroll::-webkit-scrollbar{ height: 5px;}
.seat .scroll::-webkit-scrollbar-track{ background: #F1F1F1;}
.seat .scroll::-webkit-scrollbar-thumb { background: #BCBCBC;}
table.event thead th{font-size:1.2em;}
table.event tr.one_day th{font-size:1em;}

/* PC専用項目(スマホで非表示) */
.pc{display:none;}

}