@charset "shift_jis";
/* CSS Document */

/*-------------------------------------------------MainVisual*/
#MainVisual {position:relative;background-image:url(../../kanto/images/index/mainvisual_photo.png);background-size:60% auto;background-repeat: no-repeat;background-position: left top;margin-bottom: 30px;}
@media screen and (max-width: 1600px) {
#MainVisual { background-size:auto; }
}

#MainVisual:after { content:""; background-image:url(../../kanto/images/index/mainvisual_bg.png); background-size: 50% auto; background-repeat: no-repeat; background-position: right bottom; display:block; position:absolute; width:100%; height:100%; bottom: 0; right:0; z-index:-1; }

#MainVisual dl {padding-top: 40px;padding-bottom: 100px;width:960px;margin:0 auto;display: flex;flex-direction:row-reverse;justify-content:flex-start;}
@media screen and (max-width: 1600px) {
#MainVisual dl {padding-bottom: 30px;}
}

#MainVisual dt { padding-left:39px; writing-mode:vertical-rl; font-feature-settings: normal; font-size: 30px;}
#MainVisual dt strong { font-size: 43px;}
#MainVisual dd { padding-left:45px; writing-mode:vertical-rl; font-feature-settings: normal; font-size: 18px; line-height: 35px;}
#MainVisual dd + dd { font-size: 15px; line-height: 27px;}

/*------------------------------------------------Charm*/
#Charm  { padding-bottom:20px;}
#Charm .Flex{ margin: 40px auto 0; justify-content: space-between; width: 1020px; }
/*#Charm .Flex .Entry{width: 28%;margin-left: 4%;}*/
#Charm dl { padding-top:10px; }
#Charm dt { text-align:center; font-size:22px; padding-bottom:5px; }
@media screen and (max-width: 1400px) {
#Charm dt { font-size:18px; }
}
#Charm dd { font-size:16px; }

/*------------------------------------------------Lineup*/
/*#Lineup { margin-bottom:100px; }*/
#Lineup .sec + .sec { margin-bottom:60px; }
#Lineup .sec:last-child { margin-top:20px; }

/*------------------------------------------------type*/
#Lineup #type {}
/*#Lineup #type .Flex{width: 82%;margin: 0 auto;min-width: 1020px;align-items: stretch;}*/
#Lineup #type .Entry{display: flex;flex-direction: column;justify-content: space-around; width: 310px;margin-left: 0;}
#Lineup #type .Entry .photo { min-height: 0%; }
#Lineup #type .Entry .main {padding: 20px 20px;padding-bottom: 0;color:#fff;}
#Lineup #type .Entry .main h3 {text-align:center;padding-bottom:15px;}
#Lineup #type .Entry .main h3 .ttl { font-weight:normal; font-size:26px; padding-bottom:5px; }
#Lineup #type .Entry .main h3 .sub { font-weight:normal; font-size:12px; }
#Lineup #type .Entry .main .txt{padding-bottom: 15px;text-decoration: none;}
#Lineup #type .Entry .btn {margin-top: auto;padding: 0 20px;margin-bottom: 20px;}
#Lineup #type .Entry .btn a {border-radius: 3px;-webkit-border-radius : 3px;-moz-border-radius: 3px;display:block;font-weight:normal;position:relative;border:1px solid #fff;color:#fff;text-align:center;text-decoration:none;padding: 10px 30px;}
#Lineup #type .Entry .btn a:after { position: absolute; right: 5px; top:50%; margin-top:-0.8em; content:"\f105"; font-family:FontAwesome; font-size:24px; }
#Lineup #type .Entry:hover .btn a { font-weight:bold; background-color:#FFFFFF; }
#Lineup #type .Entry#tour { background-color:#7D7C40; }
#Lineup #type .Entry#air { background-color:#436C7A; }
#Lineup #type .Entry#AH { background-color:#78456D; }
#Lineup #type .Entry#tour:hover .btn a { color:#7D7C40; }
#Lineup #type .Entry#air:hover .btn a { color:#436C7A; }
#Lineup #type .Entry#AH:hover .btn a { color:#78456D; }
#Lineup #Recom { margin-bottom: 15px; }
#Lineup #Recom .box { width: 1020px; }
#Lineup #Recom .box .ctcms { flex-wrap: nowrap; justify-content: space-between;}
#Lineup #Recom .box .ctcms .Entry { margin-left: inherit;}
#Lineup .More { text-align:center; margin-bottom:50px; }
#Lineup .More h2 {font-size:18px;padding-bottom:20px;width: auto;margin:0 auto;border-top: 1px solid #999;display:inline-block;padding-top:20px;}
#Lineup .More h2 strong {font-size:22px;}
#Lineup .More .btnGlobal { width:700px; margin:0 auto; }
#Lineup .More .btnGlobal a { font-size:18px; }

