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


body { margin: 0; padding: 0; position: relative; }
 
:root {
	font-size:14px;
	font-family:"Crimson Text", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-feature-settings : "palt" 1;
	line-height:1.5;
}
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; letter-spacing: 0.1em; }
section{ z-index: 0; }

header{ z-index: 122; width: 100%; padding-top: 16px; padding-bottom: 16px; padding-left: 16px; overflow: hidden; padding-right: 16px; position: fixed; top: 0px; }
header a#gp_logo{ float: left; }


header ul#right_link{ overflow: hidden; display: block; float: right; margin-top: 2px; }
header ul#right_link li{ border-left: 1px solid rgba(255,255,255,0.75); display: inline-block; }
header ul#right_link li:first-child{ border-left-style: none; }
header ul#right_link li a{ color: rgba(255,255,255,1.00); font-size: 11px; padding-left: 15px; padding-right: 15px; padding-top: 4px; padding-bottom: 4px;white-space:nowrap; }
header ul#right_link li a#to_pgmtop{ }
header ul#right_link li a#to_grpgmtop{}
header ul#right_link li a#to_brandtop{}

/*
header a#to_pgmtop:before{ content: '▼'; width: 11px; height: 11px; display: inline-block; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); margin-right: 8px; vertical-align: middle; }
*/
.gpgm_combtn{ background-image: -webkit-linear-gradient(270deg,rgba(41,41,41,1.00) 0%,rgba(35,35,35,1.00) 47.67%,rgba(31,31,31,1.00) 51.29%,rgba(34,34,34,1.00) 100%); background-image: linear-gradient(180deg,rgba(41,41,41,1.00) 0%,rgba(35,35,35,1.00) 47.67%,rgba(31,31,31,1.00) 51.29%,rgba(34,34,34,1.00) 100%); color: rgba(255,255,255,1.00); display: inline-block; padding-top: 6px; padding-bottom: 6px; line-height: 1.4em; background-color: rgba(0,0,0,1.00); }
.gpgm_combtn:before{ content: ''; width: 11px; height: 11px; display: inline-block; background-image: url(../img/arr_02.svg); background-repeat: no-repeat; background-position: center center; background-size: 100% auto; margin-right: 8px; }
.gpgm_arrbtn{ cursor: pointer; z-index: 120; }

.gpgm_combtn_gd{ color: rgba(255,255,255,1.00); display: inline-block; padding-top: 8px; padding-bottom: 8px; line-height: 1.4em; background-image: -webkit-linear-gradient(270deg,rgba(206,153,27,1.00) 0%,rgba(171,127,23,1.00) 49.00%,rgba(158,118,21,1.00) 50.00%,rgba(148,110,20,1.00) 100%); background-image: linear-gradient(180deg,rgba(206,153,27,1.00) 0%,rgba(171,127,23,1.00) 46.11%,rgba(158,118,21,1.00) 53.37%,rgba(148,110,20,1.00) 100%); color: rgba(255,255,255,1.00); }
.gpgm_combtn_gd:before{ content: ''; width: 11px; height: 11px; display: inline-block; background-image: url(../img/arr_02.svg); background-repeat: no-repeat; background-position: center center; background-size: 100% auto; margin-right: 8px; }

