@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------MainVisual*/
#MainVisual{ margin-bottom:20px;}

#MainTxt { width: 92.6%; margin: 0 auto; text-align: center; padding-bottom: 30px; }
#MainTxt .main { font-size: 4.5vw; }
#MainTxt .main strong { font-size: 7.5vw; font-weight: normal; }
#MainTxt .sub { font-size: 3.5vw; letter-spacing: 1px;}
#MainTxt .sub:after { content:""; width: 20%; display: block; border-bottom: 3px solid #d4d4d4; margin: 0 auto; padding-bottom: 30px; }


/*------------------------------------------------Lineup*/
#Lineup { margin-bottom:40px; }
#Lineup .sec + .sec { padding-top:30px; }


/*------------------------------------------------type*/
#Lineup #type { }
#Lineup #type .Entry {width: 92.6%;margin: 0 auto;display: flex;}
#Lineup #type .Entry + .Entry{ margin-top:15px;}
#Lineup #type .Entry .photo { width: 50%; background-size:cover; background-repeat: no-repeat; background-position: center center; }
#Lineup #type .Entry .main {color:#fff;width: 50%;}
#Lineup #type .Entry .main h3 {text-align:center;padding-bottom:10px;padding: 10px;}
#Lineup #type .Entry .main h3 .ttl {font-weight:normal;font-size: 5vw;padding-bottom:5px;}
#Lineup #type .Entry .main h3 .sub {font-weight:normal;font-size: 1.0rem;}
#Lineup #type .Entry .main .btnLocal{margin:0 10px;padding-bottom: 15px;}
#Lineup #type .Entry .main a{border-color:#fff;color:#fff;font-size:1.2rem;letter-spacing:2px;padding: 5px;}
#Lineup #type .Entry#tour { background-color:#7D7C40; }
#Lineup #type .Entry#air { background-color:#436C7A;flex-direction:row-reverse }
#Lineup #type .Entry#AH { background-color:#78456D; }
#Lineup #type .Entry#AH .main h2 .ttl{ font-size:1.6rem;}

#Lineup #type .Entry.hover{filter: alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}
#Lineup #type .Entry.hover#tour { background-color:#9E9C52; }
#Lineup #type .Entry.hover#air { background-color:#588EA0; }
#Lineup #type .Entry.hover#AH { background-color:#9A588B; }

/*------------------------------------------------area*/
#Lineup #area { }
#Lineup #area .box { display: flex; flex-wrap: wrap; width: 92.6%; margin: 0 auto; justify-content: space-between; }
#Lineup #area .Entry { width: 30%; display: flex; position: relative; flex-direction: column; margin-bottom: 15px; }
#Lineup #area .Entry .photo { margin-bottom: 5px; }
#Lineup #area .Entry dl { position:relative; }
#Lineup #area .Entry dt { font-size: 4vw; line-height: 1.4; letter-spacing: 0px; }
#Lineup #area .Entry dt a { text-decoration:none; }
#Lineup #area .Entry dd { font-weight: normal; font-size: 1.5vw; letter-spacing: 1px; }
#Lineup #area .Entry dl:after { position: absolute; right: 0; top:50%; margin-top:-0.9em; content:"\f105"; font-family:FontAwesome; font-size: 2rem; }
#Lineup #area .Entry.hover dl { text-decoration:underline }
#Lineup #area .dstAll { width: 92.6%; margin: 0 auto; text-align: center; border: 3px solid #dcdcdc; padding: 15px; box-sizing: border-box; }
#Lineup #area .dstAll ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
#Lineup #area .dstAll li { margin-bottom: 8px; width: 49%; }
#Lineup #area .dstAll li.btn { width: 100%; }
#Lineup #area .dstAll li.btn button { width: 60%; }



/*------------------------------------------------Charm*/
#Charm { }
#Charm .Entry{width:92.6%;margin:0 auto;padding-bottom: 30px;}
#Charm dl { padding-top:10px; }
#Charm dt {text-align:center;font-size: 5vw;padding-bottom:5px;}