/*------------------------------------------------Special*/
#Special { margin-bottom:80px; }
#Special .sec + .sec { margin-top:60px; }

/*------------------------------------------------topic*/
#Special #topic { width:1020px; margin:0 auto; }
#Special #topic .box { display: -ms-flexbox; display: flex; justify-content:space-between; margin-top: 1rem; }
#Special #topic .box + .box { }
#Special #topic .box .Entry { flex:1;}
#Special #topic .box .Entry + .Entry { margin-left:40px; }
#Special #topic .box .Entry .photo { margin-bottom:5px; }
#Special #topic .box .Entry dl { }
#Special #topic .box .Entry dt { display:flex; display: -ms-flexbox; justify-content: space-between; align-items: baseline; padding-bottom: 5px; }
#Special #topic .box .Entry dt p { background-color: #242424; color: #fff; padding: 0 10px; font-size: 12px; }
#Special #topic .box .Entry dt p + p { background-color: inherit; color: #242424; padding: 0; font-size: 14px; letter-spacing:1px;}
#Special #topic .box .Entry dd { }
#Special #topic .box .Entry:hover{ cursor:pointer;}
#Special #topic .box .Entry:hover dd{text-decoration: underline;}

/*------------------------------------------------columnList*/
#Special #columnList {width: 1020px;margin: 0 auto;margin-top:70px;}
#Special #columnList h2 { padding-bottom:30px; }
#Special #columnList .box {flex-wrap:nowrap;margin-bottom:30px;width:1020px;margin-left: 0;display: flex;justify-content: space-between;}
#Special #columnList .box .Entry {margin-bottom:0;margin-left: 0;width: 22%;}
#Special #columnList .box .Entry + .Entry {}
#Special #columnList .box .Entry .photo { padding-bottom: 7px; }
#Special #columnList .box .Entry .photo img { }
#Special #columnList .box .Entry dl { }
#Special #columnList .box .Entry dt { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2px; }
#Special #columnList .box .Entry dt p { font-size: 20px; letter-spacing: 2px; }
#Special #columnList .box .Entry dt p + p { background-color: #000; color: #fff; padding: 0 10px; font-size: 12px; letter-spacing: 0; }
#Special #columnList .box .Entry dd { font-size: 16px; font-weight: bold; padding-bottom: 8px; }
#Special #columnList .box .Entry dd a{text-decoration: none;}
#Special #columnList .box .Entry dd + dd { letter-spacing: 2px; text-align: right; }
#Special #columnList .box .Entry dd.txt { text-align: left; font-weight: normal; font-size: 14px; letter-spacing: 0; padding-bottom: 2px; }
#Special #columnList .box .Entry:hover dd a {text-decoration: underline;}
#Special #columnList .box .Entry:hover dd.txt {text-decoration: underline;}

/*------------------------------------------------Classone*/
#Classone {text-align: center;padding: 20px 0 45px 0;background-color:#000;color:#FFF;background-image: url(../../kanto/images/index/classone_bg.png);background-repeat: no-repeat;background-position: right bottom;background-size:40%;}

#Classone .box {width:1020px;box-sizing:border-box;margin:0 auto;}
#Classone .box dl {}
#Classone .box h2 {font-size:22px;line-height: 1.4;letter-spacing: 3px;padding-bottom: 20px;}
#Classone .box h2 strong{font-size:36px;}
#Classone .box .txt {font-size: 16px;line-height: 2;letter-spacing: 3px;padding-bottom: 20px;}

#Classone .box .atte {padding-bottom: 25px;}
#Classone .box .btnGlobal {width: 80%;margin: 0 auto;}
#Classone .box .btnGlobal a { background-color: transparent; border: 1px solid #fff; padding: 15px; font-size: 18px; }
#Classone .box .btnGlobal a:hover { background-color: #fff; color: #242424; }

/*-------------------------------------------------ClassOneMmb*/
#ClassOneMmb {position: relative;border-right: 4px solid #8B651C;border-left: 4px solid #8B651C;width: 1012px;margin: 0 auto;margin-top: 70px;margin-bottom:40px;}
#ClassOneMmb:before,
#ClassOneMmb:after { content:""; width: 1020px; height: 37px; left: -4px; display: block; position: absolute; }
#ClassOneMmb:before { background-image:url(../../kanto/images/common/classone_box_top.png); top: -37px; }
#ClassOneMmb:after { background-image:url(../../kanto/images/common/classone_box_btm.png); bottom: -37px; }