footer{ position: absolute; bottom: 0px; z-index: 1202; width: 100%; padding-top: 12px; padding-bottom: 12px; padding-left: 16px; overflow: hidden; padding-right: 16px; background-color: rgba(17,17,17,1.00); }
footer a{ float: left; height: 27px; }
footer a img{ height: 100%; }
footer .copyr{ color:#FFF; float: right; font-size:max(min(1.2vw,12px),10px); transform:translateY(25%); }

#menu{ position: fixed; left: 0px; width: 100%; display: block; z-index: 122; text-align: center; font-size: 0; bottom: 0px; right: 0px; letter-spacing: -.4em; border-top:1px solid rgba(191,155,70,1);}
#menu li{ display: inline-block; width: calc(100% / 6); padding-top: 1px; letter-spacing: normal; padding-right: 1px;position:relative;}
#menu li:last-child{ padding-right: 0px;}
#menu li.new:before{background:url(../img/icon_new_gold.svg) no-repeat;background-size:contain;content:'';display:inline-block;height:30px;position:absolute;left:5px;top:-15px;width:max(min(3vw,58px),40px);z-index:100;}
#menu li a{ cursor: pointer; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-size: auto 100%; background-position: center -20px; position: relative; overflow: hidden; }
#menu li a strong{ position: absolute; background-color: #B00002; font-weight: normal; color: #FFFFFF; line-height: 1em; font-size: 12px; padding-top: 2px; padding-bottom: 2px; top: 0px; width: 100%; text-align: center; left: 0px; }

/* ***** ローカルナビゲーションの吹き出し設定 ***** */
@media screen and (min-width:960px){
	#menu li p.img{display:none;left:calc(6.25vw - 125px);height:132px;position:absolute;top:-137px;width:250px;}
	#menu li.narashino p.img{background:url(../img/thm_narashino.jpg) no-repeat;background-size:cover;}
	#menu li.narita p.img{background:url(../img/thm_narita.jpg) no-repeat;background-size:cover;}
	#menu li.higashichiba p.img{background:url(../img/thm_higashichiba.jpg) no-repeat;background-size:cover;}
	#menu li.oakhills p.img{background:url(../img/thm_oakhills.jpg) no-repeat;background-size:cover;}
	#menu li.glenoaks p.img{background:url(../img/thm_glenoaks.jpg) no-repeat;background-size:cover;}
	#menu li.southernlinks p.img{background:url(../img/thm_southernlinks.jpg) no-repeat;background-size:cover;}
	#menu li:nth-child(3) p.img,#menu li:nth-child(11) p.img{left:0;}
	#menu li:nth-child(10) p.img,#menu li:nth-child(18) p.img{left:inherit;right:0;}
	#menu li p.img span{background-color:rgba(0,0,0,0.7);bottom:0;color:#FFF;display:inline-block;font-size:11px;left:0;padding:3px 0;position:absolute;text-align:center;width:100%;}
	#menu li a:hover + .img {display: block;}
}

#menu li a .gpgm_combtn{ width: 100%; display: block; font-size: 12px; letter-spacing: -0.1em; line-height: 1.3em; }
#menu li a .gpgm_combtn:before{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-size: 9px auto; background-position: 8px 98px; }
#menu li.active a .gpgm_combtn{ background-color: #625A45; background-image: none; }

#menu li:nth-child(1) { display: none; }
#menu li:nth-child(2) { display: none; }

#menu li[data-menuanchor="sunhills"] a{background-image: url(../img/thm_sunhills.jpg); }
#menu li[data-menuanchor="prestige"] a{ background-image: url(../img/thm_prestage.jpg); }
#menu li[data-menuanchor="miho"] a{ background-image: url(../img/thm_miho.jpg); }
#menu li[data-menuanchor="ryugasaki"] a{ background-image: url(../img/thm_ryugasaki.jpg); }
#menu li[data-menuanchor="chiyoda"] a{ background-image: url(../img/thm_chiyoda.jpg); }
#menu li[data-menuanchor="segovia"] a{ background-image: url(../img/thm_segovia.jpg); }
#menu li[data-menuanchor="sohbu"] a{ background-image: url(../img/thm_sohbu.jpg); }
#menu li[data-menuanchor="hananoki"] a{ background-image: url(../img/thm_hananoki.jpg);}
#menu li[data-menuanchor="ibaraki"] a{ background-image: url(../img/thm_ibaraki.jpg);background-position: center -33px; }
#menu li[data-menuanchor="okinawa"] a{ background-image: url(../img/thm_okinawa.jpg); }
#menu li[data-menuanchor="rifu"] a{ background-image: url(../img/thm_rifu.jpg); }
#menu li[data-menuanchor="katsura"] a{ background-image: url(../img/thm_katsura.jpg); }
#menu li[data-menuanchor="sohsei"] a{ background-image: url(../img/thm_sohsei.jpg); }

#menu li.noGc{ height: 44px; }
#menu li.noGc span{ background-color: #222; width: 100%; height: 100%; display: inline-block; }
#menu li.noGc.sub{ display: none; }

#opcl_btn{ display: none; }






.section{ background-size: cover;}
/*.section .gpgm_main{ width: 100%; overflow: hidden; min-width: 960px; display: block; position: absolute; top: 0px; height: 100%; background-color: rgba(0,0,0,0.40); }*/
.section .gpgm_main{ width: 100%; overflow: hidden; min-width: 960px; min-height: 100vh; display: block; background-color: rgba(0,0,0,0.40); }
.section .gpgm_main .cont_box{ width: 100%; z-index: 12000; padding-top: 80px; height: 100vh; }
.section .gpgm_main .cont_box .dot_box{ background-repeat: repeat;/* [disabled]background-image: url(../img/dot_bg01.png); */ width: 100%; height: 100%; display: block; /*padding-bottom: 230px;*/ }
.section:last-child .gpgm_main{ min-height: 800px; }
.section#sec_comovie .gpgm_main{ min-height: 100%; background-color: transparent; }

.fp-tableCell{ vertical-align: top; }

.movie_box{ width: 100%; margin-left: auto; margin-right: auto; display: block; overflow: hidden; margin-bottom: auto; position: relative; text-align: center; height: 100vh; }
.movie_box a.gpgm_arrbtn{ display: block; position: absolute; bottom: 220px; left: 0px; right: 0px; }

/* ## movie ## */
.movie_box #index_movwrapper {}
video#myVideo{ position: absolute; right: 0; top: 0; left: 0; bottom:0; width: 100%; height: 100%; background-size: 100% 100%; background-color: black; background-position: center center; object-fit: cover; -o-object-fit: cover; z-index: 1; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto;}
video::-webkit-media-controls { display:none !important;}


.mess_box{ width: 100%; margin-left: auto; margin-right: auto; display: block; overflow: hidden; margin-bottom: auto; position: relative; text-align: center; padding-left: 4%; padding-right: 4%; }
.mess_box h1{ padding-bottom: 8px; color: rgba(255,255,255,1.00); font-size: 32px; padding-top: 8px; padding-left: 30px; padding-right: 30px; background-color: rgba(0,0,0,1.00); display: inline-block; margin-bottom: 20px;white-space:nowrap; }
.mess_box h1 br{ display: none; }
.mess_box h2{ color: rgba(255,255,255,1.00); font-size: 15px; line-height: 1.8em; padding-bottom: 5vh; }
.mess_box h2 br.ereg{ display: none; }

.mess_box a.gpgm_arrbtn{ display: block; }

.course_box{ width: 960px; margin-left: auto; margin-right: auto; display: block; overflow: hidden; margin-top: 10vh; margin-bottom: auto; position: relative; }
.course_box h2{ width: 50%; padding-bottom: 30px; }
.course_box h2 img{ }
.course_box h3{ width: 50%; color: #FFFFFF; font-size: 23px; padding-bottom: 16px; }
.course_box h4{ width: 50%; color: #FFFFFF; font-size: 14px; }
.course_box a.gpgm_combtn_gd{ width: 280px; text-align: center; margin-top: 40px; }

.course_box .cphoto_sl{ width: 45%; overflow: hidden; height: auto; position: absolute; right: 0px; top: 0px; }
.course_box .cphoto_sl li.slick-slide{ display: block; width: 100%; }
.course_box .cphoto_sl li.slick-slide img{ width: 100%; height: auto; }

.course_box .course_ptop{ display: block; width: 100%; margin-top: 40px; text-align: center; cursor: pointer; }
.course_box .course_ptop a{ display: inline-block; }

.section#sec_comovie{ overflow: hidden; background-image: url(../img/scene01.jpg); }
.section#sec_comovie .gpgm_main .cont_box{ padding-top: 0px; }

.section#sec_message{ background-image: url(../img/bg_message.jpg); }
.section#sec_narashino{ background-image: url(../img/bg_narashino.jpg); background-position: center bottom; }
.section#sec_glenoaks{ background-image: url(../img/bg_glenoaks.jpg); background-position: center bottom;}
.section#sec_oakhills{ background-image: url(../img/bg_oakhills.jpg); background-position: center bottom;}
.section#sec_higashichiba{ background-image: url(../img/bg_higashichiba.jpg); background-position: center bottom }
.section#sec_narita{ background-image: url(../img/bg_narita.jpg); background-position: center bottom }
.section#sec_southernlinks{ background-image: url(../img/bg_southernlinks.jpg); background-position: center bottom }

.iScrollVerticalScrollbar{ display: none; }


/* for detect windowsize */
#u960 { display: block; width: 0; height: 0; }


@media (max-height: 680px) {

.mess_box h1{ font-size: 26px; }
.mess_box h2{ line-height: 1.6em; padding-bottom: 4vh; }
.mess_box h2 br.norm{  }

.course_box{ margin-top: 8vh; }
.course_box h2{ padding-bottom: 20px; }
.course_box h3{ padding-bottom: 12px; }
.course_box a.gpgm_combtn_gd{ margin-top: 26px; }


}

@media(min-width: 1350px) and (min-height: 650px){

.mess_box{ margin-top: 6vh; }
.course_box{  }

}

@media (min-height: 1365px){
.mess_box h1{ font-size: 46px; }
.mess_box h1 br{ display: block; }
.mess_box h2{ font-size: 19px; line-height: 2.8em; }
.mess_box h2 br.ereg{ display: none; }
}

@media (max-width: 1350px) {
/* #menu li{ width: 12.5%!important; } */


#menu li a{ background-size: 100% auto; background-position: 0% bottom; }
#menu li a .gpgm_combtn:before{ background-position: 8px 62px; }
.movie_box a.gpgm_arrbtn{ bottom: 250px; }
.section .gpgm_main{ min-height: 800px; }
.section:last-child .gpgm_main{ min-height: 1000px; }
.section#sec_comovie .gpgm_main{ min-height: 100%; }

}

@media (max-width: 960px) {


#menu li{-webkit-text-size-adjust: 100%;}
#menu li a{-webkit-text-size-adjust: 100%;}
#menu li.noGc span{min-height: 45px;}
#menu li.noGc.sub{display: inline-block;}


#menu{ z-index: 1300; background-color: #000000; position: fixed; bottom: -104px; }
#menu li { height: 46px; vertical-align: top; }
#menu li a .gpgm_combtn{ height: 100%; display: block; padding-top: 8px; }
#menu li a strong{ font-size: 10px; padding-left: 0px; padding-right: 0px; -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); right: 0px; letter-spacing: 0em; top: 0px; padding-top: 1px; padding-bottom: 1px; }
#menu li a strong br{ display: none; }
#menu li a strong:first-line{ font-size: 10px}
/*#menu li[data-menuanchor="rifu"] a .gpgm_combtn,#menu li[data-menuanchor="katsura"] a .gpgm_combtn{ padding-top: 13px; }*/
#menu li a strong+.gpgm_combtn{ padding-top: 13px; }

#opcl_btn{ width: 100%; display: block; color: #FFFFFF; background-color: rgba(0,0,0,1.00); font-size: 14px; padding-top: 8px; padding-bottom: 8px; cursor: pointer; bottom: 0px; position: fixed; z-index: 140; text-align: center;}
#opcl_btn.op_men{  }
#opcl_btn:before{ content: '▲ '; }
#opcl_btn.op_men:before{ content: '▼ ';}


#menu li a{ padding-top: 0px; }
#menu li a .gpgm_combtn:before{ background-position: 8px 18px; }
#menu li a .gpgm_combtn br{ display: block; }
.section{ background-position: center center; }
.section .gpgm_main{ min-width: 100%; min-height: 980px; }
.section:last-child .gpgm_main{ min-height: 1100px;}
.section#sec_comovie .gpgm_main{ min-height: 100%; }

.movie_box a.gpgm_arrbtn{ bottom: 210px; }

.mess_box h1{ font-size: 30px; }
.mess_box h1 br{ display: block; }
.mess_box h2{ padding-bottom: 4vh; font-size: 2.2vw; }
.mess_box h2 br.norm{ display: block; }

.course_box{ width: 100%; display: block; padding-left: 4%; padding-right: 4%; margin-top: 0vh;}
.course_box h2{ width: 100%; padding-bottom: 24px; text-align: center; }
.course_box h3{ width: 100%; padding-bottom: 16px; font-size: 18px; line-height: 1.4em; }
.course_box h3 br{ display: none; }
.course_box h4{ width: 100%; font-size: 14px; line-height: 1.4em; }
.course_box a.gpgm_combtn_gd{ width: 100%; margin-top: 20px; margin-bottom: 20px; }
.course_box .cphoto_sl{ width: 100%; overflow: hidden; height: auto; position: relative; }
.course_box .cphoto_sl li.slick-slide{ display: block; width: 100%; }
.course_box .cphoto_sl li.slick-slide img{ width: 100%; height: auto; }

/* for detect windowsize */
#u960 { display: none; }
}

@media (max-width: 850px) {
#menu li{ width: 25%!important; }
}

@media (max-width: 690px) {
.section .gpgm_main .cont_box{ padding-top: 120px; }

.mess_box h2{ padding-bottom: 4vh; font-size: 2.4vw; }
.mess_box h2 br.norm{ display: block; }
.mess_box h2 br.ereg{ display: none; }

header{ background-image: -webkit-linear-gradient(270deg,rgba(38,57,79,1.00) 0%,rgba(15,23,31,1.00) 100%); background-image: linear-gradient(180deg,rgba(38,57,79,1.00) 0%,rgba(15,23,31,1.00) 100%); background-color: rgba(23,36,49,1.00);}
header a#gp_logo{ float: none; overflow: hidden; display: block; padding-bottom: 6px; }
header a#gp_logo img{ margin-left: auto; margin-right: auto; display: block; }
header ul#right_link{ float: none; display: block; text-align: center; }




}

@media (max-width: 690px) {

.movie_box a.gpgm_arrbtn{ bottom: 210px; }

.mess_box h1{ font-size: 24px; }
.mess_box h2{ font-size: 14px; line-height: 1.6em; padding-bottom: 3vh; }
.mess_box h2 br.norm{ display: block; }
.mess_box h2 br.ereg{ display: block; }

.course_box{ margin-top: 0vh; }
.course_box h2 img{ max-width: 100%; }


#menu{ background-color: #000000; }
#menu li:nth-child(n){ width: 25%!important; }
#menu li a{ padding-top: 0px; height: 46px; }

#menu li a .gpgm_combtn:before{ background-image: none; }
#menu li a .gpgm_combtn br{ line-height: 1em; }


#menu{ bottom: -123px; width: 100%; z-index: 1300; }

#opcl_btn{ width: 100%; margin-left: 0%; margin-right: 0%; }
#opcl_btn:before{ content: '▲ '; }
#opcl_btn.op_men:before{ content: '▼ ';}


.section .gpgm_main{ min-height: 850px; }
.section:last-child .gpgm_main{ min-height: 900px;}
.section#sec_comovie .gpgm_main{ min-height: 100%; }
.section#sec_message .gpgm_main{ min-height: 900px;}


footer a{ float: none; display: block; margin-left: auto; margin-right: auto; text-align: center; }
footer img.copyr{ float: none; padding-top: 10px; margin-left: auto; margin-right: auto; display: block; width: auto; height: 20px; }
}

@media (max-width: 450px) { 
#menu li a .gpgm_combtn{ font-size: 2.8vw; height: 100%; padding-top: 8px; }
header{ padding-top: 8px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px;  }
header ul#right_link{ float: none; display: block; text-align: center; }
header ul#right_link li a{ padding-left: 10px; padding-right: 10px; letter-spacing: 0em; white-space: nowrap; }

}