@charset "utf-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body {line-height:1.8}
article, aside, dialog, figure, footer, header,
hgroup, nav, section {display:block}
ul, ol {list-style:none}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}
ins {background-color:#ff9;color:#000;text-decoration:none}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del {text-decoration: line-through}
abbr[title], dfn[title] {border-bottom:1px dotted #000;cursor:help}
table {border-collapse:collapse;border-spacing:0}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}
input, select {vertical-align:middle}

/*========================================

BASIC

=======================================*/
html{-webkit-text-size-adjust:100%}
body{color:#fff; font-size:14px;font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;background:#242424; line-height:1.6;}

/* COMMON STYLE
=======================================*/
a{color:#CC0033;;text-decoration:none;}
a:hover{color:#CC0033; text-decoration:none;}

section{margin:0;}
.sectionTitle{padding:8px 6px;margin:0 0 25px;color:#ffffff;font-size:140%;font-weight:bold;background:#e71e35;overflow:hidden;}
.sectionTitle .icon-yelp{margin:4px 4px 0 0;font-size:100%;font-weight:bold;float:left;}
.Hv a {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:1;}
.Hv a:hover {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:0.5;}

.red, .fc-red {color:#FF0000;}
#main .Note {color:#eb5f64;}
.ta-c {text-align:center;}
.ta-r {text-align:right;}
.icon- {vertical-align:middle;}

/* respons view */
.spView{display:none;}


/* other */
.clearfix:after{content: "."; display: block; height: 0; font-size:0;	clear: both; visibility:hidden}
.clearfix{display: inline-block;} 
* html .clearfix{height: 1%;}
.clearfix{display:block;}

@font-face {font-family: 'icomoon'; src:url('fonts/icomoon.eot?9v1h8c'); src:url('fonts/icomoon.eot?9v1h8c#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?9v1h8c') format('truetype'), url('fonts/icomoon.woff?9v1h8c') format('woff'), url('fonts/icomoon.svg?9v1h8c#icomoon') format('svg');font-weight: normal;font-style: normal;}
[class^="icon-"], [class*=" icon-"] {font-family: 'icomoon' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-camera:before {content: "\e900";}
.icon-check-alt:before {content: "\e90a";}
.icon-headphones:before {content: "\e901";}
.icon-music:before {content: "\e902";}
.icon-film:before {content: "\e903";}
.icon-file-text2:before {content: "\e605";}
.icon-spinner4:before {content: "\e904";}
.icon-bookmark:before {content: "\e905";}
.icon-star-full:before {content: "\e906";}
.icon-checkbox-checked:before {content: "\e907";}
.icon-facebook3:before {content: "\e908";}
.icon-instagram:before {content: "\e909";}
.icon-twitter3:before {content: "\e90b";}
.icon-youtube3:before {content: "\e90c";}


/* COMMON
=======================================*/
/* #wrapper */
#wrapper{width: 100%;margin: 0 auto; border-top:4px solid #CC0033;}
/* #header */
#header{width:100%; background:#171717; /*position:fixed;*/}
#header .hd-detail{width:990px;padding:12px 0 12px;margin:0 auto;position:relative; color:#FFFFFF; height:50px;}
#header .hd-detail .hgroup{}
#header .hd-detail .hgroup .siteName{margin:0; width:61px; height:41px; float:left;}
#header .hd-detail .hgroup .Right{width:910px;float:right; text-align:left; margin-top:10px;}
#header #gNav{}
#header #gNav .inline{width:910px;margin:0 auto;overflow:hidden; padding-top:3px;}
#header #gNav .gNav-list{margin:0 -24px 0 0;overflow:hidden;float:left; width:910px;}
#header #gNav .gNav-list li{margin:0 16px 0 0;float:left;display:table;}
#header #gNav .gNav-list li a{display:table-cell;}
#header #gNav .gNav-list a{ color:#fff;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:1;}
#header #gNav .gNav-list a:hover{padding-top:6px;text-decoration:none;  color:#CC0000;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:1;}
#header #gNav .gNav-list li.Btn{text-align:center; float:right; width:60px; line-height:1.4; font-size:12px; margin:0 0;}
#header #gNav .gNav-list li.Btn a{-webkit-border-top-left-radius: 15px; -webkit-border-bottom-right-radius: 15px;-moz-border-radius-topleft: 15px;-moz-border-radius-bottomright: 15px; background:#666666; color: #FFFFFF; padding:4px 16px 6px;color:#FFFFFF;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}
#header #gNav .gNav-list li.Btn a:hover{color:#FFFFFF; background-color:#CC0033;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}

/* #footer */
.BackTop {margin:0 auto 20px; width:100px; height:112px;}
.BackTop a {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:1;}
.BackTop a:hover {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:0.5;}

#footer{padding:48px 0 20px;color:#ffffff;background:#000000;}
#footer .inline{width:990px;margin:0 auto; text-align:center; font-size:12px;}

h2 {font-family:'Josefin Sans', sans-serif, Meiryo, メイリオ, Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;}

/*MAIN
========================================*/
/* #contents */
#contents{width:990px;padding:0 0 40px;margin:0 auto; overflow:hidden;}
/* #main*/
#main{width:100%; margin:0 auto;}

.FirstImp {width:990px; margin:0 auto 30px; overflow:hidden;}
/* MAIN VISUAL */
.FirstImp .MV{width:345px;padding:0 0; float:left;overflow:hidden;}
.FirstImp .MV img{width:100%; height:auto;}

.UC {width:990px; margin:50px auto 300px; overflow:hidden;}
.UC .Img { text-align:center;}
.UC .UnderC { text-align:center; font-size:20px; letter-spacing:2px; margin-bottom:5%;}

.FirstImp .Right { float:right; width:625px; margin-top:10px;}
.FirstImp .Right .LangBlock { overflow:hidden; float: right; margin-bottom:20px; height:60px; width:625px;}
.FirstImp .Right .LangBlock .Btn{text-align:center; float:right; width:90px; line-height:1.4; font-size:12px; padding-top:4px;}
.FirstImp .Right .LangBlock .Btn a{-webkit-border-top-left-radius: 15px; -webkit-border-bottom-right-radius: 15px;-moz-border-radius-topleft: 15px;-moz-border-radius-bottomright: 15px; background:#666666; color: #FFFFFF; padding:4px 16px 6px;color:#FFFFFF;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}
.FirstImp .Right .LangBlock .Btn a:hover{color:#FFFFFF; background-color:#CC0033;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}
.FirstImp .Right .Title { overflow:hidden; width:625px}
.FirstImp .Right .Title .Logo { float:left; width:233px;}
.FirstImp .Right .Title .Name { float:right; color:#CC0033; font-size:52px; font-weight:normal; line-height:1.4; padding-top:20px;font-family:'Josefin Sans', sans-serif, Meiryo, メイリオ, Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;}
.FirstImp .Right .Title .Name span { color:#fff; display:block;}
.FirstImp .Right .SNSBlock { border-bottom:1px solid #FAFAFA; margin-bottom:20px;}
.FirstImp .Right .SNSBlock ul { overflow:hidden;}
.FirstImp .Right .SNSBlock ul li { font-size:30px; float:right; margin-left:15px;}
.FirstImp .Right .SNSBlock ul li a { color:#fff;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}
.FirstImp .Right .SNSBlock ul li a:hover { color:#CC0033;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s; text-decoration:none;}
.FirstImp .Right .DetBlock {}
.FirstImp .Right .DetBlock .MBlock { float:left; width:35%;}
.FirstImp .Right .DetBlock .MBlock a { color:#FFFFFF;}
.FirstImp .Right .DetBlock .MBlock ul { width:100%; overflow:hidden; font-size:16px; width:100%;}
.FirstImp .Right .DetBlock .MBlock ul li { padding-bottom:3px;margin-bottom:12px; border-bottom:1px dotted #FFF; width:100%;}
.FirstImp .Right .DetBlock .MBlock ul a li { text-decoration:none; padding-bottom:3px;margin-bottom:10px;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}
.FirstImp .Right .DetBlock .MBlock ul a li:hover {color:#CC0033; padding-left:20px;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}

.FirstImp .Right .DetBlock .NBlock { float:right; width:62%;}
.FirstImp .Right .DetBlock .NBlock h2 { float:right; color:#FF9900; border-bottom:1px solid #FF9900; text-align:left; width:100%; font-size:18px; margin-bottom:15px;}
.NBlock #scroll {height: 280px;width:386px;padding:0;overflow-y: scroll;-webkit-overflow-scrolling: touch; color:#FFFFFF;}

::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar-track {background:#CCCCCC;}
::-webkit-scrollbar-thumb { background:#999999;}
::-webkit-scrollbar-thumb:window-inactive {background:#000;}
.NBlock #scroll ul { width:99%; overflow:hidden;}
.NBlock #scroll li { border-bottom:1px dotted #FFFFFF; padding-bottom:6px; margin-bottom:20px; width:100%; float: left;overflow: hidden;}
.NBlock #scroll li .CatchTitle { font-size:14px; letter-spacing:1px;}
.NBlock #scroll li .CatchTitle span { font-size:18px; letter-spacing:2px;}

.NBlock #scroll li .Date { font-size:15px; font-weight:normal;}
.NBlock #scroll li .LiveTitle {}
.NBlock #scroll li p { margin-bottom:10px;}
.NBlock #scroll li .Place { padding-bottom:10px; font-size:16px; color:#CD494B;}
.NBlock #scroll li .Place a { color:#FFFFFF; text-decoration:underline;}
.NBlock #scroll li .Detail { font-size:14px;}
.NBlock #scroll li .Mov{position: relative;width: 100%;padding-top: 56.25%;}
.NBlock #scroll li .Mov iframe{position: absolute;top: 0; right: 0; width: 100% !important; height: 100% !important;}
.NBlock #scroll li .Photo{ width:100%; margin:0 0 2%;}
.NBlock #scroll li .Photo img{ width:100%; height:auto;}
.NBlock #scroll li a {color: #44C3F8; text-decoration: underline;}

.YT {}
.YT h2{ background:#333333; padding:10px 0 8px 0; text-align:center;color:#FF9900;font-size:18px;}
.YT .Block{ background:#666666; padding:30px 0; overflow:hidden; margin-bottom:60px;}
.YT ul{ overflow:hidden; width:990px; overflow:hidden; margin:0 auto;}
.YT ul li { float:left; width:30%; margin:0 1.5%;overflow: hidden;}
.YT ul li iframe {height:169px;width:300px;}

.Interview {}
.Interview h2{background:#333333; padding:10px 0 8px 0; text-align:center;color:#FF9900;font-size:18px;}
.Interview .Block{padding:30px 0; overflow:hidden; width: 990px; margin: 0 auto;}
.Interview .Block img {width: 100%; height: auto;}

.L-News {}
.L-News h2{ background:#333333; padding:10px 0 8px 0; text-align:center;color:#FF9900;font-size:18px;}
.L-News .Block{ background:#666666; padding:30px 0; overflow:hidden; margin-bottom:60px; text-align:center;}
.L-News .Block p{ margin-bottom:25px;}
.L-News .Block dl{ overflow:hidden; padding:10px 0; border-bottom:1px dotted #D7D7D7; width:400px; margin:0 auto 20px;}
.L-News .Block dl dt{ float:left; width:200px;}
.L-News .Block dl dd{ float:right; width:200px; text-align:left;}
.L-News .Btn{text-align:center;width:150px; line-height:1.4; font-size:16px; padding-top:4px; margin:0 auto 60px;}
.L-News .Btn a{-webkit-border-top-left-radius: 15px; -webkit-border-bottom-right-radius: 15px;-moz-border-radius-topleft: 15px;-moz-border-radius-bottomright: 15px; background:#009999; color: #FFFFFF; padding:4px 16px 6px;color:#FFFFFF;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}
.L-News .Btn a:hover{color:#FFFFFF; text-decoration:none; background-color:#CC0033;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}


.LInfo { width:990px; margin:0 auto 80px; color:#FFFFFF;}
.LInfo .LessonHead { text-align:center; background:url(../img/bg-lesson.png) no-repeat; margin-bottom:30px;}
.LInfo h2 { text-align:center; font-size:20px; margin-bottom:20px;}
.LInfo p { text-align:center; font-size:16px; margin-bottom:20px; line-height:1.6}
.LInfo .Btn{text-align:center;width:150px; line-height:1.4; font-size:16px; padding-top:4px; margin:0 auto 60px;}
.LInfo .Btn a{-webkit-border-top-left-radius: 15px; -webkit-border-bottom-right-radius: 15px;-moz-border-radius-topleft: 15px;-moz-border-radius-bottomright: 15px; background:#009999; color: #FFFFFF; padding:4px 16px 6px;color:#FFFFFF;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}
.LInfo .Btn a:hover{color:#FFFFFF; text-decoration:none; background-color:#CC0033;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}




/* Normal */
.NormalBlock {width:990px; margin:0 auto 30px; overflow:hidden;}
.NormalBlock .MV{width:23%;padding:0 0; float:left;overflow:hidden;}
.NormalBlock img{width:100%; height:auto;}
.NormalBlock .Right { float:right; width:75%; margin-top:20px;}
.NormalBlock .Right .Title { overflow:hidden; width:100%; color:#FFFFFF; padding-bottom:2px; border-bottom:15px; border-bottom:1px solid #FFF; font-size:26px; font-weight:normal; letter-spacing:2px;}
.NormalBlock .Right .Title .Jap { float:right; text-align:right; font-size:50%; padding-top:16px; color:#CCC;}
.NormalBlock .Right .SNSBlock {margin-bottom:20px;}
.NormalBlock .Right .SNSBlock ul { overflow:hidden;}
.NormalBlock .Right .SNSBlock ul li { font-size:30px; float:right; margin-left:15px;}
.NormalBlock .Right .SNSBlock ul li a { color:#fff;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}
.NormalBlock .Right .SNSBlock ul li a:hover { color:#CC0033; text-decoration:none; -moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}
.NormalBlock .Right p { margin-bottom:15px;}

/* Gear */
.GearPhoto {-webkit-border-top-left-radius: 15px; -webkit-border-bottom-right-radius: 15px;-moz-border-radius-topleft: 15px;-moz-border-radius-bottomright: 15px; border:4px solid #999; padding:2%; margin-bottom:30px;}
.GearPhoto .Photo{}
.GearPhoto .txt{ color:#FFFFFF; font-size:16px; padding-bottom:60px;}
.GearPhoto h3{ color:#FFFFFF; font-size:18px; margin-bottom:8px;}

/* Prof */
.Prof {}
.Prof dl { overflow:hidden; padding-bottom:10px; border-bottom:1px dotted #FFFFFF; margin-bottom:15px;}
.Prof dl dt { width:15%; float:left; color:#E9C570;}
.Prof dl dd { width:85%; float:right;}
.Prof dl dd a { text-decoration:underline;}
.ProfBlock {-webkit-border-top-left-radius: 15px; -webkit-border-bottom-right-radius: 15px;-moz-border-radius-topleft: 15px;-moz-border-radius-bottomright: 15px; border:4px solid #999; padding:2%; margin-bottom:30px;}
.ProfBlock h2 { font-size:130%; margin-bottom:20px; background:#2F2F2F; color:#39C;-webkit-border-top-left-radius: 15px; -webkit-border-bottom-right-radius: 15px;-moz-border-radius-topleft: 15px;-moz-border-radius-bottomright: 15px; padding:1% 2%; font-weight:normal;}
.ProfBlock h2.NameImg img { width:260px; height:25px; padding-top:2%;}


/* Store */
.StoreBlock {}
.BuyNote {margin-bottom:20px;}
.StoreBlock h2 { font-size:160%; margin-bottom:15px; background:#2F2F2F; color:#fff; padding:1% 2%;}
.StoreBlock h2 .icon- { font-size:90%; vertical-align:inherit;}
.StoreBlock .Block { padding-bottom:5px;  overflow:hidden; margin-bottom:20px;}
.StoreBlock .DVDBlock {border-bottom:1px solid #666; margin-bottom:30px; overflow:hidden; padding-bottom:10px;}
.StoreBlock h3 { font-size:140%; color:#5696CF;}
.StoreBlock .Jacket { float:left; width:40%;}
.StoreBlock .Jacket img { width:100%; height:auto;}
.StoreBlock .Detail { float:right; width:58%;}
.StoreBlock .Catch { font-size:120%; margin-bottom:15px;}
.StoreBlock .Detail p { margin-bottom:15px;}
.StoreBlock .List {border-bottom:1px solid #666;overflow:hidden; padding-bottom:10px; width:98%; margin:0 auto 30px;}
.StoreBlock .List .L { float:left; width:36%;}
.StoreBlock .List .R { float:right; width:62%;}
.StoreBlock ul { font-size:90%; overflow:hidden; margin-bottom:10px;}
.StoreBlock ul .head { font-weight:bold;}
.StoreBlock ul li {}
#field1, #field2, #field3, #field4, #field5, #field6, #field7 {}
.scrEvent {display: none;}
.Design {text-align:right; font-size:12px;}

.BuyBtn { float:right; margin-right:15px;display: inline-block;width: 140px;height: 44px;text-align: center;text-decoration: none;background: #59b1eb;border: 2px solid #59b1eb;color: #fff;line-height: 40px;outline: none;}
.BuyBtn::before, .BuyBtn::after {position: absolute;z-index: -1;display: block;content: '';}
.BuyBtn, .BuyBtn::before, .BuyBtn::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;}
.BuyBtn:hover {background-color: #fff;border-color: #59b1eb;color: #59b1eb;text-decoration:none;}
.Comm { width:90%; margin:0 auto 20px; overflow:hidden;}
.Comm ul { width:28%; margin:0 1%; float:left;}
.Comm ul .head{ font-weight:bold; padding-bottom:2px; border-bottom:1px solid #FFF;}
.Comm ul li{ padding-bottom:5px;}

/* Lesson */
.LessonType {-webkit-border-top-left-radius: 15px; -webkit-border-bottom-right-radius: 15px;-moz-border-radius-topleft: 15px;-moz-border-radius-bottomright: 15px; border:2px solid #999; padding:2%; margin-bottom:30px;}
.LessonType li { font-size:120%;}
.Cassete { text-align:center; width:60%; margin:2% auto 1%;}
.Cassete img { width:100%; height:auto;}
.LessonFlow {-webkit-border-top-left-radius: 15px; -webkit-border-bottom-right-radius: 15px;-moz-border-radius-topleft: 15px;-moz-border-radius-bottomright: 15px; border:2px solid #999; padding:2%; margin-bottom:30px;}
.LessonFlow h2 { font-size:130%; margin-bottom:20px; background:#2F2F2F; color:#39C;-webkit-border-top-left-radius: 15px; -webkit-border-bottom-right-radius: 15px;-moz-border-radius-topleft: 15px;-moz-border-radius-bottomright: 15px; padding:1% 2%; font-weight:normal;}
.LessonFlow dl { overflow:hidden;border-bottom:1px dotted #666; margin-bottom:10px;}
.LessonFlow dl.last { overflow:hidden;border-bottom:none; margin-bottom:0;}
.LessonFlow dt { float:left; width:24%;}
.LessonFlow dt img { width:100%; height:auto;}
.LessonFlow dd { float:right; width:72%;}

/* Books */
.BookBlock {-webkit-border-top-left-radius: 15px; -webkit-border-bottom-right-radius: 15px;-moz-border-radius-topleft: 15px;-moz-border-radius-bottomright: 15px; border:4px solid #999; padding:2%; margin-bottom:30px;}
.BookBlock h2 { font-size:160%; margin-bottom:15px; background:#2F2F2F; color:#fff; padding:1% 2%;}
.BookBlock .Block { padding-bottom:15px;  overflow:hidden; margin-bottom:30px;border-bottom:1px solid #666;}
.BookBlock h3 { font-size:130%; color:#CC0033;}
.BookBlock h3 span { font-size:90%;color:#fff; display:block}
.BookBlock .Photo { float:left; width:26%; margin-bottom:15px;}
.BookBlock .Photo img { width:100%; height:auto;}
.BookBlock .Detail { float:right; width:72%;}
.BookBlock .Catch { font-size:120%; margin-bottom:15px;}
.BookBlock p { margin-bottom:15px;}
.BookBlock .List {overflow:hidden; padding-bottom:10px; width:98%; margin:0 auto 30px;}
.BookBlock ul { font-size:90%; overflow:hidden; margin-bottom:10px;}
.BookBlock ul .head { font-weight:bold;}
.BookBlock ul li {}
.BookBlock ul li .Small{ font-size:80%;}
.BookBlock .BuyBtn { width:50%; margin:0 25%}
.Bold {font-weight:bold;}


/* DVD */
.DVDBlock {-webkit-border-top-left-radius: 15px; -webkit-border-bottom-right-radius: 15px;-moz-border-radius-topleft: 15px;-moz-border-radius-bottomright: 15px; border:4px solid #999; padding:2%; margin-bottom:30px;}
.DVDBlock h2 { font-size:160%; margin-bottom:15px; background:#2F2F2F; color:#fff; padding:1% 2%;}
.DVDBlock .Block { padding-bottom:15px;  overflow:hidden; margin-bottom:30px;border-bottom:1px solid #666;}
.DVDBlock h3 { font-size:130%; color:#CC0033;}
.DVDBlock h3 span { font-size:90%;color:#fff; display:block}
.DVDBlock .Photo { float:left; width:25%; margin-bottom:15px;}
.DVDBlock .Photo img { width:100%; height:auto;}
.DVDBlock .Detail { float:right; width:72%;}
.DVDBlock .Catch { font-size:120%; margin-bottom:15px;}
.DVDBlock p { margin-bottom:15px;}
.DVDBlock .BuyBtn { width:50%; margin:0 25%}

/* Editorial */
.EditorialBlock {-webkit-border-top-left-radius: 15px; -webkit-border-bottom-right-radius: 15px;-moz-border-radius-topleft: 15px;-moz-border-radius-bottomright: 15px; border:4px solid #999; padding:2%; margin-bottom:30px;}
.EditorialBlock h2 { font-size:160%; margin-bottom:15px; background:#2F2F2F; color:#fff; padding:1% 2%;}
.EditorialBlock h3 { font-size:120%; color:#F1504B}
.EditorialBlock h3 a {color:#59b1eb}
.EditorialBlock h3 span { font-size:90%;color:#fff; display:block}
.EditorialBlock .Block p {margin-bottom:25px;}

.TabBtn {}
.TabBtn ul { overflow:hidden; width:100%; margin:0 auto 15px;}
.TabBtn li { float:left; width:32%; margin:0 2% 0 0;}
.TabBtn li.last {width:32%; margin:0;}
.TabBtn li.selected {background:#F1504B;display: inline-block;height: 44px;text-align: center;text-decoration: none;color: #fff;line-height: 40px;outline: none;}
.TabBtn li a {display: inline-block;height: 44px;text-align: center;text-decoration: none;background: #59b1eb;border: 2px solid #59b1eb;color: #fff;line-height: 40px;outline: none; width:100%;}
.TabBtn li a::before, .TabBtn li a::after {position: absolute;z-index: -1;display: block;content: '';}
.TabBtn li a, .BuyBtn::before, .TabBtn li a::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;}
.TabBtn li a:hover {background-color: #fff;border-color: #59b1eb;color: #59b1eb;text-decoration:none;}




/* Contact */
.ContactBlock {-webkit-border-top-left-radius: 15px; -webkit-border-bottom-right-radius: 15px;-moz-border-radius-topleft: 15px;-moz-border-radius-bottomright: 15px; border:4px solid #999; padding:2%; margin:30px 0;}
.ContactBlock dl { overflow:hidden; padding-bottom:10px; border-bottom:1px dotted #333333; margin-bottom:15px;}
.ContactBlock dl dt { width:100%;}
.ContactBlock dl dd { width:100%; font-size:18px;}

.ContactBlock select{color:#666666;height: 45px;font-size: 100%;padding: 12px 50px 12px 12px;border: 1px solid #67687C;border-radius: 4px;-webkit-appearance: none;-moz-appearance: none;appearance: none;text-indent: .01px;text-overflow: "";background: #FFF url(../img/select_arrow.jpg) no-repeat right;}
.ContactBlock input[type=text] {padding:6px; font-size:18px; width:97.5%;}
.ContactBlock textarea {padding:6px; font-size:18px; width:97.5%; min-height:200px;}

.ContactBlock input[type=button] {display: inline-block;width:99.5%;height: 44px;text-align: center;text-decoration: none;background: #59b1eb;border: 2px solid #07549C;color: #fff;line-height: 40px;outline: none;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}
.ContactBlock input[type=button]:hover {background-color: #fff;border-color: #59b1eb;color: #59b1eb;text-decoration:none; cursor:pointer;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}

.ContactBlock .BtnBlock {overflow:hidden; width:100%;}
.ContactBlock .BtnBlock .BackBtn a{ float:left; width:48%;display: inline-block;height: 40px;text-align: center;text-decoration: none;background:#D0D0D0;border: 2px solid #8C8C8C;color: #fff;line-height: 40px;outline: none;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}
.ContactBlock .BtnBlock .BackBtn a:hover{text-decoration: none;background:#8C8C8C;border: 2px solid #8C8C8C;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}
.ContactBlock .BtnBlock input[type=button] { float:right; width:48%; display: inline-block;height: 45px;text-align: center; text-decoration: none;background: #59b1eb;border: 2px solid #07549C;color: #fff;line-height: 40px;outline: none;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}
.ContactBlock .BtnBlock input[type=button]:hover {background-color: #fff;border-color: #59b1eb;color: #59b1eb;text-decoration:none; cursor:pointer;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}
.ContactBlock .BtnBlock .Send{ float:right; width:49px;}












@media screen and (max-width: 989px) { /* Tablet Display - width:1024px under - */
#header{width:100%; background:#171717; /*position:fixed;*/}
#header .hd-detail{width:100%;padding:12px 0 12px;margin:0 auto;position:relative; color:#FFFFFF; height:50px;}
#header .hd-detail .hgroup{}
#header .hd-detail .hgroup .siteName{margin:0; width:61px; height:41px; float:left;}
#header .hd-detail .hgroup .Right{width:90%;float:right; text-align:left; margin-top:10px;}
#header #gNav{}
#header #gNav .inline{width:100%;margin:0 auto;overflow:hidden; padding-top:3px;}
#header #gNav .gNav-list{margin:0 -24px 0 0;overflow:hidden;float:left; width:100%;}
#header #gNav .gNav-list li{margin:0 16px 0 0;float:left;display:table;}
#header #gNav .gNav-list li a{display:table-cell;}
#header #gNav .gNav-list a{ color:#fff;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:1;}
#header #gNav .gNav-list a:hover{padding-top:6px; text-decoration:none; color:#CC0000;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:1;}
#header #gNav .gNav-list li.Btn{text-align:center; float:right; width:80px; line-height:1.4; font-size:12px; margin:0 0;}
#header #gNav .gNav-list li.Btn a{-webkit-border-top-left-radius: 15px; -webkit-border-bottom-right-radius: 15px;-moz-border-radius-topleft: 15px;-moz-border-radius-bottomright: 15px; background:#666666; color: #FFFFFF; padding:4px 16px 6px;color:#FFFFFF;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}
#header #gNav .gNav-list li.Btn a:hover{color:#FFFFFF;text-decoration:none;  background-color:#CC0033;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}

/* #footer */
#footer{padding:15px 0;color:#ffffff;background:#000;}
#footer .inline{width:98%; margin:0 auto;}

/* #contents */
#contents{width:100%;padding:0 0 40px;margin:0 auto 30px;}

.FirstImp {width:98%; margin:0 auto 30px; overflow:hidden;}
/* MAIN VISUAL */
.FirstImp .MV{width:34%;padding:0 0; float:left;overflow:hidden;}
.FirstImp .MV img{width:100%; height:auto;}

.UC {width:98%; margin:0 auto 30px; overflow:hidden;}
.UC .Img { text-align:center;}
.UC .Img img { width:100%; height:auto;}
.UC .UnderC { text-align:center; font-size:20px; letter-spacing:2px;}

.FirstImp .Right { float:right; width:64%; margin-top:10px;}
.FirstImp .Right .LangBlock { overflow:hidden; float: right; margin-bottom:20px; height:60px; width:100%;}
.FirstImp .Right .LangBlock .Btn{text-align:center; float:right; width:90px; line-height:1.4; font-size:12px; padding-top:4px;}

.FirstImp .Right .Title { overflow:hidden; width:100%}
.FirstImp .Right .Title .Logo { float:left; width:30%;}
.FirstImp .Right .Title .Logo img { width:100%; height:auto;}
.FirstImp .Right .Title .Name { float:right; width:68%; color:#CC0033; font-size:300%; font-weight:normal; line-height:1.4; padding-top:20px;}
.FirstImp .Right .Title .Name span { color:#fff; display:block;}
.FirstImp .Right .SNSBlock { border-bottom:1px solid #FAFAFA; margin-bottom:20px;}
.FirstImp .Right .SNSBlock ul { overflow:hidden;}
.FirstImp .Right .SNSBlock ul li { font-size:30px; float:right; margin-left:15px;}

.FirstImp .Right .DetBlock {}
.FirstImp .Right .DetBlock .MBlock { float:left; width:40%;}
.FirstImp .Right .DetBlock .MBlock a { color:#FFFFFF;}
.FirstImp .Right .DetBlock .MBlock ul { width:100%; overflow:hidden; font-size:16px;}
.FirstImp .Right .DetBlock .MBlock ul li { padding-bottom:3px;margin-bottom:10px; border-bottom:1px dotted #FFF; }

.FirstImp .Right .DetBlock .NBlock { float:right; width:58%;}
.FirstImp .Right .DetBlock .NBlock h2 { float:right; color:#FF9900; border-bottom:1px solid #FF9900; text-align:left; width:100%; font-size:18px; margin-bottom:15px;}
.NBlock #scroll {height:280px;width:100%;padding: 5px;overflow-y: scroll;-webkit-overflow-scrolling: touch; color:#FFFFFF;}
::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar-track {background:#CCCCCC;}
::-webkit-scrollbar-thumb { background:#999999;}
::-webkit-scrollbar-thumb:window-inactive {background:#000;}
.NBlock #scroll li { border-bottom:1px dotted #FFFFFF; padding-bottom:6px; margin-bottom:15px;}
.NBlock #scroll li .Date {}
.NBlock #scroll li .LiveTitle {}
.NBlock #scroll li .Place { padding-bottom:10px; font-size:13px;}
.NBlock #scroll li .Place a { color:#FFFFFF; text-decoration:underline;}
.NBlock #scroll li .Detail { font-size:11px;}

.YT ul{ overflow:hidden; width:100%; overflow:hidden; margin:0 auto;}
.YT ul li { float:left; width:96%; margin:0 2% 20px;position: relative ;margin-top: 1.2em;margin-bottom: 1.2em;padding-top: 69px;padding-bottom: 50%;overflow: hidden;}
.YT ul li iframe {position: absolute;top: 0;left: 0;height: 100%;width: 100%;}


.LInfo { width:98%; margin:0 auto 80px; color:#FFFFFF;}
.LInfo .LessonHead { text-align:center; background:url(../img/bg-lesson.png) no-repeat; margin-bottom:30px;}
.LInfo h2 { text-align:center; font-size:20px; margin-bottom:20px;}
.LInfo p { text-align:center; font-size:16px; margin-bottom:20px; line-height:1.6}
.LInfo .Btn{text-align:center;width:150px; line-height:1.4; font-size:16px; padding-top:4px; margin:0 auto 60px;}


/* Normal */
.NormalBlock {width:99%; margin:0 auto 30px; overflow:hidden;}
.NormalBlock .MV{width:22%;padding:0 0; float:left;overflow:hidden;}
.NormalBlock img{width:100%; height:auto;}
.NormalBlock .Right { float:right; width:76%; margin-top:10px;}
.NormalBlock .Right .Title { overflow:hidden; width:100%; color:#FFFFFF; padding-bottom:4px; border-bottom:15px; border-bottom:1px solid #FFF; font-size:26px; font-weight:normal; letter-spacing:2px;}
.NormalBlock .Right .SNSBlock {margin-bottom:20px;}
.NormalBlock .Right .SNSBlock ul { overflow:hidden;}
.NormalBlock .Right .SNSBlock ul li { font-size:30px; float:right; margin-left:15px;}

/* Gear */
.GearPhoto {}
.GearPhoto .Photo{}
.GearPhoto .txt{ color:#FFFFFF; font-size:16px; padding-bottom:30px;}


}

@media screen and (max-width: 858px) { /* SmartPhone Display - width:727px under - */
/*========================================

BASIC

=======================================*/
/* common style */
img{width:100%;height:auto;}


/* responsd View*/
.pcView{display:none;}
.spView{display:inline;}


/* COMMON
=======================================*/
/* #wrapper */
#wrapper{padding:0 0 0; font-size:14px;}

/* #header */
#header{display:block;background:#171717;border-bottom:4px solid #000; height:50px; overflow:hidden;}
#header .Logo{ width:61px; float:left;}
#header .Logo a{width:61px;padding:10px 0 6px 5px;display:block;}
#header .Logo a img{width:100%;height:auto;}
.top {background:#171717; border-bottom:4px #CCCCCC solid; color: #fff;position: absolute;left: 0;top: 0;right: 0;z-index: 51;overflow: hidden;}
.drawer { width:100%; display:block; -webkit-transform: translate3d(0, -191px, 0);-moz-transform: translate3d(0, -191px, 0);-o-transform: translate3d(0, -191px, 0);transform: translate3d(0, -191px, 0);-webkit-transition:-webkit-transform 0.25s linear;-moz-transition:-moz-transform 0.25s linear;-o-transition:-o-transform 0.25s linear;transition:transform 0.25s linear; position:absolute; top:-105px;z-index: 50;}
.drawer.active {-webkit-transform: translate3d(0,180px,0);-moz-transform: translate3d(0,180px,0);-o-transform: translate3d(0,180px,0);transform: translate3d(0,180px,0);}
a.eng {-webkit-border-top-left-radius: 15px; -webkit-border-bottom-right-radius: 15px;-moz-border-radius-topleft: 15px;-moz-border-radius-bottomright: 15px;position: absolute;z-index: 3;border:1px solid 7e8384;text-decoration: none;top: 1em;right:5.51em;color:#fff;text-transform: uppercase;font-size: 14px;padding: 0.4em 0.7em; background:#7e8384;}
a.menu {-webkit-border-top-left-radius: 15px; -webkit-border-bottom-right-radius: 15px;-moz-border-radius-topleft: 15px;-moz-border-radius-bottomright: 15px;position: absolute;z-index: 3;border:1px solid 7e8384;text-decoration: none;top: 1em;right:0.51em;color:#fff;text-transform: uppercase;font-size: 14px;padding: 0.4em 0.7em; background:#7e8384;}
a.menu span {font-size:1.6em;vertical-align: -0.15em;}
nav ul.SPNav {list-style:none; width:100%;}
nav ul.SPNav li {background:#7e8384; width:94%;}
nav ul.SPNav a li {display: block;text-decoration: none;background:#7e8384;color:#fff; font-size:16px; padding:10px 3%; -moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s; border-bottom:1px solid #333333;}
nav ul.SPNav a li:hover { color:#CC0033;text-decoration:none; padding-left:10px;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}
.acordion{background:#fff;box-shadow: 0 0 4px rgba(0,0,0,0.3);border-radius:5px;margin-bottom:15px;}
.trigger{padding:10px 10px 10px 15px;background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e5e5e5), color-stop(0.00, #ffffff));background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);background: linear-gradient(top, #ffffff 0%, #e5e5e5 100%);border-radius:5px;font-size:100%;}
.trigger.active{border-radius:5px 5px 0 0;border-bottom:1px solid #cfcfcf;} 
.acordion_tree, .acordion_treeOpen{padding:0;font-size:100%; width:100%;}
.open-close {float:right;text-indent:-9999px;display:block;margin-top:3px;height:11px;width:20px;background:url(../img/open.png) no-repeat;-webkit-background-size:20px 11px;}
.trigger.active .open-close{background:url(../img/close.png) no-repeat;-webkit-background-size:20px 11px;}
.ColTxt br{ display:none;}

/* Fallbacks */
.no-csstransforms .top {position: static;}
.no-csstransforms .drawer nav {display: none;}
.no-csstransforms .drawer.active nav {isplay: block;}

/* #footer */
#footer{padding:10px 0;color:#ffffff; background:#000000;}
#footer .inline{width:98%;margin:0 auto;}



/*MAIN
========================================*/
/* #contents */
#contents{width:100%;padding:18px 0 40px;margin:0 auto; overflow:hidden;}
/* #main*/
#main{width:100%; margin:0 auto;}


/* MAIN VISUAL */
.FirstImp {width:100%; margin:0 auto 20px; overflow:hidden;}
.FirstImp .MV{width:100%; padding:0 0; float:none; overflow:hidden;}
.FirstImp .MV img{width:100%; height:auto;}

.UC {width:94%; overflow:hidden;}
.UC .Img { text-align:center;}
.UC .Img img { width:100%; height:auto;}
.UC .UnderC { text-align:center; font-size:20px; letter-spacing:2px;}

.FirstImp .Right { float:none; width:98%; margin:10px auto;}
.FirstImp .Right .LangBlock { overflow:hidden; float: right; margin-bottom:20px; height:30px; width:100%;}
.FirstImp .Right .LangBlock .Btn{text-align:center; float:right;}
.FirstImp .Right .Title { overflow:hidden; width:100%}
.FirstImp .Right .Title .Logo { float:none; width:20%; margin:0 auto 6px;}
.FirstImp .Right .Title .Logo img { width:100%; height:auto;}
.FirstImp .Right .Title .Name {float:none; width:100%; text-align:center; color:#CC0033; font-size:280%; font-weight:normal; line-height:1.2; padding-top:0; margin-bottom:15px;}
.FirstImp .Right .Title .Name span { color:#fff; display:block;}
.FirstImp .Right .SNSBlock { border-bottom:1px solid #FAFAFA; margin-bottom:20px; width:100%; margin:0 auto 20px;}
.FirstImp .Right .SNSBlock ul { overflow:hidden;}
.FirstImp .Right .SNSBlock ul li { font-size:30px; float:right; margin-left:15px;}

.FirstImp .Right .DetBlock {}
.FirstImp .Right .DetBlock .MBlock { float:none; width:100%; margin:0 auto 20px;}
.FirstImp .Right .DetBlock .MBlock ul { width:100%; overflow:hidden; font-size:16px;}
.FirstImp .Right .DetBlock .MBlock ul li { padding-bottom:3px;margin-bottom:10px; border-bottom:1px dotted #FFF; }


.FirstImp .Right .DetBlock .NBlock { float:none; width:100%;}
.FirstImp .Right .DetBlock .NBlock h2 { float:right; color:#FF9900; border-bottom:1px solid #FF9900; text-align:left; width:100%; font-size:18px; margin-bottom:15px;}
.NBlock #scroll {height: 360px;width:96%;padding: 5px;overflow-y: scroll;-webkit-overflow-scrolling: touch; color:#FFFFFF; margin:0 auto 15px}
::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar-track {background:#CCCCCC;}
::-webkit-scrollbar-thumb { background:#999999;}
::-webkit-scrollbar-thumb:window-inactive {background:#000;}

/*YouTube*/
.YT {}
.YT h2{}
.YT .Block{}
.YT ul{ overflow:hidden; width:100%; overflow:hidden; margin:0 auto;}
.YT ul li { float:left; width:96%; margin:0 2% 20px;position: relative ;margin-top: 1.2em;margin-bottom: 1.2em;padding-top: 69px;padding-bottom: 50%;overflow: hidden;}
.YT ul li iframe {position: absolute;top: 0;left: 0;height: 100%;width: 100%;}

.L-News {}
.L-News h2{}
.L-News .Block{width:96%; margin:0 2% 20px;}
.L-News .Block p{ margin-bottom:25px;}
.L-News .Block dl{padding:10px 0;width:100%;}
.L-News .Block dl dt{width:50%;}
.L-News .Block dl dd{width:50%;}

.Interview {}
.Interview h2{}
.Interview .Block{padding:30px 0; overflow:hidden; width: 100%; margin: 0 auto;}



.LInfo { width:98%; margin:0 auto 80px; color:#FFFFFF;}
.LInfo .LessonHead { text-align:center; background:none; margin-bottom:30px;}
.LInfo .LessonHead img{ width:87px; height:86px;}
.LInfo h2 { text-align:center; font-size:20px; margin-bottom:20px;}
.LInfo p { text-align:center; font-size:14px; margin-bottom:20px; line-height:1.6}
.LInfo .Btn{text-align:center;width:200px; line-height:1.4; font-size:16px; padding:4px 4% 0; margin:0 auto 60px;}

/* Normal */
.NormalBlock {width:100%; margin:0 auto 30px; overflow:hidden;}
.NormalBlock .MV{width:100%;float:none;}
.NormalBlock img{width:100%; height:auto;}
.NormalBlock .Right { float:none; width:98%; margin:10px auto;}
.NormalBlock .Right .Title { overflow:hidden; width:100%; color:#FFFFFF; padding-bottom:4px; margin-bottom:15px;font-size:26px;}

/* Gear */
.GearPhoto {}
.GearPhoto .Photo{}
.GearPhoto .txt{ color:#FFFFFF; font-size:16px; padding-bottom:20px;}

/* Prof */
.Prof {}
.Prof dl {margin-bottom:15px;}
.Prof dl dt { width:100%; float:none; font-size:120%;}
.Prof dl dd { width:100%; float:none;}

.ProfBlock h2.NameImg {margin:5px auto 20px; text-align:center;}
.ProfBlock h2.NameImg img { width:260px; height:25px; padding-top:3%;}


.StoreBlock {}
.StoreBlock h2 { font-size:160%; margin-bottom:15px; background:#2F2F2F; color:#fff; padding:1% 2%;}
.StoreBlock .Block { padding-bottom:5px;  overflow:hidden;}
.StoreBlock h3 { font-size:140%; color:#5696CF;}
.StoreBlock .Jacket { float:none; width:96%; margin:0 auto 15px;}
.StoreBlock .Jacket img { width:100%; height:auto;}
.StoreBlock .Detail { float:none; width:96%; margin:0 auto 15px;}
.StoreBlock .Catch { font-size:120%; margin-bottom:15px;}
.StoreBlock .List {border-bottom:1px solid #666; margin-bottom:30px; overflow:hidden; padding-bottom:10px;}
.StoreBlock .List .L { float:left; width:100%;}
.StoreBlock .List .R { float:right; width:100%;}
.StoreBlock ul { font-size:90%; overflow:hidden; margin-bottom:10px;}
.StoreBlock ul .head { font-weight:bold;}
.StoreBlock ul li {}

.BuyBtn { float:none; width:100%;}
.Comm { width:90%; margin:0 auto 20px; overflow:hidden;}
.Comm ul { width:98%; margin:0 1% 20px;}
.Comm ul .head{ font-size:110%; margin-bottom:10px;}

/* Books */
.BookBlock .Photo, .EditorialBlock .Photo, .DVDBlock .Photo { float:none; width:40%; margin:0 auto;}
.BookBlock .Photo img, .EditorialBlock .Photo img, .DVDBlock .Photo img { width:100%; height:auto;}
.BookBlock .Detail, .EditorialBlock .Detail, .DVDBlock .Detail { float:none; width:100%;}
.BookBlock .Catch, .EditorialBlock .Catch, .DVDBlock .Catch { font-size:120%; margin-bottom:15px;}
.BookBlock .BuyBtn, .EditorialBlock .BuyBtn, .DVDBlock .BuyBtn { width:100%; margin:0}

/* Contact */
.ContactBlock input[type=button] {display: inline-block;width: 100%;height: 44px;text-align: center;line-height: 40px;}
.ContactBlock input[type=button]:hover {}


/*-------------------- max-width:640px --------------------*/}