#Charm dd {}
#Charm .More {text-align:center;padding-bottom: 30px;}
#Charm .More h3 {font-weight:normal;font-size: 4vw;padding-bottom: 10px;border-top: 1px solid #999;padding-top: 15px;width: 92.6%;margin: 0 auto;}
#Charm .More h3 strong {font-weight: normal;}
#Charm .btnGlobal { width: 92.6%; margin: 0 auto;}


/*------------------------------------------------Special*/
#Special {margin-bottom:30px; }
#Special .sec{ width:92.6%; margin:0 auto; }
#Special .sec + .sec { padding-top:30px; }
#Special .box { }

/*------------------------------------------------topic*/
#topic .box .Entry {display: flex;justify-content:space-between;}
#topic .box .Entry + .Entry {margin-top: 10px;padding-top: 10px;border-top: 1px solid #ccc;}
#topic .box .Entry .photo {margin-bottom:5px;width: 35%;}
#topic .box .Entry dl {width: 62%;}
#topic .box .Entry dt {display: flex;justify-content: space-between;flex-wrap: wrap;}
#topic .box .Entry dt p {font-size: 1.2rem;background-color: #000;color: #fff;letter-spacing: 0;padding: 0 4px;margin-bottom: 3px;}
#topic .box .Entry dt p strong{font-size: 2rem;line-height: 1.2;}
#topic .box .Entry dt p + p {background-color: inherit;color: #242424;padding: 0;font-size: 1.2rem;letter-spacing: 1px;}
#topic .box .Entry dd {padding-bottom: 3px;}
#topic .box .Entry dd.ttl{text-decoration: underline;}
#topic .box .Entry dd + dd {font-weight:normal;font-size: 1.2rem;padding-bottom: 0;}
#topic .btnLocal{ margin-top:15px;}


/*------------------------------------------------columnList*/
#columnList h2 { padding-bottom:20px; }
#columnList .box{ margin-bottom:15px;}
#columnList .Entry {display: flex;justify-content:space-between;}
#columnList .Entry + .Entry {margin-top: 5px;padding-top: 12px;border-top: 1px solid #ccc;}
#columnList .Entry .photo {margin-bottom:5px;width: 35%;}
#columnList .Entry dl {width: 62%;}
#columnList .Entry dt {display:flex;display: -ms-flexbox;justify-content: space-between;align-items: center;padding-bottom: 2px;margin-top: -5px;}
#columnList .Entry dt p {font-size: 1.6rem;letter-spacing: 1px;}
#columnList .Entry dt p strong{font-size: 2rem;line-height: 1.2;}
#columnList .Entry dt p + p {background-color: #000;color: #fff;padding: 0 5px;font-size: 1.2rem;width: 6em;text-align: center;letter-spacing: 0;}
#columnList .Entry dd {}
#columnList .Entry dd + dd {padding-bottom: 0;text-align: right;letter-spacing: 2px;}
#columnList .Entry dd.txt{ text-align: left; font-weight: normal; font-size:1.2rem;}
#columnList .Entry:hover dd a {text-decoration: underline;}
#columnList .Entry:hover dd.txt {text-decoration: underline;}


/*------------------------------------------------Classone*/
#Classone { position:relative;padding: 20px;background-color:#000;color:#FFF;background-size: contain;background-image: url(../../kanto/images/index/classone_bg.png);background-repeat: no-repeat;background-position: right bottom;}
#Classone:before{ content:""; background-image:url(../../kanto/images/common/opacity_balck60.png); display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1}

#Classone .box { position:relative; z-index:2;}
#Classone .box h2 {font-weight:normal;padding-bottom: 10px;text-align: center;font-size: 1.6rem;font-weight: normal;line-height: 1.6;letter-spacing: 2px;padding-bottom: 5px;}
#Classone .box h2 strong{font-size: 2.2rem;font-weight:normal;}
#Classone .box .txt {font-size: 1.4rem;padding-bottom: 10px;line-height: 1.8;}
#Classone .box .atte { padding-bottom: 20px; }
#Classone .box .btnGlobal { }
#Classone .box .btnGlobal a {background-color: transparent;border: 1px solid #fff;padding: 10px;font-size: 4vw;}
#Classone .box .btnGlobal a:hover { background-color: #fff; color: #242424; }

