@charset "utf-8";
/*-----------------------------------------Reset---------------------------------------------------------------------------*/

.mbimg { display:none; }

/*-------------------------------------レイアウト------------------------------------------*/
#wrap { position: relative; width: 100%; }
#main { width: 100%; max-width: 1600px; background-color: #fff; margin: 0 auto 0; z-index: 80; position:relative; box-sizing: border-box; padding-left: 5%; padding-right: 5%; padding-top: 100px; padding-bottom: 100px;}

#main-img { width: 100%; max-width: 1600px; max-height: 600px; position: relative; overflow: hidden; margin: 0 auto;}
#main-img img { width: 100%; height: auto; display: block; vertical-align: bottom; }



@media screen and (min-width:721px) {
	.mb_img { display: none;}
}


@media screen and (max-width:720px) {
	.pc_img { display: none;}
}

#main-img .tips { position: fixed; bottom: 30px; right: 30px; width: 11vw; max-width: 250px; min-width: 150px; animation: tips-shake 2s ease infinite; z-index: 99; }
.bg_mask{ background:  linear-gradient(0deg, rgba(222,183,239,0.0) 10%, rgba(0,0,0,0.0) 100%); position: absolute; top: 0 ;left: 0; z-index: 98; width: 100%; height: 100%; line-height: 0; text-align: center; }

