/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
/* RESETS NL4.0.0base */
html, body, main, div, p, span, applet, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, ruby { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline;}
ol, ul { list-style: none; }
a img, form, fieldset { border: none;}
input, button, select { vertical-align: middle;}
textarea { vertical-align: top; overflow: auto;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block;}
audio, canvas, progress { display: inline-block;}
progress { vertical-align: baseline;}
audio:not([controls]) { display: none; height: 0;}
[hidden], template, .nt { display: none;}
a { background-color: transparent;}
a:active, a:hover { outline-width: 0;}
abbr { cursor: help; border-bottom: 1px dotted #bbb;}
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted;}
b, strong { font-weight: inherit;}
b, strong { font-weight: bolder;} /*Chrome, Edge, and Safari*/
dfn { font-style: italic;}
h1, h2, h3, h4, h5 { font-weight: lighter;}
mark { background: rgba(255, 255, 0, 1.0); color: rgba(0, 0, 0, 1.0);}
small { font-size: 80%;}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup { top: -0.5em;}
sub { bottom: -0.25em;}
img { border-style: none; vertical-align : middle;}
svg:not(:root) { overflow: hidden;}
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em;}
figure { margin: 1em 40px;}
hr { box-sizing: content-box; height: 0; overflow: visible;}
button, input, select, textarea { font: inherit;}
optgroup { font-weight: bold;}
button, input, select { overflow: visible;} /*Edge, IE*/
button, input, select, textarea { margin: 0;} /*Firefox and Safari*/
button, select { text-transform: none;} /*Edge, Firefox, and IE*/
button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer;}
[disabled] { cursor: default;}
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button;} /*Android 4, iOS*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;} /*Firefox*/
button:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText;}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal;} /*Edge and IE ...etc*/
textarea { overflow: auto;} /*IE*/
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0;} /*IE10-*/
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto;} /*Chrome*/
[type="search"] { -webkit-appearance: textfield;} /*Chrome and Safari*/
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none;} /*Chrome and Safari on OS X*/
pre { overflow: auto;}
table { border-collapse: collapse; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle;}
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none;}
q:after, blockquote:after { clear: both;}
/*ORG*/
.inline { display: -webkit-inline; display: inline;}
.inlineb { display: -webkit-inline-block; display: inline-block;}
.inlinef { display: -webkit-inline-flex; display: inline-flex;}
.valignm { vertical-align: middle;}
.hidden { position: absolute; left: -9999px; text-indent: -9999px; overflow: hidden;}
.dispno { display: none;}
.lt { text-align: left;}
.rt { text-align: right;}
.ct { text-align: center;}
.ellip { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.fl { float: left;}
.fr { float: right;}
.center { margin: auto;}
.clearfix:before, .clearfix:after { content: ""; display: table;}
.clearfix:after { clear: both;}
.clear { clear: both;}
ul, li, dl, dt, dd { margin: 0px; padding: 0px; list-style: none;}
.nobd { border: 0;}
.bt { font-weight: bold;}
.ut { font-weight: lighter;}
br,.ls0 { letter-spacing: 0;}
.ls1 { letter-spacing: 0.1em;}
.ls2 { letter-spacing: 0.2em;}
.ls5 { letter-spacing: 0.5em;}
.nt { display: none;}
.dblk { display: block;}
.dbil { display: inline;}
.valt { vertical-align: top;}
.vals { vertical-align: super;}
.ofat { overflow: auto;}
.fcl { clear:both;}
.wt { color: rgba(255, 255, 255, 1.0);}
.gt { color: rgba(88, 88, 88, 1.0);}
.lgt { color: rgba(150, 150, 150, 1.0);}
.blk { color: rgba(0, 0, 0, 1.0);}
.red { color: rgba(254, 48, 0, 1.0);}
.nw { white-space: nowrap;}
.f300 { font-size: 300%;}
.f240 { font-size: 240%;}
.f220 { font-size: 220%;}
.f200 { font-size: 200%;}
.f180 { font-size: 180%;}
.f160 { font-size: 160%;}
.f140 { 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%;}
.f90 { font-size: 90%;}
.sf85 { font-size: 85%;}
.f85 { line-height: normal; font-size: 85% !important;}
.f75 { line-height: normal; font-size: 75% !important;}
.f65 { line-height: normal; font-size: 65% !important;}
.lh100 { line-height: 100%;}
.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%;}
.pd10 { padding: 10px;}
.pdt5 { padding-top: 5px;}
.pdb7 { padding-bottom: 7px;}
.pdt7 { padding-top: 7px;}
@media print { .noprint { display: none;} }
.cover { width: 100%; height: 100%; background: url(../img/cover.gif) repeat; display: block;}
/*bn*/
.bnsp { width: 300px; height: 250px; margin: 5px auto;}
#tbsan_bn { width: 300px; height: 50px; background: url(../img/tbsan_bn.png) no-repeat; margin: 10px auto;}
#tbsan_bn a { width: 300px; height: 50px; display: block;}
#tbsan_bn a:hover { background: rgba(238, 103, 155, 0.2);}
/*color*/
a:link, a:visited { color: rgba(42, 129, 255, 1.0);}
a:active { color: rgba(208, 77, 7, 1.0);}
a:hover { color: rgba(0, 184, 230, 1.0);}
a:link, a:hover { text-decoration: none;}
.nolnk { background: rgba(255, 255, 255, 0.6);}
.col { color: rgba(0, 73, 163, 1.0);}
.col a:hover { rgba(0, 157, 185, 1.0);}
/*loader*/
.loader div:nth-child(2) { transform: translateX(30px); -webkit-transform: translateX(30px); -webkit-animation-delay: .08s;}
.loader div:nth-child(3) { transform: translateX(60px); -webkit-transform: translateX(60px); -webkit-animation-delay: .16s;}
.loader div:nth-child(4) { transform:translateX(90px); -webkit-transform: translateX(90px); -webkit-animation-delay: .24s;}
.loader div:nth-child(5) { transform: translateX(120px); -webkit-transform: translateX(120px); -webkit-animation-delay: .32s;}
.loader div:nth-child(6) { transform: translateX(150px); -webkit-transform: translateX(150px); -webkit-animation-delay: .40s;}
@-ms-keyframes animate { 0%{ left: 0px; top: 0px;} 5%{ left: -2px; top: 4px; width: 12px; height: 8px; -ms-filter: blur(0.1px);} 10%{ left: -1px; top: 4px; width: 11px; height: 9px; -ms-filter: blur(0.1px);} 15%{ left: 1px; top: -17px; width: 9px; height: 11px; -ms-filter: blur(0.3px);} 22%{ left: 0px; top: -34px; width: 10px; height: 10px; -ms-filter: blur(0.2px);} 29%{ left: 1px; top: -17px; width: 9px; height: 11px; -ms-filter: blur(0.3px);} 34%{ left: 1px; top: 0px; width: 9px; height: 11px; -ms-filter: blur(0.2px);} 40%{ left: -1px; top: 4px; width: 11px; height: 9px; -ms-filter: blur(0.1px);} 43%{ left: 0px; top: 0px; width: 10px; height: 10px;-ms-filter: blur(0px)} 100%{ left: 0px; top: 0px;} }
@-moz-keyframes animate { 0%{ left: 0px; top: 0px;} 5%{ left: -2px; top: 4px; width: 12px; height: 8px; -moz-filter: blur(0.1px);} 10%{ left: -1px; top: 4px; width: 11px; height: 9px; -moz-filter: blur(0.1px);} 15%{ left: 1px; top: -17px; width: 9px; height: 11px; -moz-filter: blur(0.3px);} 22%{ left: 0px; top: -34px; width: 10px; height: 10px; -moz-filter: blur(0.2px);} 29%{ left: 1px; top: -17px; width: 9px; height: 11px; -moz-filter: blur(0.3px);} 34%{ left: 1px; top: 0px; width: 9px; height: 11px; -moz-filter: blur(0.2px);} 40%{ left: -1px; top: 4px; width: 11px; height: 9px; -moz-filter: blur(0.1px);} 43%{ left: 0px; top: 0px; width: 10px; height: 10px;-moz-filter: blur(0px)} 100%{ left: 0px; top: 0px;} }
@-webkit-keyframes animate { 0%{ left: 0px; top: 0px;} 5%{ left: -2px; top: 4px; width: 12px; height: 8px; -webkit-filter: blur(0.1px);} 10%{ left: -1px; top: 4px; width: 11px; height: 9px; -webkit-filter: blur(0.1px);} 15%{ left: 1px; top: -17px; width: 9px; height: 11px; -webkit-filter: blur(0.3px);} 22%{ left: 0px; top: -34px; width: 10px; height: 10px; -webkit-filter: blur(0.2px);} 29%{ left: 1px; top: -17px; width: 9px; height: 11px; -webkit-filter: blur(0.3px);} 34%{ left: 1px; top: 0px; width: 9px; height: 11px; -webkit-filter: blur(0.2px);} 40%{ left: -1px; top: 4px; width: 11px; height: 9px; -webkit-filter: blur(0.1px);} 43%{ left: 0px; top: 0px; width: 10px; height: 10px;-webkit-filter: blur(0px)} 100%{ left: 0px; top: 0px;} }
@keyframes animate { 0%{ left: 0px; top: 0px;} 5%{ left: -2px; top: 4px; width: 12px; height: 8px; filter: blur(0.1px);} 10%{ left: -1px; top: 4px; width: 11px; height: 9px; filter: blur(0.1px);} 15%{ left: 1px; top: -17px; width: 9px; height: 11px; filter: blur(0.3px);} 22%{ left: 0px; top: -34px; width: 10px; height: 10px; filter: blur(0.2px);} 29%{ left: 1px; top: -17px; width: 9px; height: 11px; filter: blur(0.3px);} 34%{ left: 1px; top: 0px; width: 9px; height: 11px; filter: blur(0.2px);} 40%{ left: -1px; top: 4px; width: 11px; height: 9px; filter: blur(0.1px);} 43%{ left: 0px; top: 0px; width: 10px; height: 10px;filter: blur(0px)} 100%{ left: 0px; top: 0px;} }
.loader { width: 170px; height: 10px; position: absolute; top: 50%; left: 50%; margin: -10px -80px; display: none;}
.whoms { top: 60px;}
.loader div { height: 10px; width: 10px; background: #7880af; border-radius: 50%; position: absolute; -webkit-animation: animate 1.4s ease infinite;}
.loader .whomaru { height: 10px; width: 10px; background: #fb6669; border-radius: 50%; position: absolute; -webkit-animation: animate 1.4s ease infinite;}
.loader .whomaru0 { height: 10px; width: 10px; background: #fff; border-radius: 50%; position: absolute; -webkit-animation: animate 1.4s ease infinite;}

/*COMMON*/
.sbr, .ssbr { display: block;}
.sbri { display: inline;}
.mbr, .mbri, .lbr, .lbri, .nsbr, .nsbri, .mmbr, .mmbri, .nssbr, .mbr2 { display: none;}
#container { width: 96%; max-width: 940px; margin: 0 auto; font-size: 90%; z-index: 1; position: relative;}
html, body, div#con-body { color: rgba(0, 0, 0, 1.0); -webkit-text-size-adjust: none; vertical-align: baseline; margin: 0; padding: 0; text-align: center; z-index: 0; font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;}
#ind, #ind #con-body { background: rgba(205, 207, 219, 1.0) url(../img/bg_blue.jpg) repeat;}
#who, #who #con-body { background: rgba(222, 200, 199, 1.0) url(../img/bg_red.jpg) repeat;}
#bookatsu, #bookatsu #con-body { background: rgba(236, 215, 191, 1.0) url(../img/bg_orange.jpg) repeat;}
a:hover { background: rgba(255, 255, 255, 0.3); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
/*footer*/
#cr { width: 94%; margin: 0 auto; padding: 5px 0; text-align: center; color: rgba(255, 255, 255, 1.0); font-size: 80%; letter-spacing: 0.1em;}
#who #cr a:link, #who #cr a:visited { color: rgba(254, 73, 76, 1.0);}
#who #cr a:active { color: rgba(208, 77, 7, 1.0);}
#who #cr a:hover { color: rgba(251, 102, 144, 1.0);}
#bookatsu #cr a:link, #bookatsu #cr  a:visited { color: rgba(220, 107, 5, 1.0);}
#bookatsu #cr a:active { color: rgba(208, 77, 7, 1.0);}
#bookatsu #cr a:hover { color: rgba(159, 96, 6, 1.0);}
#footer { width: 100%; position: relative;}
#footer::after { content: ""; width: 100%; height: 6px; display: block; position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.3);}
#footer #pgtp { width: 130px; height: 115px; margin: 0 auto; background: url(../img/pgtp.png) no-repeat;}
#footer #pgtp a { width: 115px; height: 115px; display: block; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background: rgba(255, 255, 255, 0);}
#footer #pgtp a:hover { border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background: rgba(255, 255, 255, 0.3);}
/*header*/
#header { width: 100%; height: 0; padding-top: 68.75%; position: relative; margin-bottom: 10px; overflow: hidden;}
#title { box-sizing: border-box; width: 100%; background: rgba(255, 255, 255, 1.0); border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; position: absolute; top: 40px; left: 0;}
#title_p, #title_p0 { width: 100%; height: 0; padding-top: 68.75%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; margin-top: -9%; margin-bottom: -3%; overflow-x: hidden;}
#nav0sp { width: 80%; max-width: 220px; position: absolute; top: 15px; left: 1px;}
#nav0sp #nav0 { width: 100%; height: 0; padding-top: 10%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#nav0sp #nav0 li { position: absolute; height: 100%;}
#nav0sp #nav0 li a { width: 100%; height: 88%; display: block; position: absolute; top: 0; left: 0;}
#nav0sp #nav0 #spsp { width: 37%; position: absolute; top: 0; left: 2%;}
#nav0sp #nav0 #blogsp { width: 57%; position: absolute; top: 0; left: 40%;}
#navsp { width: 46.875%; max-width: 300px; position: absolute; top: 40%; left: 18%;}
#navsp #nav { width: 100%; height: 0; padding-top: 50%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#navsp #nav #whosp { width: 90%; height: 0; padding-top: 15%; position: absolute; top: 75%; left: 5%;}
#navsp #nav #whosp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#nav #mn4b { background: rgba(0, 62, 139, 1.0); opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)"; -moz-opacity: 0.5; -khtml-opacity: 0.5;}
/*contents*/
#cont dt::before { position: absolute; top: 38%; left: -1%;}
#cont dt::after { position: absolute; top: 38%; right: -1%;}
#cont dd { padding: 0 0 10px 0; font-size: 90%; line-height: 160%; letter-spacing: 0.05em;}
#cont .infodd { padding: 5px 10px 15px 10px;}
#cont .infodd0 { padding: 5px 10px;}

/*WHO*/
/*header*/
#who #title_p { background-image: url(../img/who_s.png);}
#who #title_p0 { background-image: url(../img/who0_s.png);}
#who #title_p0 #p_red-sp { width: 37.5%; max-width: 240px; position: absolute; top: -16%; left: 120%;}
#who #title_p0 #p_red { width: 100%; height: 0; padding-top: 166.666666666666667%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#who #nav0sp #nav0 { background-image: url(../img/lnk_red.png);}
#who #navsp #nav { background-image: url(../img/lnk_top.png);}
/*contents*/
#who article { box-sizing: border-box; width: 100%; background: rgba(255, 255, 255, 1.0); border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; padding: 10px 0 0 0; margin-bottom: 10px; color: rgba(251, 102, 105, 1.0);}
#who article .col { color: rgba(251, 102, 144, 1.0);}
#who article a:link, #who article a:visited { color: rgba(255, 144, 1, 1.0);}
#who article a:hover { color: rgba(255, 47, 155, 1.0);}
#who #cont .condt { width: 98%; height: 0; padding-top: 16%; margin: 0 auto; display: block; background: url(../img/line_red.png) no-repeat center center; position: relative;}
#who #cont .condt::before, #who #cont .condt::after { content: ""; width: 16px; height: 16px; display: block; background: url(../img/maru_red.png) no-repeat;}
#who #cont .condt .title { width: 50%; max-width: 200px; height: 0; padding-top: 20%; display: block; margin: 0 auto; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/who_title.png); position: absolute; top: 0; left: 25%; right: 25%;}
#who #cont .infodd { padding: 15px 10px; min-height: 60px;}
#who #cont #aiueosp { position: relative;}
#who #cont #aiueo { display: none;}
#who #cont .infodd ul:before, #who #cont .infodd ul:after { content: ""; display: table;}
#who #cont .infodd ul:after { clear: both;}
#who #cont .infodd ul { width: 90%; margin: 0 auto;}
#who #cont .infodd #aiueo li { box-sizing: border-box; width: 20%; max-width: 60px; padding: 1%; float: left;}
#who #cont .infodd #aiueo li .lnks { width: 100%; height: 0; padding-top: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative;}
#who #cont .infodd #aiueo li .lnks a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0);}
#who #cont .infodd #aiueo li .lnks a:hover { background: rgba(255, 255, 255, 0.3);}
#who #cont .infodd #aiueo li #lnk_aa { background-image: url(../who/img/lnk_aa.png);}
#who #cont .infodd #aiueo li #lnk_ka { background-image: url(../who/img/lnk_ka.png);}
#who #cont .infodd #aiueo li #lnk_sa { background-image: url(../who/img/lnk_sa.png);}
#who #cont .infodd #aiueo li #lnk_ta { background-image: url(../who/img/lnk_ta.png);}
#who #cont .infodd #aiueo li #lnk_na { background-image: url(../who/img/lnk_na.png);}
#who #cont .infodd #aiueo li #lnk_ha { background-image: url(../who/img/lnk_ha.png);}
#who #cont .infodd #aiueo li #lnk_ma { background-image: url(../who/img/lnk_ma.png);}
#who #cont .infodd #aiueo li #lnk_ya { background-image: url(../who/img/lnk_ya.png);}
#who #cont .infodd #aiueo li #lnk_ra { background-image: url(../who/img/lnk_ra.png);}
#who #cont .infodd #aiueo li #lnk_wa { background-image: url(../who/img/lnk_wa.png);}
#who #cont .c_dt { width: 98%; height: 0; padding-top: 8%; margin: 10px auto 0 auto; display: block; background: url(../img/line_red.png) no-repeat center center; position: relative;}
#who #cont .c_dt::before { content: ""; width: 16px; height: 16px; display: block; background: url(../img/maru_red.png) no-repeat; position: absolute; top: 20%; left: -1%;}
#who #cont .c_dt::after { content: ""; width: 16px; height: 16px; display: block; background: url(../img/maru_red.png) no-repeat; position: absolute; top: 20%; right: -1%;}
#who #cont .c_dt .c_tantosp { width: 30%; max-width: 120px; margin: 0 auto; display: block; position: absolute; top: 0; left: 10%; right: 10%;}
#who #cont .c_dt .c_tantosp .c_program { width: 100%; height: 0; padding-top: 20%; display: block; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../who/img/program.png);}
#who #cont .c_dt .c_tantosp .c_contents { width: 100%; height: 0; padding-top: 20%; display: block; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../who/img/contents.png);}
#who #cont .c_dt .c_dtpsp { width: 20%; max-width: 40px; margin: 0 auto; display: block; position: absolute; top: 0; left: 10%; right: 10%;}
#who #cont .c_dt .c_dtpsp .c_dtp { width: 100%; height: 0; padding-top: 60%; display: block; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#who #cont .c_dt .c_dtpsp #sp_aa { background-image: url(../who/img/aa.png);}
#who #cont .c_dt .c_dtpsp #sp_ka { background-image: url(../who/img/ka.png);}
#who #cont .c_dt .c_dtpsp #sp_sa { background-image: url(../who/img/sa.png);}
#who #cont .c_dt .c_dtpsp #sp_ta { background-image: url(../who/img/ta.png);}
#who #cont .c_dt .c_dtpsp #sp_na { background-image: url(../who/img/na.png);}
#who #cont .c_dt .c_dtpsp #sp_ha { background-image: url(../who/img/ha.png);}
#who #cont .c_dt .c_dtpsp #sp_ma { background-image: url(../who/img/ma.png);}
#who #cont .c_dt .c_dtpsp #sp_ya { background-image: url(../who/img/ya.png);}
#who #cont .c_dt .c_dtpsp #sp_ra { background-image: url(../who/img/ra.png);}
#who #cont .c_dt .c_dtpsp #sp_wa { background-image: url(../who/img/wa.png);}
/*list*/
#who #cont .infodd0 { display: none;}
#who #cont .infodd0 .simgall { width: 23%; max-width: 100px; text-align: center; margin: 5px 0 5px 1.2%; float: left; font-size: 75%;}
#who #cont .infodd0 .simgall a { width: 100%; height: 100%; display: block; color: rgba(254, 73, 76, 1.0);}
#who #cont .infodd0 .simgall a:hover { opacity: 0.7;}
#who #cont .infodd0 .simgall .simgsp { width: 100%; height: 0; padding-top: 100%; display: block; position: relative; border: 1px solid rgba(254, 73, 76, 1.0); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#who #cont .infodd0 .simgall .simgsp .simg { width: 100%; height: 0; padding-top: 100%; display: block; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#who #link0 { text-align: center; padding: 8px;}
#who #link0 .backlnk { width: 100%; max-width: 240px; margin: 0 auto; padding: 10px 0;}
#who #link0 .backlnk .backimg { width: 100%; height: 0; padding-top: 10%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../who/img/back.png); position: relative;}
#who #link0 .backlnk .backimg a { width: 100%; height: 100%; display: block;position: absolute; top: 0; left: 0;}
/*personal*/
#who #cont .pall { width: 207px; height: 262px; margin: 10px auto; background: url(../who/img/p_bg.png) no-repeat; position: relative;}
#who #cont .pall .psp { width: 195px; height: 250px; position: absolute; top: 6px; left: 6px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; display: none;}
#who #cont .pall .nojst { width:98%; text-align: center; font-size: 78%; color: rgba(255, 255, 255, 1.0); position: absolute; top: 45%; left: 1%;}
#who #cont .nameall { font-size: 180%; padding-bottom: 30px; position: relative;}
#who #cont .prof1 { text-align: left; padding: 10px 10px 40px 10px; line-height: 130%; position: relative;}
#who #cont .prof2 { text-align: left; padding: 0 10px; margin-top: -10px; line-height: 130%;}
#who #cont .prof3 { text-align: left; padding: 10px; line-height: 130%;}
#who #cont .prof1 dt, #who #cont .prof2 dt, #who #cont .prof3 dt { font-size: 85%; color: rgba(251, 102, 144, 1.0);}
#who #cont .prof3 dt { padding-bottom: 6px; font-weight: bold;}
#who #cont .prof1 dd, #who #cont .prof2 dd { font-size: 94%; line-height: 130%; padding-bottom: 10px; letter-spacing: 0.1em;}
#who #cont .prof3 dd { font-size: 94%; padding-bottom: 10px; letter-spacing: 0; line-height: 130%;}
#who #cont .prof3 ul { margin-left: 20px;}
#who #cont .prof3 li { list-style-type: square; font-size: 94%; padding: 5px 0; letter-spacing: 0; line-height: 130%;}
#who #cont .prof3 dd div { padding-bottom: 8px;}
#who #cont .nameall::after, #who #cont .prof1::after { position: absolute; bottom: 0; left: 47%; right: 47%; margin: 0 auto; content: ""; width: 16px; height: 16px; display: block; background: url(../img/hoshi_red.png) no-repeat;}
#who #cont .past { box-sizing: border-box; width: 94%; text-align: left; padding: 10px; margin: 0 auto 15px auto; line-height: 140%; font-size: 90%; border: 2px dotted rgba(251, 102, 105, 0.5); font-size: 96%;}
#who #cont .past dt { font-weight: bold; padding-top: 5px;}
#who #cont .past dd th, #who #cont .past dd td { vertical-align: top; padding-top: 10px;}
#who #cont .past dd th { white-space: nowrap; color: rgba(251, 102, 144, 1.0);}
#who #link { text-align: center; padding: 8px;}
#who #link .backlnk { width: 100%; max-width: 240px; margin: 0 auto; padding: 10px 0;}
#who #link .backlnk .backimg { width: 100%; height: 0; padding-top: 10%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../who/img/list.png); position: relative;}
#who #link .backlnk .backimg a { width: 100%; height: 100%; display: block;position: absolute; top: 0; left: 0;}
/*no_js*/
#who #cont .infodd .njlstxt { font-size: 80%; width: 100%; margin: 5px auto; text-align: left;}
#who #cont .infodd .njlstxt li { font-size: 130%; letter-spacing: 0.1em; width: 40%; padding: 5px 0 5px 4%; float: left;}

/*BOOKATSU*/
/*header*/
#bookatsu #title_p { background-image: url(../img/bookatsu_s.png);}
#bookatsu #title_p #p_orange-sp { width: 59.375%; max-width: 380px; position: absolute; top: -9%; left: 40.62%; display: none;}
#bookatsu #title_p #p_orange { width: 100%; height: 0; padding-top: 92.1052631579%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#bookatsu #nav0sp #nav0 { background-image: url(../img/lnk_orange.png);}
#bookatsu #navsp { left: 1%;}
#bookatsu #navsp #nav { background-image: url(../img/lnk_top2.png);}
#bookatsu #navsp #nav #whosp { width: 81%; height: 0; padding-top: 12%; position: absolute; top: 79%; left: 8%;}
/*contents*/
#bookatsu article { box-sizing: border-box; width: 100%; background: rgba(255, 255, 255, 1.0); border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; padding: 10px 0 0 0; margin-bottom: 10px; color: rgba(220, 107, 5, 1.0);}
#bookatsu article .col { color: rgba(159, 96, 6, 1.0);}
#bookatsu #cont dt { width: 98%; height: 0; padding-top: 16%; margin: 0 auto; display: block; background: url(../img/line_orange.png) no-repeat center center; position: relative;}
#bookatsu #cont dt::before, #bookatsu #cont dt::after { content: ""; width: 16px; height: 16px; display: block; background: url(../img/maru_orange.png) no-repeat;}
#bookatsu #cont dt .title { width: 50%; max-width: 200px; height: 0; padding-top: 20%; display: block; margin: 0 auto; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/bookatsu_title.png); position: absolute; top: 0; left: 25%; right: 25%;}
#bookatsu #cont dd #sp_bookatsu { box-sizing: border-box; width: 100%; max-width: 640px; margin: 0 auto;}
#bookatsu #cont dd #sp_bookatsu .infop { width: 100%; height: 0; padding-top: 53.125%; margin: 0 auto; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/bookatsu_bkinfo-s.png); position: relative;}
#bookatsu #cont .c_dt { width: 98%; height: 0; padding-top: 7%; margin: 0 auto; display: block; background: url(../img/line_orange.png) no-repeat center center; position: relative;}
#bookatsu #cont .c_dt::before { position: absolute; top: 20%; left: -1%;}
#bookatsu #cont .c_dt::after { position: absolute; top: 20%; right: -1%;}
#bookatsu #cont .c_dt .c_dtpsp { width: 70%; max-width: 240px; margin: 0 auto; display: block; position: absolute; top: 0; left: 10%; right: 10%;}
#bookatsu #cont .c_dt .c_dtpsp .c_dtp { width: 100%; height: 0; padding-top: 10%; display: block; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#bookatsu #cont .inftxt { text-align: left; padding: 10px 2px;}
#bookatsu #cont .serifusp { text-align: left;}
#bookatsu #cont .infodd p { padding: 5px 0; text-align: left;}
#bookatsu #cont .b_psp { width: 100%; max-width: 350px; margin: 10px auto 5px auto;}
#bookatsu #cont .b_psp .b_p { width: 100%; height: 0; padding-top: 71.428571428571%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
#bookatsu #cont .s_psp { width: 46%; max-width: 200px; margin: 5px 2% 5px 0; float: left;}
#bookatsu #cont .s_psp .s_p { width: 100%; height: 0; padding-top: 75%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
#bookatsu #link { background: rgba(255, 255, 255, 1.0) url(../img/bookatsu_ue.png) no-repeat top center; padding: 30px 8px 8px 8px;}
#bookatsu #link ul { width: 100%; max-width: 400px; margin: 0 auto;}
#bookatsu #link ul:before, #bookatsu #link ul:after { content: ""; display: table;}
#bookatsu #link ul:after { clear: both;}
#bookatsu #link .lnkpsp { width: 24.6%; max-width: 100px; margin: 2px 0.1%; float: left;}
#bookatsu #link .akpls { margin-left: 12.5%;}
#bookatsu #link .lnkpsp .lnkp { width: 100%; height: 0; padding-top: 70%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative; display: none;}
#bookatsu #link .lnkpsp .lnkp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#bookatsu #cont .c_dt .c_dtpsp #t_1 { background-image: url(../bookatsu/img/c_dt1.png);}
#bookatsu #cont .c_dt .c_dtpsp #t_2 { background-image: url(../bookatsu/img/c_dt2.png);}
#bookatsu #cont .c_dt .c_dtpsp #t_3 { background-image: url(../bookatsu/img/c_dt3.png);}
#bookatsu #cont .c_dt .c_dtpsp #t_4 { background-image: url(../bookatsu/img/c_dt4.png);}
#bookatsu #cont .c_dt .c_dtpsp #t_5 { background-image: url(../bookatsu/img/c_dt5.png);}
#bookatsu #cont .c_dt .c_dtpsp #t_6 { background-image: url(../bookatsu/img/c_dt6.png);}
#bookatsu #cont .c_dt .c_dtpsp #t_7 { background-image: url(../bookatsu/img/c_dt7.png);}
#bookatsu #link .lnksp0 { width: 100%; height: 40px; margin-top: -30px;}
#bookatsu #link .lnksp0 a { width: 100%; height: 100%; display: block;}

/*IND*/
/*header*/
#ind #title_p { background-image: url(../img/title_s.png);}
#ind #title_p #p_blue-sp { width: 46.875%; max-width: 300px; position: absolute; top: -16%; left: 120%;}
#ind #title_p #p_blue { width: 100%; height: 0; padding-top: 133.3333333333333%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#ind #nav0sp #nav0 { background-image: url(../img/lnk_ind.png);}
#ind #navsp #nav { background-image: url(../img/lnk_who.png);}
/*special*/
#ind #sp { box-sizing: border-box; width: 100%; background: rgba(255, 255, 255, 1.0); border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; padding: 10px 0; margin-bottom: 10px;}
#ind article dd { min-height: 120px; position: relative;}
#ind article dd .loader { width: 170px; height: 10px; position: absolute; top: 60px; left: 50%; margin: -10px -80px; display: none;}
#ind #sp dt { width: 98%; height: 0; padding-top: 16%; margin: 0 auto; display: block; background: url(../img/line_blue.png) no-repeat center center; position: relative;}
#ind #sp dt::before, #ind #sp dt::after { content: ""; width: 16px; height: 16px; display: block; background: url(../img/maru_blue.png) no-repeat;}
#ind #sp dt::before { position: absolute; top: 38%; left: -1%;}
#ind #sp dt::after { position: absolute; top: 38%; right: -1%;}
#ind #sp dt .title { width: 50%; max-width: 200px; height: 0; padding-top: 20%; display: block; margin: 0 auto; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/ind_sp-s.png); position: absolute; top: 0; left: 25%; right: 25%;}
#ind #sp li .nkm { width: 280px; height: 160px; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; margin: 0 auto; position: relative; display: none;}
#ind #sp li .nkm a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#ind #sp li #sp_therapy { margin-bottom: 20px;}
#ind #sp li #sp_minmin { padding-bottom: 20px;}
#ind #sp li #sp_run::after { position: absolute; bottom: -15px; left: 47%; right: 47%; margin: 0 auto; content: ""; width: 16px; height: 16px; display: block; background: url(../img/hoshi_blue.png) no-repeat;}
#ind #sp li #sp_therapy::after { position: absolute; bottom: -15px; left: 47%; right: 47%; margin: 0 auto; content: ""; width: 16px; height: 16px; display: block; background: url(../img/hoshi_blue.png) no-repeat;}
#ind #sp .nojssp { padding-top: 30px; font-size: 85%;}
#ind #sp .nojssp ul:before, #ind #sp .nojssp ul:after { content: ""; display: table;}
#ind #sp .nojssp ul:after { clear: both;}
#ind #sp .nojssp li { margin: 3px 10px 0 5%; text-align: left;}
#ind #sp li .nkm .update { font-size: 80%; letter-spacing: 0.1em; font-weight: bold; position: absolute; top: 5px; left: 5px;}
#ind #sp li .nkm .infotxt { font-size: 82%; letter-spacing: 0.1em; color: rgba(0, 91, 228, 1.0); position: absolute; width: 98%; bottom: 1%; left: 2%; text-align: left;}
#ind #sp li #sp_therapy .update { top: 22px; left: 5px;}
#ind #sp li #sp_minmin .update { top: 10px; left: 5px;}
#ind #sp li #sp_minmin .infotxt { left: 0; text-align: center; letter-spacing: 0; font-size: 80%;}
/*blog*/
#ind #blog { box-sizing: border-box; width: 100%; background: rgba(255, 255, 255, 1.0); border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; padding: 10px 0; margin-bottom: 10px;}
#ind #blog dt { width: 98%; height: 0; padding-top: 16%; margin: 0 auto; display: block; background: url(../img/line_blue.png) no-repeat center center; position: relative;}
#ind #blog dt::before, #ind #blog dt::after { content: ""; width: 16px; height: 16px; display: block; background: url(../img/maru_blue.png) no-repeat;}
#ind #blog dt::before { position: absolute; top: 38%; left: -1%;}
#ind #blog dt::after { position: absolute; top: 38%; right: -1%;}
#ind #blog dt .title { width: 50%; max-width: 200px; height: 0; padding-top: 20%; display: block; margin: 0 auto; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/ind_blog.png); position: absolute; top: 0; left: 25%; right: 25%;}
#ind #blog #feeds { padding: 15px 0 5px 0;}
#ind #blog #feeds:before, #ind #blog #feeds:after { content: ""; display: table;}
#ind #blog #feeds:after { clear: both;}
#ind #blog .blog { width: 47%; text-align: center; padding: 5px 0 5px 2%; float: left;} /*c-2*/
#ind #blog .blog .uesp { width: 100%; max-width: 157px; margin: 0 auto; display: block;}
#ind #blog .blog .uesp .boobop { width: 100%; height: 0; padding-top: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/blog/boo.png); display: block;}
#ind #blog .blog .uesp .etphoto { width: 100%; height: 0; padding-top: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: block; position: relative;}
#ind #blog .blog .uesp .etphoto a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#ind #blog .blog .uesp .etphoto .infotxt { width: 92%; height: 41%; position: absolute; top: 57.5%; left: 4%; text-align: left; font-size: 75%; display: block; overflow: hidden;}
#ind #blog .blog .uesp .etphoto .infotxt .updatetxt { padding-bottom: 2px; display: block; color: rgba(0, 73, 163, 1.0);}
#ind #blog .blog .uesp .etphoto .infotxt .sawaritxt { line-height: 130%;}
#ind #blog .blog .uesp .etphoto a:hover .infotxt .updatetxt { color: rgba(0, 157, 185, 1.0);}
#ind #blog .njblg { text-align: left; padding: 5px 10px 5px 15px; font-size: 80%;}
/*bookatsu*/
#ind #bookatsu { box-sizing: border-box; width: 100%; background: rgba(255, 255, 255, 1.0); border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; padding: 10px 0; margin-bottom: 10px;}
#ind #bookatsu dt { width: 98%; height: 0; padding-top: 16%; margin: 0 auto; display: block; background: url(../img/line_blue.png) no-repeat center center; position: relative;}
#ind #bookatsu dt::before, #ind #bookatsu dt::after { content: ""; width: 16px; height: 16px; display: block; background: url(../img/maru_blue.png) no-repeat;}
#ind #bookatsu dt::before { position: absolute; top: 38%; left: -1%;}
#ind #bookatsu dt::after { position: absolute; top: 38%; right: -1%;}
#ind #bookatsu dt .title { width: 50%; max-width: 200px; height: 0; padding-top: 20%; display: block; margin: 0 auto; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/ind_bookatsu.png); position: absolute; top: 0; left: 25%; right: 25%;}
#ind #bookatsu dd { padding: 0 10px 10px 10px;}
#ind #bookatsu #sp_bookatsu { width: 100%; height: 0; padding-top: 53.125%; margin: 0 auto; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/ind_bkinfo-s.png); position: relative;}
#ind #bookatsu #sp_bookatsu a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
/*kanren*/
#ind #kanren { box-sizing: border-box; width: 98%; margin-left: 2%;}
#ind #kanren ul:before, #ind #kanren ul:after, #ind #kanren li:before, #ind #kanren li:after { content: ""; display: table;}
#ind #kanren ul:after, #ind #kanren li:after { clear: both;}
#ind #kanren li { text-align: center;}
#ind #kanren .li3 { width: 32%; float: left; margin-left: 1%;}
#ind #kanren .li2 { box-sizing: border-box; width: 50%; float: left; padding: 5px 2px;}
#ind #kanren li .iconsp { width: 96%; max-width: 100px;}
#ind #kanren li .icon { width: 100%; height: 0; padding-top: 53.846153846154%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative;}
#ind #kanren li .icon a { width: 96%; height: 96%; display: block; position: absolute; top: 0; left: 0;}
#ind #kanren li .icon a:hover { border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
#ind #kanren li #k_ishop { background-image: url(../img/k_ishop.png);}
#ind #kanren li #k_csr { background-image: url(../img/k_csr.png);}
#ind #kanren li #k_pink { background-image: url(../img/k_pink.png);}
#ind #kanren li #k_odm { background-image: url(../img/k_odm.png);}
#ind #kanren li #k_school { background-image: url(../img/k_school.png);}
/*newsface2017*/
#newface2017 { width: 96%; max-width: 500px; margin: 20px auto 0 auto;}
#newface2017sp { width: 100%; height: 0; padding-top: 26%; position: relative; z-index: 1000000; display: none;}
#newface2017p { width: 100%; height: 0; padding-top: 26%; position: absolute; top: 0; left: 0;}
#newface2017p a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../newface/img/ann_ind.jpg); border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
#newface2017p a:hover { filter: alpha(opacity=80); -khtml-opacity: 0.8; opacity: 0.8; -webkit-opacity: 0.8; -moz-opacity: 0.8; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
#newface2017 .updatet { width: 48px; background: rgba(255, 255, 255, 0.8); position: absolute; top: 0; right: 0; border-radius: 0 8px; -webkit-border-radius: 0 8px; -moz-border-radius: 0 8px; display: block; font-size: 75%; line-height: 105%; padding: 10px 0; text-align: center; overflow: hidden;}

/*for_W480-*/
@media screen and (min-width: 480px) {
.mbr { display: block;}
.mbri { display: inline;}
.sbr, .sbri, .lbr, .lbri { display: none;}
#title_p, #title_p0 { margin-top: -4.5%;}
/*WHO*/
#who #title_p0 #p_red-sp { width: 37.4%; position: absolute; top: -6.8%; left: 120%;}
/*list*/
#who #cont .infodd0 .simgall { font-size: 85%;}
/*no_js*/
#who #cont .infodd .njlstxt li { font-size: 130%; letter-spacing: 0.1em; width: 30%; padding: 5px 0 5px 3%; float: left;}
/*BOOKATSU*/
#bookatsu #title_p #p_orange-sp { width: 55%; absolute; top: -3%; left: 44%;}
/*IND*/
#ind #title_p #p_blue-sp { width: 43%; position: absolute; top: -5%; left: 120%;}
/*blog*/
#ind #blog .blog { width: 31%; text-align: center; padding: 5px 0 5px 1.8%; float: left;} /*c-3*/
#ind #blog .njblg { box-sizing: border-box; width: 50%; float: left;}
/*kanren*/
#ind #kanren .li3, #ind #kanren .li2 { box-sizing: border-box; width: 19%; margin-left: 0.8%; padding: 5px 2px 5px 0;}
#ind #kanren .li2 .fr, #ind #kanren .li2 .fl { float: none; margin: auto;}
#ind #kanren li .iconsp { width: 98%;}
}

/*for_W640-*/
@media screen and (min-width: 640px) {
.ssbr { display: none;}
.nssbr { display: block;}
.mmbr { display: block;}
.mmbri { display: inline;}
/*header*/
#header { width: 100%; height: 0; padding-top: 42.553191489362%; position: relative; margin-bottom: 0;}
#title { top: 20px;}
#title_p, #title_p0 { width: 100%; height: 0; padding-top: 42.553191489362%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; margin-top: -3%; margin-bottom: 0;}
#nav0sp { display: none;}
#navsp { width: 30%; max-width: 240px; position: absolute; top: 35%; left: 15%;}
#navsp #nav { width: 100%; height: 0; padding-top: 50%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#navsp #nav #whosp { width: 90%; height: 0; padding-top: 15%; position: absolute; top: 75%; left: 5%;}
#navsp #nav #whosp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#cont { margin-top: 2%;}
/*WHO*/
/*header*/
#who #title_p { background-image: url(../img/who_m.png);}
#who #title_p0 { background-image: url(../img/who0_m.png);}
#who #title_p0 #p_red-sp { width: 25.3%; position: absolute; top: -8.2%; left: 120%;}
/*con*/
#who #cont .condt { padding-top: 12%;}
#who #cont .infodd { padding: 10px; margin-top: -10px;}
#who #cont .infodd li { width: 10%; padding: 1%;}
/*list*/
#who #cont .infodd0 .simgall { width: 15%; max-width: 100px; text-align: center; margin: 5px 0 5px 1.3%; float: left; font-size: 85%;}
#who #cont .c_dt .c_dtpsp { width: 20%; max-width: 40px; margin: 0 auto; display: block; position: absolute; top: 20%; left: 10%; right: 10%;}
/*peronal*/
#who #cont .c_dt .c_tantosp { width: 20%; max-width: 120px; margin: 0 auto; display: block; position: absolute; top: 20%; left: 10%; right: 10%;}
/*no_js*/
#who #cont .infodd .njlstxt li { box-sizing: border-box; font-size: 130%; letter-spacing: 0.1em; width: 25%; padding: 5px 0 5px 5%; float: left;}
/*BOOKATSU*/
/*header*/
#bookatsu #title_p { background-image: url(../img/bookatsu_m.png);}
#bookatsu #title_p #p_orange-sp { width: 42%; absolute; top: 2%; left: 42%;}
#bookatsu #navsp #nav { background-image: url(../img/lnk_top2.png);}
#bookatsu #navsp { position: absolute; top: 35%; left: 15%;}
/*con*/
#bookatsu #cont dt { padding-top: 12%;}
#bookatsu #cont dd #sp_bookatsu { max-width: 880px;}
#bookatsu #cont dd #sp_bookatsu .infop { width: 100%; height: 0; padding-top: 13.63636363636364%; margin: 0 auto; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/bookatsu_bkinfo-l.png); position: relative; margin-top: -2%;}
#bookatsu #cont .c_dt .c_dtpsp { width: 70%; max-width: 240px; margin: 0 auto; display: block; position: absolute; top: 10%; left: 10%; right: 10%;}
#bookatsu #cont .s_psp { width: 23%; margin: 5px 2% 5px 0; float: left;}
#bookatsu #cont .serifusp { text-align: center;}
#bookatsu #cont .sp48p { width: 49.5%; float: left;}
#bookatsu #cont .sp48p .s_psp { width: 46%; margin: 5px 2% 5px 0; float: left;}
#bookatsu #cont .b_psp, #bookatsu #cont .infty { width: 47.5%; margin: 5px 1%; float: left;}
/*IND*/
/*header*/
#ind #title_p { background-image: url(../img/title_m.png);}
#ind #navsp #nav { background-image: url(../img/lnk_who.png);}
#ind #sp dt, #ind #blog dt, #ind #bookatsu dt { padding-top: 12%;} 
#ind #title_p #p_blue-sp { width: 30%; position: absolute; top: -5%; left: 120%;}
/*special*/
#ind #sp { margin-top: 2%;}
#ind #sp ul:before, #ind #sp ul:after { content: ""; display: table;}
#ind #sp ul:after { clear: both;}
#ind #sp li { width: 33%; max-width: 300px; margin: 5px 0 5px 0.1%; float: left;}
#ind #sp li .nkm { width: 100%; height: 0; padding-top: 66.6666666666666667%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative;}
#ind #sp li #sp_run { padding-top: 80%; margin-top: -13.33333333333%;}
#ind #sp li #sp_therapy { margin-top: 5%; margin-bottom: 0;}
#ind #sp li #sp_minmin { margin-top: -20px;}
#ind #sp li #sp_run::after, #ind #sp li #sp_therapy::after { display: none;}
#ind #sp li .nkm .update { font-size: 80%; letter-spacing: 0.1em; font-weight: bold; position: absolute; top: 5px; left: 75px;}
#ind #sp li .nkm .infotxt { font-size: 80%; letter-spacing: 0.1em; position: absolute;}
#ind #sp li #sp_therapy .update { top: 42px; left: 20px;}
#ind #sp li #sp_minmin .update { width: 92%; top: 1px; text-align: right;}
#ind #sp li #sp_minmin .infotxt { padding: 0 0 10px 5px; line-height: 120%;}
#ind #sp li #sp_run .infotxt { bottom: 5%;text-align: center;}
/*blog*/
#ind #blog #feeds { width: 90%; margin: 0 auto; padding: 20px 0 15px 0;}
/*bookatsu*/
#ind #bookatsu #sp_bookatsu { width: 100%; height: 0; padding-top: 13.63636363636364%; margin: 0 auto; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/ind_bkinfo-l.png); position: relative;}
}

/*for_W800-*/
@media screen and (min-width: 800px) {
.sbr, .sbri, .mbr, .mbri, .mmbr, .mmbri { display: none;}
.mbr2 { display: block;}
#title_p, #title_p0 { margin-top: -2%;}
/*WHO*/
#who #cont .infodd ul { width: 100%; max-width: 600px;}
#who #cont .condt { padding-top: 10%;}
#who #cont .infodd { padding-top: 20px;}
#who #cont .c_dt { padding-top: 5%;}
#who #cont .c_dt::before { display: block; position: absolute; top: 20%; left: -1%;}
#who #cont .c_dt::after { display: block; position: absolute; top: 30%; right: -1%;}
#who #cont .infodd0 { width: 90%; margin: 0 auto;}
#who #cont .infodd0 .simgall { width: 14%; max-width: 100px; text-align: center; margin: 5px 0 5px 2.1%; float: left; font-size: 90%;}
#who #title_p0 #p_red-sp { width: 25.3%; position: absolute; top: -5%; left: 120%;}
/*peronal*/
#who #cont #profs { box-sizing: border-box; width: 100%; position: relative;}
#who #cont .nameall::after, #who #cont .prof1::after { background: url(../img/cover.gif) no-repeat;}
#who #cont .nameall { width: 32%; font-size: 180%; padding-bottom: 30px; position: absolute; top: 40%; left: 0; text-align: right;}
#who #cont .prof1 { width: 32%; text-align: left; padding: 10px; line-height: 130%; position: absolute; top: 50px; right: 0;}
#who #cont .prof1, #who #cont .prof2, #who #cont .prof3 { font-size: 110%;}
#who #cont .prof2, #who #cont .prof3, #who #cont .past { width: 90%; margin: 0 auto;}
#who #cont .past { margin-bottom: 30px;}
/*no_js*/
#who #cont .infodd .njlstxt li { box-sizing: border-box; font-size: 140%; letter-spacing: 0.2em; width: 25%; padding: 5px 0 5px 5%; float: left;}
/*BOOKATSU*/
#bookatsu #link ul { width: 100%; max-width: 710px; margin: 0 auto;}
#bookatsu #link .akpls { margin-left: 0.1%;}
#bookatsu #cont dt { padding-top: 10%;}
#bookatsu #cont .c_dt { padding-top: 5%;}
#bookatsu #cont dd #sp_bookatsu .infop { margin-top: -3%;}
#bookatsu #cont .c_dt::before { position: absolute; top: 20%; left: -1%;}
#bookatsu #cont .c_dt::after { position: absolute; top: 30%; right: -1%;}
/*IND*/
/*blog*/
#ind #blog .blog { width: 24.5%; text-align: center; padding: 5px 0 5px 0.4%; float: left;} /*c-4*/
/*newsface2017*/
#newface2017 { margin: 10px auto;}
}

/*for_W940-*/
@media screen and (min-width: 940px) {
.lbr, .nsbr { display: block;}
.lbri, .nsbri { display: inline;}
.mbr2 { display: none;}
#ind #sp dt, #ind #blog dt, #ind #bookatsu dt { padding-top: 7.5%;} 
#header { width: 100%; height: 0; padding-top: 42.553191489362%; position: relative; margin-bottom: 0;}
#title { top: 40px; border-radius: 30px 30px 0 0; -webkit-border-radius: 30px 30px 0 0; -moz-border-radius: 30px 30px 0 0;}
#cont { margin-top: 0;}
#ind .njset { padding-top: 80px;}
/*bn*/
.bnsp { margin: 0; position: absolute; top: 10px; left: 10px;}
#tbsan_bn0 { width: 300px; height: 50px; background: url(../img/tbsan_bn.png) no-repeat; margin: 0; position: absolute; top: 270px; left: 10px;}
#tbsan_bn0 a { width: 300px; height: 50px; display: block;}
#tbsan_bn0 a:hover { background: rgba(238, 103, 155, 0.2);}
/*footer*/
#cr { width: 94%; margin: 0 auto; padding: 20px 0 30px 0; text-align: center; color: rgba(255, 255, 255, 1.0); font-size: 90%; letter-spacing: 0.1em;}
#footer #pgtp { width: 130px; height: 115px; margin: 0; background: url(../img/pgtp.png) no-repeat; position: absolute; bottom: 1px; right: 5px; z-index: 200;}
/*WHO*/
#who #title_p { background-image: url(../img/who_l.png); margin-top: -40px; margin-bottom: 0;}
#who #title_p0 { background-image: url(../img/who0_l.png); margin-top: -40px; margin-bottom: 0;}
#who #title_p0 #p_red-sp { width: 26%; top: -11.5%;}
#who #navsp { position: absolute; top: 42%; left: 44%;}
#who #cont { box-sizing: border-box; border-radius: 0 0 30px 30px; -webkit-border-radius: 0 0 30px 30px; -moz-border-radius: 0 0 30px 30px; padding: 10px 10px 0 10px; margin-bottom: 0;}
#who #cont .condt { width: 98%; height: 0; padding-top: 0; display: block; background: url(../img/cover.gif) no-repeat center center; position: relative; z-index: 0;}
#who #cont .condt .title { position: absolute; top: -70px; left: 25%; right: 25%;}
#who #cont .condt::before, #who #cont .condt::after { display: none;}
#who #cont .infodd #aiueo { width: 100%; max-width: 800px; margin: 0 auto; z-index: 200;}
#who #cont .infodd #aiueo li { width: 60px; margin: 0 10px;}
#who #link0 { display: none;}
/*personal*/
#who #cont #profs { padding-top: 40px;}
#who #cont .nameall { width: 330px; font-size: 200%; letter-spacing: 0.2em; padding-bottom: 30px; position: absolute; top: 40%; left: 0; text-align: right;}
#who #cont .prof1 { width: 330px; text-align: left; padding: 10px; line-height: 130%; position: absolute; top: 50px; right: 0;}
#who #link { position: absolute; top: 320px; left: 0; background: url(../img/cover.gif) no-repeat top center;}
#who #link .backlnk { position: absolute; top: 60px; left: 20px;}
#who #link .pldn { position: absolute; top: 80px; right: 20px; font-size: 90%; letter-spacing: 0.1em;}
#who #cont .prof1, #who #cont .prof2, #who #cont .prof3 { font-size: 120%;}
#who #cont .prof1 dd, #who #cont .prof2 dd, #who #cont .prof3 dd { letter-spacing: 0.1em;}
#who #cont .past { font-size: 110%; margin-bottom: 40px;}

/*BOOKATSU*/
#bookatsu #title_p { background-image: url(../img/bookatsu_l.png); margin-top: -40px; margin-bottom: 0;}
#bookatsu #title_p #p_orange-sp { width: 36%; absolute; top: 3%; left: 60%;}
#bookatsu #navsp { position: absolute; top: 42%; left: 36%;}
#bookatsu #cont { box-sizing: border-box; border-radius: 0 0 30px 30px; -webkit-border-radius: 0 0 30px 30px; -moz-border-radius: 0 0 30px 30px; padding: 10px 10px 0 10px; margin-bottom: 0;}
#bookatsu #cont dt { width: 98%; height: 0; padding-top: 0; display: block; background: url(../img/cover.gif) no-repeat center center; position: relative;}
#bookatsu #cont dt .title { position: absolute; top: -80px; left: 25%; right: 25%; z-index: 100;}
#bookatsu #cont dt::before, #bookatsu #cont dt::after { display: none;}
#bookatsu #cont .c_dt::before { display: block; position: absolute; top: 20%; left: -1%;}
#bookatsu #cont .c_dt::after { display: block; position: absolute; top: 30%; right: -1%;}
#bookatsu #cont .serifusp { padding-left: 60px;}
#bookatsu #cont .serifusp .srfset { float: left;}
#bookatsu #cont dd #sp_bookatsu { padding-bottom: 100px;}
#bookatsu #link { position: absolute; top: 490px; left: 0; background: url(../img/cover.gif) no-repeat top center;}
#bookatsu #cont .infty { font-size: 120%; line-height: 150%; letter-spacing: 0.1em;}

/*IND*/
/*header*/
#ind #title_p { background-image: url(../img/title_l.png); margin-top: -40px; margin-bottom: 0;}
#ind #title_p #p_blue-sp { width: 30%; position: absolute; top: -10%; left: 100%;}
#ind #navsp { position: absolute; top: 42%; left: 42%;}
/*special*/
#ind #sp { box-sizing: border-box; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; padding: 10px 10px 0 10px; margin-top: 0; margin-bottom: 0;}
#ind #sp dt { width: 98%; height: 0; padding-top: 0; display: block; background: url(../img/cover.gif) no-repeat center center; position: relative;}
#ind #sp dt::before, #ind #sp dt::after { display: none;}
#ind #sp dt .title { width: 35%; max-width: 300px; height: 120px; padding-top: 0; display: block; margin: 0 auto; background: url(../img/ind_sp.png) no-repeat; position: absolute; top: -80px; left: 25%; right: 25%; z-index: 100;}
#ind #sp li #sp_therapy { margin-top: 25px; margin-bottom: 0;}
#ind #sp .nojssp li { width: 27%; float: left; font-size: 120%;}
#ind #sp li #sp_minmin { margin-top: 0;}
#ind #sp li .nkm .update { font-size: 90%; top: 15px; left: 120px;}
#ind #sp li .nkm .infotxt { width: 100%; font-size: 100%; letter-spacing: 0.1em; margin: 0 auto; position: absolute; left: 0;}
#ind #sp li #sp_therapy .update { top: 60px; left: 35px;}
#ind #sp li #sp_minmin .update { width: 92%; top: 5px; text-align: right;}
#ind #sp li #sp_run .infotxt, #ind #sp li #sp_minmin .infotxt { text-align: center;}
/*blog*/
#ind #blog { box-sizing: border-box; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; padding: 0 10px; margin-bottom: 0;}
#ind #blog dl { margin-top: -15px;}
#ind #blog dt::before { display: none;}
#ind #blog dt .title { width: 35%; max-width: 200px; height: 0; padding-top: 20%; display: block; margin: 0 0 0 0; position: absolute; top: 0; left: -15px;}
#ind #blog .blog { width: 19.5%; text-align: center; padding: 5px 0 5px 0.4%; float: left;} /*c-5*/
#ind #blog .njblg { font-size: 110%;}
/*bookatsu*/
#ind #bookatsu { box-sizing: border-box; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; padding: 10px 10px 0 10px; margin-bottom: 0;}
#ind #bookatsu dt::before { display: none;}
#ind #bookatsu dt .title { width: 35%; max-width: 200px; height: 80px; padding-top: 0; display: block; margin: 0 0 0 0; position: absolute; top: 0; left: -15px; z-index: 100;}
#ind #bookatsu #sp_bookatsu { width: 94%; margin: -50px 0 0 6%; position: relative;}
#ind #bookatsu #sp_bookatsu a { width: 80%; height: 80%; position: absolute; top: 20%; left: 20%; border-radius: 62% 0 0 0; -webkit-border-radius:  62% 0 0 0; -moz-border-radius:  62% 0 0 0;}
#ind #bookatsu #sp_bookatsu a:hover { border-radius: 62% 0 0 0; -webkit-border-radius:  62% 0 0 0; -moz-border-radius:  62% 0 0 0;}
#ind #bookatsu #udl { width: 98%; height: 12px; margin: 0 auto; display: block; background: url(../img/line_blue.png) no-repeat center center; position: relative;}
#ind #bookatsu #udl::before, #ind #bookatsu #udl::after { content: ""; width: 16px; height: 16px; display: block; background: url(../img/maru_blue.png) no-repeat;}
#ind #bookatsu #udl::before { position: absolute; top: -5px; left: -1%;}
#ind #bookatsu #udl::after { position: absolute; top: -2px; right: -1%;}
/*kanren*/
#ind #kanren { box-sizing: border-box; width: 100%; background: rgba(255, 255, 255, 1.0); border-radius: 0 0 30px 30px; -webkit-border-radius: 0 0 30px 30px; -moz-border-radius: 0 0 30px 30px; padding: 20px 0 30px 0; margin: 0 auto;}
#ind #kanren ul { width: 700px; margin: 0 auto;}
#ind #kanren .li3, #ind #kanren .li2 { box-sizing: border-box; width: 140px; padding: 5px 0; margin: 0;}
#ind #kanren li .iconsp { width: 100%; max-width: 130px;}
/*seminar*/
#ind #sp { padding-bottom: 40px;}
/*newsface2017*/
#newface2017 { max-width: 500px; margin: -60px 0 5px 365px;}
}

/*seminar*/
#ind #sp .seminar { width: 95%; max-width: 680px; margin: 20px auto 10px auto; display: none;}
#ind #sp .seminar .smnall { width: 100%; height: 0; padding-top: 19.1176470588235%; position: relative;}
#ind #sp .seminar .smnsp { width: 100%; height: 0; padding-top: 19.1176470588235%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../seminar/img/anatsu_ind-s0721.png);}
#ind #sp .seminar .smnsp a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; background: rgba(229, 255, 107, 0);}
#ind #sp .seminar .smnsp a:hover { background: rgba(229, 255, 107, 0.3);}
/*for_W640-*/
@media screen and (min-width: 640px) {
/*seminar*/
#ind #sp { padding-bottom: 40px;}
#ind #sp .seminar { width: 95%; max-width: 940px; margin: 10px auto 0 auto; display: none;}
#ind #sp .seminar .smnall { width: 100%; height: 0; padding-top: 13.8297872340426%; position: relative;}
#ind #sp .seminar .smnsp { width: 100%; height: 0; padding-top: 13.8297872340426%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../seminar/img/anatsu_ind0721.png);}
}