@charset "utf-8";
/* CSS Document */
/****************************************************************************/
/**							PLAN　			    					    	*/
/****************************************************************************/ 
.index .list_box h2 {
	font-size: 217%;
	line-height: 1;
	text-align: left;
	margin-bottom: 20px;
	margin-top: 0;
}
.index .list_box h2 a {
	color: #75793a;
}
.index .list_box h2 + p {
	font-size: 117%;
	line-height: 1.3;
}
.index .list_box .right {
	width: 64%;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.index .list_box img {
	max-width: 320px;
	width: 100%;
}
.index .list_box .left {
	width: 32%;
}
.index .list {
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	
	margin-bottom: 20px;
}
.index .page_link {
	text-align: right;
	margin-top: 15px;
}
/****************************************************************************/
/**				Recommend Seasonal Model Courses　							*/
/****************************************************************************/
/* メイン -------------------------------*/
.datail h2 {
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
}
.datail h2 img {
	width: auto;
	height: auto;
}
.datail #main_sub {
	overflow: hidden;
	margin: 0 auto 0 auto;
}
.datail #main_sub .title:before {
    content: url("../img/plan/detail/ico/typ01_ico01.png");
    float: left;
    margin-right: 10px;
}
.datail #main_sub dl {
	margin-top: 25px;
}
.datail #main_sub dt {
	font-size: 249%;
  line-height: 1.3;
	font-weight: bold;
}
.tw .datail #main_sub dt {/* 繁体字 */
	font-family : 'SimSun','serif';
}
.cn .datail #main_sub dt {/* 簡体字 */
	font-family : 'SimSun','serif';
}
.ko .datail #main_sub dt {/* 韓国語 */
	font-family:"Malgun Gothic","Yoon Gothic","sans-serif";
}
.datail #main_sub dt span {
	font-size: 80%;
    display: block;
	margin-top: 10px;
}
.datail #main_sub .txt {
	font-size: 134%;
  line-height: 1.8;
	margin-top: 20px;
	margin-bottom: 25px;
}
.datail #main_sub .sub_box {
	background-color: #EDEDED;
	padding: 20px;
}
.datail #main_sub .sub_box h4 {
	font-size: 134%;
	font-weight: bold;
	text-align: left;
	padding-top: 0;
	margin-bottom: 10px;
}
.datail #main_sub .sub_box h4:before {
	content: url("../img/plan/detail/ico/typ01_ico01.png");
	position: relative;
	float: left;
	margin-right: 10px;
}
.datail #main_sub .sub_box .title {
    font-size:184%;
	font-weight: bold;
    text-align: left;
    margin: 0;
}
.datail #main_sub .sub_box .free_html {
  margin-block: 1em 0;
}
.tw .datail #main_sub .sub_box .title {/* 繁体字 */
	font-family : 'SimSun','serif';
}
.cn .datail #main_sub .sub_box .title {/* 簡体字 */
	font-family : 'SimSun','serif';
}
.ko .datail #main_sub .sub_box .title {/* 韓国語 */
	font-family:"Malgun Gothic","Yoon Gothic","sans-serif";
}
.datail #main_sub .free_html p {
	font-size: 125%;
	line-height: 1.8;
}