.main_title { position: absolute; font-size: 4.0rem; letter-spacing:0.1em; text-align: left; color: #fff; z-index: 999; top: 30%; left: 5%; right: 0; margin: auto; font-weight: 600; line-height: 1.3; }
.main_title span { font-size: 2.4rem;text-align: center; line-height: 0.5;letter-spacing: 0;}

.main_date { font-size: 3.0rem;  text-align: right; color: #fff; right: 5%; margin-left: auto; line-height: 1.1; padding-right: 5%; }
.main_date span { font-size: 1.6rem;}
/*-------------------------------------パーツ------------------------------------------*/
.err_msg { color: #f00; }
.app_err_msg { color: #f00; font-size: 1.0rem; font-weight: bolder; text-align: center; margin-top: 80px; margin-bottom: 20px;}
.required { color: #f00; font-weight: bolder;}

.submitbtn {-webkit-appearance: none; border-radius: 0; padding: 0.5em 3em; margin-top: 2em; margin-bottom: 2em; background-color: #eee; border: 1px solid #ccc; }
.submitbtn:hover { background-color: #333; color: #fff;}

.submitbtn_c {-webkit-appearance: none; color: #ff0; font-size: 2.4rem; border-radius: 5px; padding: 0.5em 3em; margin-top: 2em; margin-bottom: 2em; background-color: #f00; border: 1px solid #ccc; }
.submitbtn_c:hover { background-color: #333; color: #fff;}

.submitbtn_back {-webkit-appearance: none; border-radius: 0; padding: 0.2em 1em; margin-top: 2em; background-color: #eee; font-size: 0.7rem; cursor: pointer;}
.submitbtn_back:hover { background-color: #333; color: #fff;}

.submit_button {-webkit-appearance: none; border-radius: 0; padding: 0.2em 2em; margin-top: 2em; margin-bottom: 2em; cursor: pointer;}
.submit_button:hover { background-color: #333; color: #fff;}

table.details{border-collapse: collapse;background-color: #fff;width: 100%;margin-top: 0px; font-size: 0.815rem;}
table.details th{border: 1px solid #333;padding: 10px 20px;background-color: #EEEEEE; color: #134142}
table.details td{border: 1px solid #333;padding: 5px 10px; color: #333;}

.app_coution { font-size: 0.85rem; line-height: 1.6;}
input::placeholder  {color: #bbb;}
.adrssrcbtn{-webkit-appearance: none !important; width: inherit !important; padding: 0.3em 1.2em !important; background-color: #eee !important; font-size: 0.73rem !important; cursor: pointer; font-weight: normal;}
/*-------------------------------------お申し込みフォーム------------------------------------------*/
/*-------------コース表示------------------*/

.courseinfo{ margin-top: 30px;font-size: 0.82rem;}
.courseinfo ul.course_detail { display: flex; flex-wrap: wrap; }
.courseinfo ul.course_detail > li{ list-style-type: none; width: 30%; margin-right: 5%; box-sizing: border-box; height: 450px; background-color: #fff; margin-bottom: 2em; box-shadow: 5px 5px 5px; padding: 0; line-height: 1; border-radius: 5px; position: relative; }
.courseinfo ul.course_detail > li:nth-child(3n){ margin-right: 0;}
.courseinfo ul.course_detail > li dl dt .course_date{ position: absolute; color: #fff; margin-left: -1em; background-color: #000E43; padding: 0.8em 1em 0.8em 1em; margin-top: 1em; }
.courseinfo ul.course_detail > li dl dt .course_date:after{border-top: 2em solid transparent; border-left: 2em solid #000E43 ; border-right: 2em solid transparent;border-bottom: 2em solid #000E43 ; }
.courseinfo ul.course_detail > li dl dt .course_img{ width: 100%; margin-bottom: 0;}
.courseinfo ul.course_detail > li dl dt .course_img img{ width: 100%; height: auto; }
.courseinfo ul.course_detail > li dl dd ul{ display: block;  box-shadow: none; }
.courseinfo ul.course_detail > li dl dd ul li{ display: block; width: 100%; box-shadow: none; }
.courseinfo ul.course_detail > li dl dd ul li:first-child{ box-sizing: border-box; background-color:#000E43; color: #fff; padding-left:2em ; padding-right: 2em; font-weight: bolder; height: 3em; display: flex;align-items:center; line-height: 1.5;}
.courseinfo ul.course_detail > li dl dd ul li:nth-child(2){ display: block; flex-wrap: nowrap; width: 100%; box-sizing: border-box; background-color:#fff; color: #000; padding: 2em; line-height: 1.6;}
.kuwashiku{ position: absolute; bottom: 2em; right: 2em; background-color: #1C642B; padding: 0.8em 1.6em; border-radius: 10px;}
.kuwashiku a{ color: #fff;}

.first_cmt{ margin-top: 30px; margin-bottom: 50px; }
.first_cmt legend{ font-weight: bolder; text-align: center; margin-bottom: 2em;} 
.first_cmt .yoko dl { margin-top: 1em;}
.first_cmt .yoko dl dt { float: left;}
.first_cmt .yoko dl dd { margin-left: 150px; padding-bottom: 0.8em;}

.app_courseinfo{ margin-top: 30px;font-size: 0.82rem;}
.app_courseinfo ul.course_detail { display: flex; flex-wrap: wrap; }
.app_courseinfo ul.course_detail > li{ list-style-type: none; width: 30%; margin-right: 5%; box-sizing: border-box; height: 400px; background-color: #fff; margin-bottom: 80px; padding: 0; line-height: 1; border-radius: 10px; position: relative; border: 1px solid #ccc; }
.app_courseinfo ul.course_detail > li:nth-child(3n){ margin-right: 0;}

.app_courseinfo ul.course_detail > li dl dt { box-sizing: border-box; font-size: 1.2rem; background-color:#000E43; color: #fff; padding-left:1em ; padding-right: 1em; font-weight: bolder; height: 3em; display: flex;align-items:center; line-height: 1.5;justify-content:center;}
.app_courseinfo ul.course_detail > li dl dt .course_date{ position: absolute; color: #fff; margin-left: -1em; padding: 0.8em 2em 0.8em 2em; margin-top: 1em; border-radius: 15px;}
.app_courseinfo ul.course_detail > li dl dt .course_date:after{border-top: 2em solid transparent; border-left: 2em solid #000E43 ; border-right: 2em solid transparent;border-bottom: 2em solid #000E43 ; }
.app_courseinfo ul.course_detail > li dl dt .course_img{ width: 100%; margin-bottom: 0;}
.app_courseinfo ul.course_detail > li dl dt .course_img img{ width: 100%; height: auto; }
.app_courseinfo ul.course_detail > li dl dd ul{ display: block;  box-shadow: none; }
.app_courseinfo ul.course_detail > li dl dd ul li{ display: block; width: 100%; box-shadow: none; }
.app_courseinfo ul.course_detail > li dl dd ul li:first-child{ box-sizing: border-box; font-size: 0.9rem; color: #000; padding-left:1em ; padding-right: 1em; font-weight: bolder; height: 3em; display: flex;align-items:center; line-height: 1.5; justify-content:center;}
.app_courseinfo ul.course_detail > li dl dd ul li:nth-child(2){ display: block; flex-wrap: nowrap; width: 100%; box-sizing: border-box; background-color:#fff; color: #000; padding: 2em 2em 0 2em; line-height: 1.3; }
.app_courseinfo ul.course_detail > li dl dd ul li:nth-child(3){ display: block; flex-wrap: nowrap; width: 100%; box-sizing: border-box; background-color:#fff; color: #000; padding: 1em 2em 0 2em; line-height: 1.6; }
.couseselect_btn{ position: absolute; bottom: 2em; width: 100%; text-align: center;  }

.course_btn {-webkit-appearance: none; box-sizing: border-box; width: 80%; border-radius: 15px; padding: 0.5em 0; background: linear-gradient(to right, #333 0%, #333 50%, #333 100%); color: #fff; border:none;}
.course_btn:hover { cursor: pointer; }

.app_courseinfo ul.course_detail > li:first-child dl dd ul li:first-child {background-color:#ffc9cf;}
.app_courseinfo ul.course_detail > li:nth-child(2) dl dd ul li:first-child{ background-color: #cfbbda;}
.app_courseinfo ul.course_detail > li:nth-child(3) dl dd ul li:first-child{ background-color: #fff1b9;}
.app_courseinfo ul.course_detail > li:nth-child(4) dl dd ul li:first-child{ background-color: #d0ffb9;}
.app_courseinfo ul.course_detail > li:nth-child(5) dl dd ul li:first-child{ background-color: #c9f3ff;}
.app_courseinfo ul.course_detail > li:nth-child(6) dl dd ul li:first-child{ background-color: #ddd;}
.app_courseinfo ul.course_detail > li:nth-child(7) dl dd ul li:first-child{ background: transparent;}

.app_courseinfo ul.course_detail > li:first-child .course_btn:hover {background:#df00b2;}
.app_courseinfo ul.course_detail > li:nth-child(2) .course_btn:hover { background: #5a0094;}
.app_courseinfo ul.course_detail > li:nth-child(3) .course_btn:hover { background: #ffc145;}
.app_courseinfo ul.course_detail > li:nth-child(4) .course_btn:hover { background: #005f00;}
.app_courseinfo ul.course_detail > li:nth-child(5) .course_btn:hover { background: #0a008f;}
.app_courseinfo ul.course_detail > li:nth-child(6) .course_btn:hover { background: #aaa;}
.app_courseinfo ul.course_detail > li:nth-child(7) .course_btn:hover { background: #644300;}

/*-------------フライト表示------------------*/
table.flight{border-collapse: collapse;background-color: #fff; width: 100%;margin-top: 30px; margin-bottom: 30px; font-size: 0.815rem;}
table.flight th{border: 1px solid #333;padding: 0.8em 1.5em; background-color: #EEEEEE; color: #134142}
table.flight td{border: 1px solid #333;padding: 0.8em 1.5em; color: #333;}

.app_coution li { margin-bottom: 0.5em;}
/*-------------ホテル表示テーブル------------------*/
.app_hotelinfo{ margin-top: 80px;font-size: 0.82rem;}
.app_hotelinfo ul.hotel_detail { display: flex; flex-wrap: wrap; }
.app_hotelinfo ul.hotel_detail > li{ list-style-type: none; width: 30%; margin-right: 5%; box-sizing: border-box; min-height: 430px; background-color: #fff; margin-bottom: 80px; padding: 0; line-height: 1; position: relative; border: 1px solid #ccc; }
.app_hotelinfo ul.hotel_detail > li:nth-child(3n){ margin-right: 0;}
.app_hotelinfo ul.hotel_detail > li dl dt { box-sizing: border-box;}
.app_hotelinfo ul.hotel_detail > li dl dt .hotel_img{ width: 100%; margin-bottom: 0;}
.app_hotelinfo ul.hotel_detail > li dl dt .hotel_img img{ width: 100%; height: auto; }


.app_hotelinfo ul.hotel_detail > li dl dd ul{ display: block;  box-shadow: none; }
.app_hotelinfo ul.hotel_detail > li dl dd ul li{ display: block; width: 100%; box-shadow: none; }
.app_hotelinfo ul.hotel_detail > li dl dd ul li:first-child{ box-sizing: border-box; background-color:#000E43; color: #fff;font-size: 0.9rem; padding-left:1em ; padding-right: 1em; font-weight: bolder; height: 3em; display: flex;align-items:center; line-height: 1.5; justify-content:center;}
.app_hotelinfo ul.hotel_detail > li dl dd ul li:nth-child(2){ display: block; box-sizing: border-box; width: 100%; padding: 2em; line-height: 1.3; }
.app_hotelinfo ul.hotel_detail > li dl dd ul li:nth-child(3){ text-align: center; padding-bottom: 2em;}
.app_hotelinfo ul.hotel_detail > li dl dd .hotelselect {left: 0; right: 0; font-size: 0.9rem; font-weight: bolder;}
.app_hotelinfo ul.hotel_detail > li dl dd select { padding:0.5em 1em 0.5em 1em; border-radius: 5px; background-color: #f5fbff; color: #000;}
.app_hotelinfo ul.hotel_detail > li dl dd .hoteltype{ margin-top: 1em; font-size: 0.815rem; font-weight: normal;}

/*-------------お申し込みフォーム------------------*/
.applicationform{ margin-top: 50px; margin-bottom: 50px; font-size: 1.5rem; }
.applicationform dl { border-top: 1px #ccc solid; padding-top: 1.5em ; padding-bottom: 1.5em;}
.applicationform dl dt { float: left; font-weight: bolder;}
.applicationform dl dd { margin-left: 200px;}
.applicationform dl dd ul { display: flex;}
.applicationform dl dd ul li { list-style: none; margin-right: 2em;}
.applicationform dl dd ul li p { font-size: 1.2rem;}
.applicationform dl dd ul li input { border: #cadae4 1px solid; padding:0.5em 1em 0.5em 1em; border-radius: 5px; background-color: #f5fbff; font-weight: bolder; color: #000;}
.applicationform dl dd ul.emailstyle { display:block; }
.applicationform dl dd ul.emailstyle li input { width: 30em; }
.applicationform dl dd ul.emailstyle li input:first-child { margin-bottom: 0.5em; }
.applicationform dl dd ul.addressstyle { display:block; }
.applicationform dl dd ul.addressstyle li { margin-bottom: 0.5em; }
.applicationform dl dd ul.addressstyle li input { width: 70%; }
.applicationform dl dd ul.addressstyle li input.addressbutton{ border: none;  padding: 0.3em 0.5em 0.3em 0.5em; background-color: inherit;}

.applicationform dl dd ul li select { border: #cadae4 1px solid; padding:0.5em 1em 0.5em 1em; border-radius: 5px; background-color: #f5fbff; color: #000;}
.applicationform dl dd ul li p { line-height: 1.5; color: #666; }

/*-------------レジストレーションフォーム------------------*/
.registform{ margin-top: 50px; margin-bottom: 70px; }
.registform dl { border-top: 1px #ccc solid; padding-top: 2em ; padding-bottom: 2em;}
.registform dl.regyn { border-bottom: 1px #ccc solid; }
.registform dl dt { float: left; font-weight: bolder;}
.registform dl.regyn dt{ margin-top: -0.5em; font-weight: bolder;}

.registform dl dd { margin-left: 300px;}
.registform dl dd ul { display: flex;}
.registform dl dd ul li { list-style: none; margin-right: 2em;}
.registform dl dd ul li input { border: #cadae4 1px solid; padding:0.5em 1em 0.5em 1em; border-radius: 5px; background-color: #f5fbff; font-weight: bolder; color: #000;}

.registform dl dd ul.emailstyle { display:block; }
.registform dl dd ul.emailstyle li input { width: 30em; }
.registform dl dd ul.emailstyle li input:first-child { margin-bottom: 0.5em; }
.registform dl dd ul.addressstyle { display:block; }
.registform dl dd ul.addressstyle li { margin-bottom: 0.5em; }
.registform dl dd ul.addressstyle li input.addressbutton{ border: none; padding: 0.3em 0.5em 0.3em 0.5em; background-color: inherit;}

.registform dl dd ul li select { border: #cadae4 1px solid; padding:0.5em 1em 0.5em 1em; border-radius: 5px; background-color: #f5fbff; color: #000;}
.registform dl dd ul li p { line-height: 1.5; color: #666; }

/*-------------料金確認画面------------------*/
.confirmprice { margin-top: 50px; margin-bottom: 50px; font-size: 0.85rem; }
.confirmprice dl { border-top: 1px #ccc solid; padding-top: 1.5em ; padding-bottom: 1.5em;}
.confirmprice dl dt { float: left; font-weight: bolder;}
.confirmprice dl dd { margin-left: 200px;}
.confirmprice dl dd ul { display: flex;}
.confirmprice dl dd ul li { list-style: none; margin-right: 2em;}
.confirmprice dl dd ul li:first-child{ width: 30%; text-align: right; margin-right: 5%;}
.confirmprice dl dd ul li:nth-child(2){ width: 65%;}
.confirmprice dl dd ul li p { font-size: 0.75rem;}
.confirmprice dl dd ul li input { border: #cadae4 1px solid; padding:0.5em 1em 0.5em 1em; border-radius: 5px; background-color: #f5fbff; font-weight: bolder; color: #000;}
.confirmprice dl dd ul.emailstyle { display:block; }
.confirmprice dl dd ul.emailstyle li input { width: 30em; }
.confirmprice dl dd ul.emailstyle li input:first-child { margin-bottom: 0.5em; }
.confirmprice dl dd ul.addressstyle { display:block; }
.confirmprice dl dd ul.addressstyle li { margin-bottom: 0.5em; }
.confirmprice dl dd ul.addressstyle li input { width: 70%; }
.confirmprice dl dd ul.addressstyle li input.addressbutton{ border: none;  padding: 0.3em 0.5em 0.3em 0.5em; background-color: inherit;}

.confirmprice dl dd ul li select { border: #cadae4 1px solid; padding:0.5em 1em 0.5em 1em; border-radius: 5px; background-color: #f5fbff; color: #000;}
.confirmprice dl dd ul li p { line-height: 1.5; color: #666; }

/*-------------------------------------マイページ------------------------------------------*/
/*-------------ログイン------------------*/
.loginarea{ float: right; margin-right: 0 ; margin-top: 0; background-color: #1634A8; }
.loginbutton { font-size: 1.3rem; padding: 0.5em 1.5em 0.5em 1.5em; color: #fff; display:inline-block; right: 0; left:1em; 
	border-radius:15px;background: linear-gradient(90deg, #f93 20%, #ff7166 80%); }
.loginbutton a{ text-decoration: none; color: #fff !important;}
.loginbutton:hover{ background-color: rgba(0,0,0,1.0); color: #fff;}
.loginbutton a:hover{ color: #fff;}

#login_form { border:2px #333 solid; padding-top:2em; padding-bottom:2em; padding-left:2em; padding-right:2em; width:40em; margin: 0.5em auto; border-radius: 10px 10px 10px 10px; text-align:center; margin-bottom: 80px; }
	.form-title { font-size:3.0rem; border-bottom:2px solid #333; padding-bottom:0.5em; font-weight:bolder; margin-bottom: 2em;}
	#login_form .login dl { width:100%; clear:both; margin-top:2em;}
	
	#login_form .login dl dt { float:left; margin-left: 3em; }
	#login_form .login dl dd { margin-left:13em; text-align: left; }
	#login_form .login dl dd input { padding:0.5em 1.0em 0.5em 1em; width:18em; border-radius: 5px; background-color: #D1D9DB; border: 1px solid #799CAC;}



.login .submit { margin-top: 2em; margin-bottom: 1em; }
/*-------------ログイン------------------*/
ul#mypage_layout { display: flex; }
ul#mypage_layout > li#sidemenu { background-color: #2F3142; width: 320px;box-sizing: border-box; padding: 0px 0px 80px 0px; }
ul#mypage_layout > li#sidemenu a{ color: #fff;}
ul#mypage_layout > li#sidemenu > ul > .bottom-line > li { border-bottom: 1px solid #c6d0da; font-size: 1.0rem;box-sizing: border-box; padding: 1em 2em 1em 2em; }
ul#mypage_layout > li#sidemenu > ul > .bottom-line > li ul li { padding: 1em 2em 0em 2em;font-size: .812rem;}
ul#mypage_layout > li#sidemenu > ul > .bottom-line > li ul li:before{ content: "> "; color: #fff; }
ul#mypage_layout > li:nth-child(2){ width: 100%;}
ul#mypage_layout > li:nth-child(2) #mypage_content{ max-width: 1200px; margin: 0 auto;}
#contact .my_primary { box-sizing: border-box;  padding: 0 3rem;  font-size: .812rem; line-height: 1.8; margin: 0 auto; max-width: 1200px;}

/*-------------------------------------管理ページ------------------------------------------*/
/*-------------ログインページ------------------*/
	#login_form .admin_login { text-align: left; padding-top: 2em; padding-bottom: 1em;}
	#login_form .admin_login dl dt { float:inherit; margin-left: 0; font-size: 0.7rem; }
	#login_form .admin_login dl dd { margin-left:0; text-align: left; margin-bottom: 1em; }
	#login_form .admin_login dl dd input { padding:0.5em 1.0em 0.5em 1em; width:18em; border-radius: 5px; background-color: #D1D9DB; border: 1px solid #799CAC;}

/*-------------------------------------コンベンションページ------------------------------------------*/
/*-------------メニュー------------------*/
.convention_menu { width: 100%; background: linear-gradient(-60deg, #473b7b, #3584a7, #3e888f, #3584a7, #473b7b); background-size: 300% 300%; animation: AnimationName 15s ease infinite; position: relative; margin-top: 0; z-index: 7776;}
.convention_menu ul { width: 1200px; margin: 0 auto; display: flex; justify-content: space-between ; padding-top: 1em; padding-bottom: 1em;}
.convention_menu ul li { list-style-type: none; text-align: center; display: flex; align-items: center; }
.convention_menu ul li a {color: #fff; }


/** RESPONSIVE BREAKPOINTS
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
**/

@media(min-width: 721px) and (max-width: 1280px){ 
/*-------------------------------------レイアウト------------------------------------------*/
	#main { width: 100%;  padding-left: 5%; padding-right: 5%; padding-top: 50px; padding-bottom: 0;font-size: 100%;}
	#contact { width: 100%; padding: 3em 5%; margin: 0 auto;}
	
	.main_title { font-size: 2.7rem; letter-spacing:0; top: 25%; font-weight: 600;  }
	.main_title span { font-size: 1.8rem;text-align: center; line-height: 0.5; font-weight: normal;}
	
	
/*-------------------------------------お申し込みフォーム------------------------------------------*/
/*-------------コース表示------------------*/
	.app_courseinfo ul.course_detail > li{ width: 45%; margin-right: 10%;}
	.app_courseinfo ul.course_detail > li:nth-child(2n){ margin-right: 0;}
	.app_courseinfo ul.course_detail > li:nth-child(3n){ margin-right: 10%;}
	.app_courseinfo ul.course_detail > li:nth-child(6){ margin-right: 0;}
	
/*-------------ホテル表示------------------*/
	.app_hotelinfo ul.hotel_detail > li{ width: 45%; margin-right: 10%;}
	.app_hotelinfo ul.hotel_detail > li:nth-child(2n){ margin-right: 0;}
	.app_hotelinfo ul.hotel_detail > li:nth-child(3n){ margin-right: 10%;}
	.app_hotelinfo ul.hotel_detail > li:nth-child(6){ margin-right: 0;}
	
	
/*-------------------------------------コンベンションページ------------------------------------------*/
/*-------------メニュー------------------*/
	#menu_flow { overflow-x: auto; }
	.convention_menu { width: 1258px; }
	.convention_menu ul { width: 90%; margin: 0 auto; display: flex; justify-content: space-between ; padding-top: 1em; padding-bottom: 1em;}
	.convention_menu ul li { list-style-type: none; }
	.convention_menu ul li a {color: #fff; }
}


/** RESPONSIVE BREAKPOINTS
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
**/

@media screen and (max-width:720px) {
/*-------------------------------------レイアウト------------------------------------------*/
	html{ font-size: 100%;}
	#main { width: 100%;  padding-left: 5%; padding-right: 5%; padding-top:3em; padding-bottom: 3em;}
	#contact { width: 100%; padding: 3em 5%; margin: 0 auto;}
	#contact .primary { font-size: 100%;}
	.applicationform{ margin-top: 2em; width: 100%;  font-size: 0.815rem; margin-bottom: 2em;}
	#wrap { position: relative; width: 100%; margin-top: 0px; }
/*-------------------------------------パーツ------------------------------------------*/
	
	
	.table_area{ overflow-x:scroll; }
	.submitbtn { font-size: 100%;}
	
	#main-img { width: 100%; max-height: 600px; }
	.main_title { font-size: 130%; line-height: 1.5; top:30%; font-weight: 600; letter-spacing: 0; }
	.main_title span { font-size: 50% ; line-height: 1.2; font-weight: normal; margin-bottom: 0; }
	
	#menu_flow { overflow-x: auto; background: linear-gradient(-60deg, #473b7b, #3584a7, #3e888f, #3584a7, #473b7b);}
	.convention_menu { width:950px; overflow-x: auto; font-size: 85%; }
	.convention_menu ul { width:inherit; margin: 0 auto; display: flex; justify-content:flex-start; padding-top: 1em; padding-bottom: 1em;}
	.convention_menu ul li { list-style-type: none; margin-left: 2em; }
	.convention_menu ul li a {color: #fff; }
	
/*-------------------------------------お申し込みフォーム------------------------------------------*/
/*-------------コース表示------------------*/
	.app_courseinfo{ margin-top: 3em; font-size: 100%;}
	.app_courseinfo ul.course_detail > li{ width: 100%; margin-right: 0; height:inherit; margin-bottom: 2em; padding-bottom: 6em; }
	
	.app_courseinfo ul.course_detail > li{ width: 100%; margin-right: 0;}
	.app_courseinfo ul.course_detail > li:nth-child(2n){ margin-right: 0;}
	.app_courseinfo ul.course_detail > li:nth-child(3n){ margin-right: 0;}
	.app_courseinfo ul.course_detail > li:nth-child(6){ margin-right: 0;}
/*-------------フライト表示------------------*/
	table.flight{width:800px; margin-top: 2em; margin-bottom: 2em; font-size: 90%;}
	table.flight th{border: 1px solid #333;padding: 0.8em 1.5em; background-color: #EEEEEE; color: #134142}
	table.flight td{border: 1px solid #333;padding: 0.8em 1.5em; color: #333;}
	.course_btn { font-size: 100%;}
/*-------------ホテル表示------------------*/
	.app_hotelinfo{ margin-top: 3em; font-size: 100%;}
	.app_hotelinfo ul.hotel_detail > li{ width: 100%; margin-right: 0; height:inherit; margin-bottom: 2em;  }
	
	.app_hotelinfo ul.hotel_detail > li{ width: 100%; margin-right: 0;}
	.app_hotelinfo ul.hotel_detail > li:nth-child(2n){ margin-right: 0;}
	.app_hotelinfo ul.hotel_detail > li:nth-child(3n){ margin-right: 0;}
	.app_hotelinfo ul.hotel_detail > li:nth-child(6){ margin-right: 0;}

/*-------------お申し込みフォーム------------------*/
	.applicationform{ margin-top: 2em; margin-bottom: 2em; font-size: 90%; }
	.applicationform dl dt { float:inherit; font-weight: bolder; margin-bottom: 0.8em;}
	.applicationform dl dd { margin-left: 0;}
	.applicationform dl dd ul { display: flex;}
	.applicationform dl dd ul li { font-size: 75%;}	
	.applicationform dl dd ul li input { border: #cadae4 1px solid; padding:0.3em 0.5em ; }
	.applicationform dl dd ul.emailstyle { display:block; }
	.applicationform dl dd ul.emailstyle li input { width: 50%; }
	.applicationform dl dd ul.emailstyle li input:first-child { margin-bottom: 0.5em; }
	.applicationform dl dd ul.addressstyle li input{ width: 70%;}
	.applicationform dl dd ul.addressstyle li input.addressbutton{ width: inherit; border: none;  padding: 0.3em 0.5em ; background-color: inherit;}

/*-------------レジストレーションフォーム------------------*/
.registform{ margin-top: 3em; margin-bottom: 3em; background-color: #ff0; }
.registform dl dt { float:inherit; width: 100%; font-weight: bolder;}
.registform dl.regyn dt{ margin-top: -0.5em; font-weight: bolder;}
.registform dl dd { margin-left: 0; width: 100%;}
.registform dl dd ul { display: flex;}
.registform dl dd ul li { list-style: none; margin-right: 1em;}
.registform dl dd ul li input { border: #cadae4 1px solid; padding:0.3em 0.5em; }
.registform dl dd ul.emailstyle { display:block; }
.registform dl dd ul.emailstyle li input { width: 50%; }

/*-------------パスワード設定/ログインフォーム------------------*/
	#login_form { box-sizing: border-box; width:100%; padding-left:2em; padding-right:2em; margin: 1em auto; margin-bottom: 5em; }
	.form-title { font-size:150%; }
	#login_form .login dl { margin-top:2em;}
	
	#login_form .login dl dt { float:inherit; margin-left: 0; width: 100%; text-align: left;}
	#login_form .login dl dd { margin-left:0; text-align: left; width: 100% }
	#login_form .login dl dd input { padding:0.5em 1.0em 0.5em 1em; border-radius: 5px; background-color: #D1D9DB; border: 1px solid #799CAC; width: 70%;}
}