/*-------------------------------------------------ClassOneMmb*/
#ClassOneMmb {position: relative;z-index: 2;border: 3px solid #9a8037; padding: 15px;}
#ClassOneMmb .ttl {margin-bottom: 10px;}
#ClassOneMmb .ttl .logo {width: 35%;margin: 0 auto;padding-bottom: 20px;}
#ClassOneMmb .ttl .logo img { width: 100%; }
#ClassOneMmb .ttl dl {}
#ClassOneMmb .ttl dt {font-size: 4vw;padding-bottom: 15px;letter-spacing: 1px;text-align: left;}
#ClassOneMmb .ttl dt span{border: 1px solid #fff;display: block;font-size: 15px;padding: 3px 10px;text-align: center;margin-bottom: 5px;}
#ClassOneMmb .ttl dd {line-height: 1.8;}
#ClassOneMmb .topic {position: relative;padding: 10px;box-sizing: border-box;background-color: #2f2f2f;}
#ClassOneMmb .topic .inner { margin-top: -10px;}
#ClassOneMmb .topic dl {}
#ClassOneMmb .topic dt {background-color: #9a8037;color: #fff;display: inline-block;border-radius: 35px;padding: 1px 20px;font-weight: bold;font-size: 14px;margin-bottom: 7px;}
#ClassOneMmb .topic dd { font-weight: bold; }
#ClassOneMmb .topic dd em {font-family: 'Nunito', sans-serif;font-size: 24px;display: inline-block;padding: 0 2px;line-height: 1.2;}
#ClassOneMmb .topic dd strong {font-family: 'Nunito', sans-serif;background-color: #9a8037;color: #fff;font-size: 18px;border-radius: 35px;padding: 0px 10px;display: inline-block;margin: 0 5px;margin-top: 5px;}
#ClassOneMmb .topic dd .atte {font-weight: normal;font-size: 1.2rem;padding-top: 7px;}
#ClassOneMmb .topic .btn {margin-top: 10px;}
#ClassOneMmb .topic .btn a {text-align: center;text-decoration: none;color: #ffd96e;border-radius: 3px;font-size: 14px;font-weight: bold;position: relative;padding: 8px 20px;display: block;border: 2px solid #ffd96e;}
#ClassOneMmb .topic .btn a:after { position: absolute; right: 8px; top:50%; margin-top: -0.8em; content:"\f105"; font-family:FontAwesome; }
#ClassOneMmb .topic .btn a:hover {background-color: #9a8037;color: #fff;border-color: #9a8037;}
#ClassOneMmb .nyukai {margin-top: 20px;}
#ClassOneMmb .nyukai .txt {font-size: 1.4rem;font-weight: bold;text-align: center;}
#ClassOneMmb .nyukai .btn {margin-top: 10px;}
#ClassOneMmb .nyukai .btn a {text-decoration: none;background-color: #9a8037;color: #fff;font-weight: bold;padding: 10px 20px;display: block;text-align: center;border-radius: 3px;position: relative;font-size: 14px;border: 2px solid #9a8037;}
#ClassOneMmb .nyukai .btn a:after { position: absolute; right: 8px; top:50%; margin-top: -0.8em; content:"\f105"; font-family:FontAwesome; }
#ClassOneMmb .nyukai .btn a:hover {background: none;border-color: #ffd96e;color: #ffd96e;}
#ClassOneMmb .nyukai .btnOther a {text-decoration: none;color: #fff;font-weight: bold;padding: 10px 20px;display: block;text-align: center;border-radius: 3px;position: relative;font-size: 14px;border: 1px solid #fff;margin-top: 10px;}
#ClassOneMmb .nyukai .btnOther a:after { position: absolute; right: 8px; top:50%; margin-top: -0.8em; content:"\f105"; font-family:FontAwesome; }
#ClassOneMmb .nyukai .atte{ padding-top: 10px;}