/* 詳細 -------------------------------*/
.datail .inner {
	background-image: url(../img/underlayer/ico_no/no_bg.png);
	background-repeat: repeat-y;
	background-position: 75px 0;
	margin-top: 80px;
}
.datail .inner:before {
	content: url("../img/underlayer/ico_no/start.png");
	background-color: #fff;
	position: absolute;
	padding-bottom: 10px;
	margin: 0 auto 0 20px;
}
.datail .inner:after {
	content: url("../img/underlayer/ico_no/goal.png");
	background-color: #fff;
	display: block;
	bottom: 0;
	margin-left: 20px;
}
.datail h2:before {
	content: none;
}
.datail .box {
	text-align: left;
	overflow: hidden;
	page-break-inside: avoid;
	clear: both;
}
/* 詳細 テキスト側 -------------------------------*/
.datail .box .left {
	width: 40%;
	margin-left: 16%;
	margin-top: -100px;
}
/*  ナンバー  */
.datail .box p.no {
	clear: both;
	font-size: 300%;
	color: #fff;
	z-index: 10;
	font-family: MV Boli;
	background-image: url(../img/underlayer/ico_no/no.png);
	background-repeat: no-repeat;
	width: 104px;
	height: 105px;
	position: relative;
	margin-top: 55px;
	margin-left: 35px;
}
.datail .box p.no span {
	position: absolute;
	top: 30px;
    left: 45px;
}
/*  コース分岐等コメント  */
.course_target_comment {
    font-size: 160%;
    font-weight: bold;
    color: #666633;
    line-height: 1.4;
    margin-top: 15px;
    margin-left: 160px;
}
/*  何日目  */
.datail .box p.day {
	clear: both;
	font-size: 300%;
	color: #7C801E;
	z-index: 10;
	font-family: MV Boli;
	margin-top: -100px;
	margin-left: 150px;
	margin-bottom: 100px;
}
.datail .box p.day img {
	width: 40px;
	height: 23px;
	vertical-align: top;
	padding-top: 9px;
	padding-right: 5px;
}
/*  タイトル  */
.datail .box h1 {
	color: #666633;
	font-size: 217%;
	line-height: 1.2;
	text-align: left;
	font-weight: bold;
	max-width: 440px;
	padding-top: 10px;
	margin-top: 0;
	margin-bottom: 20px;
}
.en .datail .box h1 {/* 英語 */
	font-family: 'Lato', 'sans-serif';
}
.tw .datail .box h1 {/* 繁体字 */
	font-family : 'SimSun','serif';
}
.cn .datail .box h1 {/* 簡体字 */
	font-family : 'SimSun','serif';
}
.ko .datail .box h1 {/* 韓国語 */
	font-family:"Malgun Gothic","Yoon Gothic","sans-serif";
}
.datail .box h1 span {
	color: #000;
    font-size: 14px;
	letter-spacing: .2em;
	text-align: left;
	display: block;
	margin: 0 0 5px 0;
}
/*  テキスト  */
.datail .box li {
	list-style-position: inside;
}
.datail .box dt {
	background-color: #eee;	
	font-size: 150%;
  line-height: 1.5;
  padding: .5em;
    margin-bottom: 10px;
}
.tw .datail .box dt {/* 繁体字 */
	font-family : 'SimSun','serif';
}
.cn .datail .box dt {/* 簡体字 */
	font-family : 'SimSun','serif';
}
.ko .datail .box dt {/* 韓国語 */
	font-family:"Malgun Gothic","Yoon Gothic","sans-serif";
}
.datail .box dd {
	font-size: 134%;
	line-height: 35px;
}
/*  ボタン  */
.datail .box .btn {
	font-size: 134%;
	background-color: #fff;
	text-align: center;
	border: solid 1px #333;
	display: block;
  padding: .5em;
	margin: 40px 0 15px 0;
}
.datail .box .btn a:after {
	content: none;
}
/* 詳細 イメージ側 -------------------------------*/
.datail .box .right {
	width: 40%;
	margin-top: -100px;
	margin-bottom: 50px;
}
.datail .img_box_1 {
	width: 100%;
}
.datail .img_box_2 {
	width: 49%;
	float: left;
}
.datail .img_box_3 {
	width: 49%;
	float: right;
}
.datail .box .img_box img {
	vertical-align: top;
    padding-bottom: 7px;
}
.datail .box ul {
    clear: both;
}

/* キーワード -------------------------------*/
.datail .keyword {
	max-width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 50px;
	padding-bottom: 20px;
}
.datail .keyword dl {
  display: flex;
  justify-content: center;
  gap: 1em;
  padding-inline: 2em;
}
.datail .keyword dt {
  float: none;
  width: 122px;
}
.datail .keyword .keyword__item-wrap {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  overflow-wrap: anywhere;
  gap: 1em 2em;
}
.datail .keyword dd {
	font-size: 134%;
	line-height: 1.5;
  float: none;
}
en .datail .keyword dd {
	font-size: 117%;
	line-height: 1.4;
	float: left;
	margin-left: 15px;
}
/* マップ -------------------------------*/
.datail #footer_map,
.datail #footer_map iframe {
	width: 100%;
	height: 500px;
	page-break-inside: avoid;
	background-color: #ccc;
}
/* ボタン -------------------------------*/
.datail .btn {
	padding: 10px;
	margin-top: 30px;
	margin-bottom: 25px;
}