#ClassOneMmb .ttl:before {/* content:""; *//* background-image:url(../../kanto/images/common/classone_deco.png); *//* display: block; *//* width: 100%; *//* height: 23px; *//* background-size: contain; *//* background-position: center; *//* background-repeat: no-repeat; *//* margin-bottom: 25px; */}
#ClassOneMmb .ttl {margin: 0 auto;margin-bottom: 30px;}
#ClassOneMmb .ttl .logo { width: 195px; padding-top: 15px; }
#ClassOneMmb .ttl .logo img { width: 100%; }
#ClassOneMmb .ttl dl {}
#ClassOneMmb .ttl dt {font-size: 22px;padding-bottom: 15px;letter-spacing: 1px;display: flex;align-items: baseline;text-align: left;justify-content: center;}
#ClassOneMmb .ttl dt span{border: 1px solid #fff;display: inline-block;font-size: 15px;padding: 3px 10px;margin-right: 15px;}
#ClassOneMmb .ttl dd {line-height: 1.8;}
#ClassOneMmb .topic {margin: 0 auto;display: flex;border-radius: 3px;background-color: rgba(255, 255, 255, 0.2);align-items: center;text-align: left;width: 960px;padding: 20px;box-sizing: border-box;margin-bottom:15px;position: relative;border: 1px solid #9a8037;}
#ClassOneMmb .topic dl { flex-grow: 1;}
#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: 5px;position: absolute;top: -14px;left: 50%;margin-left: -8rem;}
#ClassOneMmb .topic dd { font-weight: bold; }
#ClassOneMmb .topic dd em { font-family: 'Nunito', sans-serif; font-size: 24px; display: inline-block; padding: 0 2px; }
#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;}
#ClassOneMmb .topic dd .atte {font-weight: normal;font-size: 12px;padding-top: 7px;display: inline-block;padding-left: 10px;}
#ClassOneMmb .topic .btn {white-space: nowrap;}
#ClassOneMmb .topic .btn a {text-align: center;text-decoration: none;color: #ffd96e;border-radius: 3px;font-size: 16px;font-weight: bold;position: relative;padding: 15px 70px;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 {width: 960px;margin: 0 auto;}
#ClassOneMmb .nyukai .txt {font-size: 18px;padding-bottom: 20px;letter-spacing: 1px;}
#ClassOneMmb .nyukai .btn {}
#ClassOneMmb .nyukai .btn a {text-decoration: none;background-color: #9a8037;color: #fff;font-weight: bold;padding: 14px 160px;border-radius: 3px;font-size: 16px;display: inline-block;position: relative;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;color: #ffd96e;border-color: #ffd96e;}
#ClassOneMmb .nyukai .btnOther{ padding-top:15px;}
#ClassOneMmb .nyukai .btnOther a{ padding:10px; background-color:inherit; border:1px solid #fff;color: #fff;text-decoration: none;padding: 20px 55px;font-size: 13px;font-weight: bold;display: inline-block;position:relative;}
#ClassOneMmb .nyukai .btnOther a + a{ margin-left: 20px;}
#ClassOneMmb .nyukai .btnOther a:after{ position: absolute; right: 8px; top:50%; margin-top: -0.8em; content:"\f105"; font-family:FontAwesome; }
#ClassOneMmb .nyukai .btnOther a:hover{ background-color:#9a8037; color:#fff; border-color:#9a8037;}

#ClassOneMmb .nyukai .atte{font-size: 12px;text-align: center; padding-top: 12px;}
#classone_Benefits { padding: 40px 0; }
#classone_Benefits h2 { color: #fff; padding-bottom: 30px; }
#classone_Benefits .maintxt { color: #fff; padding-bottom: 30px; }
#classone_Benefits .inner { padding-bottom: 20px; }


/*------------------------------------------------News*/
#News{ margin-bottom:60px; margin-top:60px}
#News h2{ padding-bottom:20px;}
#News .box{width:1020px; margin:0 auto; max-height:250px;overflow: auto; padding-right: 20px; 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 dl{display:flex; display: -ms-flexbox;  align-items: baseline; padding-bottom:8px;}
#News .box .Entry dt{ background-color: #242424; color: #fff; width:8em; padding:0 5px; text-align:center; font-size: 12px; }
#News .box .Entry dd{color: #242424; padding-left:10px; font-size: 14px;}

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


.hisBn{ text-align: center; padding-bottom: 60px;}