#classone_Benefits { padding: 40px 0; }
#classone_Benefits h2 { color: #fff; padding-bottom: 30px; }
#classone_Benefits .maintxt { color: #fff; padding-bottom: 10px; }
#classone_Benefits .inner {width: 92.5%;margin: 0 auto;margin-bottom: 30px;}
#classone_Benefits .inner h3 { padding-bottom: 10px; }
#classone_Benefits .inner .main { border-bottom: 2px dotted #fff; padding-bottom: 15px; }
#classone_Benefits .inner .main .Entry { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
#classone_Benefits .inner .main .Entry + .Entry {margin-top: 6px;}
#classone_Benefits .inner .main .Entry + .Entry:before { content:""; background-image:url(../../kanto/images/smp/other/classone_topic_icon_plus.png); width: 100%; height: 20px; background-position: center; background-repeat: no-repeat; background-size: contain; }
#classone_Benefits .inner .main .Entry.total { width: 80%; margin: 0 auto; padding-top: 12px; }
#classone_Benefits .inner .main .Entry.total:before { content:""; background-image:url(../../kanto/images/smp/other/classone_topic_icon_arrow.png); height: 30px; }
#classone_Benefits .inner .main .Entry .photo { margin-right: 5%; width: 30%; padding-top: 5px; }
#classone_Benefits .inner .main .Entry dl { width: 65%; }
#classone_Benefits .inner .main .Entry dt { padding-bottom: 10px; }
#classone_Benefits .inner .main .Entry dd { }
#classone_Benefits .inner .main .Entry p { padding-top: 12px; }
#classone_Benefits .inner .sub { margin-top: -18px; margin-bottom: 15px; }
#classone_Benefits .inner .sub h4 { padding-bottom: 10px; }
#classone_Benefits .inner .sub ul { }
#classone_Benefits .inner .sub li { }
#classone_Benefits .inner .sub li + li { padding-top: 7px; }
#classone_Benefits .inner .atte {border: 1px solid #8a8a8a;padding: 7px;color: #fff;text-align: left;}
#classone_Benefits .inner .atte li { }
#classone_Benefits .inner .atte li + li { padding-top: 4px; }



/*------------------------------------------------News*/
#News{ margin-bottom:30px; margin-top:30px}
#News h2{ padding-bottom:20px;}
#News .box{width: 90%;margin:0 auto;max-height:250px;overflow: auto;padding-right: 10px;box-sizing:border-box;}
#News .box::-webkit-scrollbar {width: 10px;}
#News .box::-webkit-scrollbar-track {border-radius: 10px;background: #e0e0e0;}
#News .box::-webkit-scrollbar-thumb { border-radius:10px; background:#242424;}

#News .box .Entry{ }
#News .box .Entry + .Entry{border-top: 1px solid #CCC; padding-top:5px; margin-top:5px;}
#News .box .Entry .date{padding-bottom:3px;font-size: 4vw;letter-spacing: 1px;}
#News .box .Entry dl{display:flex;display: -ms-flexbox;align-items: baseline;padding-bottom:8px;}
#News .box .Entry dt{background-color: #242424;color: #fff;padding:0 5px;text-align:center;font-size: 1.0rem;width: 8em;}
#News .box .Entry dd{color: #242424;padding-left:10px;flex: 1;}

#News .box .Entry .end dt{ background-color:#CCC; }
#News .box .Entry .end dd{ color:#999;}

.hisBn{text-align: center;padding-bottom: 20px;width: 90%;margin: 0 auto;}


/*----------------------------------------------------ctcms*/
#Recom .ctcms{padding:15px}
#Recom #RecomTop .ctcms{background-color: #EEF3F4; }
#Recom #RecomTop .ctcms .linkArea:hover .btn a{background-color: #26549F; color:#fff; border-color:#26549F;}
#Recom #RecomTop .ctcms .linkArea .photo { width: 100%; }
#Recom #RecomTop .ctcms .Entry .main { width: 100%; color: #242424; }