/****************************************************************************/
/**							TRAVEL TRADE　			    					    	*/
/****************************************************************************/ 
.traveltrade .list_box {
    margin-bottom: 80px;
    overflow: hidden;
}
.traveltrade .box {
	clear: both;
	overflow: hidden;
	margin-bottom: 25px;
}
.traveltrade .box h4 {
	color: #808442;
    font-size: 217%;
    line-height: 1;
    text-align: left;
    margin-bottom: 15px;
    margin-top: 0;
	clear: both;
}
.traveltrade .box .left {
	width: 32%;
}
.traveltrade .box img {
	border: solid 1px #ccc;
	box-sizing:border-box;
}
.traveltrade .box .right {
	width: 66%;
}
.traveltrade .box p {
	font-size: 117%;
	margin-bottom: 5px;
}
.traveltrade .box li {
	margin-bottom: 3px;
} 
.traveltrade .page_link a {
    font-size: 117%;
}

@media screen and (max-width:736px){
/****************************************************************************/
/**							PLAN　			    					    	*/
/****************************************************************************/ 
.index .list_box h2 {
	font-size: 150%;
}
.index .list_box h2 + p {
    font-size: 100%;
    line-height: 1.2;
}
.index .list_box img {
	max-width: inherit;	
	width: 100%;
	height: auto;
}
.index .list_box .right {
	width: auto;
	float: none;
}
.index .list_box .left {
	width: auto;
	float: none;
	text-align: center;
	margin-bottom: 10px;
}

.index .list {
    border-bottom: solid 1px #ccc;
}
.index .page_link {
	border: solid 1px #808442;
    margin-bottom: 0;
}
.index .page_link a {
	font-size: 134%;
	text-align: center;
	padding: 10px;
}

/****************************************************************************/
/**				Recommend Seasonal Model Courses　							*/
/****************************************************************************/
.datail .inner {
    background-image: none;
    margin-top: min(60px, 10vw);
}
/* 詳細 -------------------------------*/
.datail .inner:before {
	content: none;
	margin: 0;
}
.datail .inner:after {
	content: none;
	margin: 0;
}
.datail #main_sub dt {
  font-size: 2.1rem;
  line-height: 1.2;
  font-weight: bold;
}
.datail #main_sub dt span {
  font-size: 1.4rem;
}
.datail #main_sub .txt {
  font-size: 1.6rem;
}
.datail #main_sub .sub_box .title {
  font-size: 1.8rem;
}
.datail #main_sub .free_html {
  width: 100%;
  margin-block: 3em 0;
}
.datail #main_sub .free_html p {
  font-size: 1.4rem;
  line-height: 2.5;
  overflow-wrap: anywhere;
}
.datail .box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1em 2em;
	border-bottom: solid 1px #ccc;
	padding-bottom: 20px;
	margin-bottom: 10px;
}

.datail .box .left {
	float: none;
	width: 100%;
	margin: 0;
}
.datail .box .right {
	float: none;
	width: 100%;
	margin: 0;
}
/*  ナンバー  */
.datail .box p.no {
  width: 3em;
  height: 3em;
  background-size: contain;
    margin-left: 0;
	margin-top: 0;
}
.datail .box p.no span {
  top: 54%;
  left: 50%;
  translate: -50% -50%;
}
/*  何日目  */
.datail .box p.day {
  margin: 0;
}
/*  コース分岐等コメント  */
.course_target_comment {
    margin-left: 0px;
    margin-bottom: 15px;
}
/*  タイトル  */
.datail .box h1 {
  font-size: 2rem;
	min-width: initial;
	width: 100%;
	margin: 0 0 10px 0;
}
.datail .box h1 span {
  font-size: 1.3rem;
  letter-spacing: .1em;
}
.datail .box dt {
  font-size: 1.6rem;
}
.datail .box dd {
    font-size: 100%;
	line-height: 1.2;
}
.datail .box dd span {
    background-image: none;
    font-size: 1.4rem;
    line-height: 1.8;
}

/* キーワード -------------------------------*/
.datail .keyword dl {
  flex-direction: column;
  align-items: center;
  gap: 1em;
}
.datail .keyword dd {
  font-size: 1.3rem;
  margin: 0;
}
/* マップ -------------------------------*/
.datail #footer_map {
	width: auto;
	margin: 0 10px;
}
/* ボタン -------------------------------*/
.datail .btn {
    padding: 0;
    margin: 25px 10px;
}
.datail .box .btn {
  font-size: 1.6rem;
  padding: 1em;
}

/****************************************************************************/
/**							TRAVEL TRADE　			    					    	*/
/****************************************************************************/ 
.traveltrade .box h4 {
    font-size: 134%;
    line-height: 1.2;
}
.traveltrade .box .left {
	width: 100%;
	float: none;
	text-align: center;
}
.traveltrade .box .right {
	width: 100%;
	float: none;
}
.traveltrade .box p {
	font-size: 100%;
}
.traveltrade .page_link a {
    font-size: 100%;
}
}