/*size*/
.f300 { font-size: 300%;}
.f240 { font-size: 240%;}
.f220 { font-size: 220%;}
.f200 { font-size: 200%;}
.f190 { font-size: 190%;}
.f180 { font-size: 180%;}
.f160 { font-size: 160%;}
.f150 { font-size: 150%;}
.f140, .big { font-size: 140%;}
.f130 { font-size: 130%;}
.f125 { font-size: 125%;}
.f120 { font-size: 120%;}
.f110 { font-size: 110%;}
.f105 { font-size: 105%;}
.f100 { font-size: 100%;}
.f95 { font-size: 95%;}
.f90, .small { font-size: 90%;}
.f85 { line-height: normal; font-size: 85%;}
.f80 { line-height: normal; font-size: 80%;}
.f75 { line-height: normal; font-size: 75%;}
.f65 { line-height: normal; font-size: 65%;}
.f64 { line-height: normal; font-size: 64%;}
/*_height*/
.lh100 { line-height: 100%;}
.lh110 { line-height: 110%;}
.lh120 { line-height: 120%;}
.lh130 { line-height: 130%;}
.lh140 { line-height: 140%;}
.lh150 { line-height: 150%;}
.lh160 { line-height: 160%;}
.lh170 { line-height: 170%;}
.lh180 { line-height: 180%;}
.lh200 { line-height: 200%;}
.lh230 { line-height: 230%;}
/*color*/
.black { color: rgba(0, 0, 0, 1);}
.lamp { color: rgba(42, 43, 46, 1);}
.chacoal { color: rgba(59, 63, 74, 1);}
.steel { color: rgba(129, 137, 157, 1);}
.silver { color: rgba(192, 196, 206, 1);}
.pearl { color: rgba(236, 237, 240, 1);}
.snow { color: rgba(246, 247, 250, 1);}
.white { color: rgba(255, 255, 255, 1);}
.blue { color: rgba(0, 80, 255, 1);}
.water { color: rgba(120, 180, 255, 1);}
.sky { color: rgba(160, 200, 250, 1);}
.green { color: rgba(50, 200, 60, 1);}
.yellow { color: rgba(255, 240, 0, 1);}
.orange { color: rgba(255, 170, 30, 1);}
.pink { color: rgba(255, 145, 160, 1);}
.red { color: rgba(255, 55, 110, 1);}
.red2 { color: red;}
.red3 { color: rgba(168, 0, 0, 1);}
.blue2 { color: rgba(12, 204, 227, 1);}
.pink2 { color: rgba(255, 53, 181, 1);}
.purple { color: rgba(117, 37, 207, 1);}
.brown { color: rgba(116, 56, 16, 1);}
a:link { color: rgba(0, 80, 255, 1); text-decoration: none;}
a:visited { color: rgba(0, 80, 255, 1);}
a:active { color: rgba(120, 180, 255, 1);}
a:hover { color: rgba(0, 0, 0, 1);}
a .black:hover, a .lamp:hover { color: rgba(0, 0, 0, .6);}
.new { color: rgba(255, 55, 110, 1);}
/*br*/
.br_rsmp, .br_wsmp, .br_tablet, .br_pc, .br_rsmpi, .br_wsmpi, .br_tableti, .br_pci { display: none; }
.br_smp { display: -webkit-block; display: block; }
.br_smpi { display: -webkit-inline; display: inline; }
@media (min-width: 480px) { 
.br_smp, .br_smpi { display: none; } 
.br_rsmp { display: -webkit-block; display: block; } 
.br_rsmpi { display: -webkit-inline; display: inline; } 
}
@media (min-width: 640px) { 
.br_rsmp, .br_rsmpi { display: none; } 
.br_wsmp { display: -webkit-block; display: block; } 
.br_wsmpi { display: -webkit-inline; display: inline; } 
}
@media (min-width: 768px) { 
.br_wsmp, .br_wsmpi { display: none; } 
.br_tablet { display: -webkit-block; display: block; } 
.br_tableti { display: -webkit-inline; display: inline; } 
}
@media (min-width: 1000px) { 
.br_tablet, .br_tableti { display: none; } 
.br_pc { display: -webkit-block; display: block; } 
.br_pci { display: -webkit-inline; display: inline; } 
}
.br-sp { display: -webkit-block; display: block;}
.br-pc { display: none;}
/*for_W768-*/
@media (min-width: 768px) {
.br-sp { display: none;}
.br-pc { display: -webkit-block; display: block;}
}

/*image_wraparound*/
.floatcontainer:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
.floatcontainer { display: inline-block;}
/* Hides from IE Mac \*/
* html .floatcontainer { height: 1%;} /*hack_ IE Mac*/
.floatcontainer { display: block;} /*hack_ IE Mac*/
.pc_f_left { margin-top: 1.2em; margin-bottom: 1.2em; text-align: center !important;}
@media screen and (min-width: 768px) {
.pc_f_left { margin: 0 1em 0 1em !important; padding: 0; float: left;}
}

/*plus*/
.bt { font-weight: bold;}
.stafftable, .casttable { margin-bottom: 1em; line-height: 160%; font-size: 87.5%;}
.stafftable th { font-weight: 400; vertical-align: top; padding-left: 1em; text-align: left;}
.casttable th { font-weight: 400; vertical-align: top; padding-left: 1em; text-align: left; vertical-align: bottom;}
.casttable td { padding-left: 30px; vertical-align: bottom;}
.ssc { padding-left: 1em;}
.hkt { display: block; width: 220px; text-align: right; font-size: 87.5%;}
.cap { text-align: center; font-size: 80%; margin: -1em auto 1em auto; line-height: 130%; color: rgba(0, 0, 0, .85);}
.redudl { border-bottom: 1px solid red;}
.udl { border-bottom: 2px solid rgba(0, 0, 0, 1);}
.udl2 { border-bottom: 2px solid rgba(255, 0, 0, 1);}
.udl3 { border-bottom: 2px solid rgba(0, 80, 255, 1);}

section.unit p { text-align: left; text-align: justify; text-justify: inter-ideograph; letter-spacing: 0;}

.photo .lazy { display: block;}

/*for_W768-*/
@media (min-width: 768px) {
.ssc { padding-left: 0;}
}

div.mainimg span img { width: 580px; height: 410px;}
@media all and (max-width: 767px) {
div.mainimg span { position:relative; height:0; padding-top:70.7%;}
div.mainimg span img { width: 100%; height: 100%;}
}

#takahashi { width: 100%; max-width: 570px;}
#takahashi + .cap { padding-top: 9px;}
/*for_W768-*/
@media (min-width: 768px) {
#takahashi + .cap { padding-top: 3px;}
}

#takahashi .photo { width: 100%; height: 0; padding-top: 70.5%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../pre/cast9.jpg); position: relative; display: block;}
#takahashi img { width: 100%; height: 0; padding-top: 70.5%; position: absolute; top: 0; left: 0;}

div.di2menu ul .widesp a { height:40px; line-height: 116%; padding: 10px 30px 5px 0;}
/*for_W768-*/
@media (min-width: 768px) {
div.di2menu ul .widesp a { height:40px; line-height: 120%; padding: 5px 20px 2px 0;}
}

section.unit .wide_h2 { height: 40px; line-height: 120%; padding: 5px 0 0 0; font-size: 90%;}
/*for_W768-*/
@media (min-width: 768px) {
section.unit .wide_h2 { height: 45px; line-height: 120%; padding: 5px 0 0 0; font-size: 98%;}
}