/* CSS Document メディアジャパン制作 */
@charset "UTF-8";

html, body {color:#000;background:#fff;font-size:14px;}

#gattangoWrap{position:relative; overflow:hidden;width:100%; max-width:1172px; margin:0 auto;}
#gattangoWrap .section{margin:3em auto;}
#gattangoWrap h3{margin-bottom:1em;}
#gattangoWrap h3 .spTitle{display:none;}
#gtgFooter{font-size:12px;text-align:center;padding:1 em 0 2em 0;}
#gtgFooter .copy{padding:2em 0;}

.gtgComments h2{ text-align:left; font-size:18px; color:#AC8535; font-weight:bold;line-height:1.6;}
.gtgComments{ margin:30px 0 0 0;}
.gtgComments p{ margin:10px 0 0 0; line-height:1.6;}
.gtgComments span{ color:#B20000; font-weight:bold;}
.gtgComments span.color-black{ color:#000 !important; font-weight:bold;}

.gtgPoint{display:table;table-layout:fixed;margin:20px 0 0 0;width:100%;}
.gtgPoint {display:table;table-layout:fixed;margin:20px 0 0 0;width:100%;}
.gtgPoint .item{display:table-cell;vertical-align:middle;}
.gtgPoint .item p{font-size: 18px; font-weight: bold; text-align: center;margin-bottom: 16px;}
.gtgPoint .item:not(.icon){background: #eff0e0;border-radius: 6px;padding: 24px;}
.gtgPoint .icon{font-size:30px;color:#777;padding:0;text-align:center;width:12%;}

.gtgRailmtb .item{display:table;table-layout:fixed;margin:20px 0 0 0;width:100%;}
.gtgRailmtb .thum,
.gtgRailmtb .text{display:table-cell;vertical-align:top;}
.gtgRailmtb .thum{width:260px;}

.gtgLineup .item{display:table;table-layout:fixed;float:left; margin:0 1% 2% 0; width:49%; background:#F7F7F7;padding:0.5em;}
.gtgLineup .thum,.gtgLineup .text{display:table-cell;vertical-align:top;}
.gtgLineup .thum{width:230px;}
.gtgLineup h4{ font-size:15px; color:#AC8534; font-weight:bold; margin:0 0 5px 0;}
.gtgLineup .text{ font-size:13px; line-height:1.5; padding:0 10px;}
.gtgLineup .box1:nth-child(2n) {margin-right:0;}

.gtgSeason .item{float:left; margin:0 3.5% 0 0;width:31%;}
.gtgSeason .text{ padding:1em;}
.gtgSeason h4{ margin-bottom:10px;}
.gtgSeason .spring{background:#FFF4F4;}
.gtgSeason .summer{background:#ECFAFF;}
.gtgSeason .autumn{background:#FFF4E9;}
.gtgSeason .item:last-child{margin-right:0;}

.gtgCourse .thum{ float:left; width:53%;}
.gtgCourse .title{ float:right; margin:0 0 5px 0;width:45%;margin-bottom:1em;}
.gtgCourse .text{ float:right; line-height:1.6; width:45%; }
.gtgCourse .text span{ color:#AC8533; font-weight:bold;}
.btn {display: flex;gap: 16px;justify-content: center;}
.btn li{flex: 1;}
.btn li a{border:1px solid #AC8534; display: block;padding: 16px;text-decoration: none;text-align: center;border-radius: 6px;font-size: 18px;}
.btn li a:hover{background: #eee;}


.gtgBanner{margin:70px 0 50px 0; padding-top:20px; border-top:1px dotted #ccc;display: flex;gap: 16px;}
.gtgBanner li{text-align:center;}

@media screen and (max-width:1171px){
	#gattangoWrap{width:95%;}
}

@media screen and (max-width:991px){
	.gtgLineup .item{width:100%;float:none;}
}
@media screen and (max-width:800px){
	html, body {font-size:14px;}
	#gattangoWrap{width:90%;}
	#gattangoWrap h3 .pcTitle{display:none;}
	#gattangoWrap h3 .spTitle img{width:50px;vertical-align:middle;}
	#gattangoWrap h3 .spTitle{display:block;padding:0 0 15px 0;font-size:18px;background:url(../img/gattango/title_line.gif) 0 bottom repeat-x;}

	.gtgComments h2{font-size:14px;}

	.gtgSeason .item{float:none; margin:0;width:100%;padding:15px 10px 0 10px;}
	.gtgSeason .thum,
	.gtgSeason h4{text-align:center;}
	.gtgSeason .text{ padding:1em 0;}

	.gtgCourse .thum,
	.gtgCourse .title,
	.gtgCourse .text{float:none;width:100%;margin:1em 0;}
	.gtgCourse .thum{text-align:center;}

	.gtgLineup h4{ font-size:15px;}
}
@media screen and (max-width:640px){

	.gtgPoint,.gtgPoint .item{display:block;text-align:center;width:100%;}

	.gtgRailmtb{display:block;}
	.gtgRailmtb .thum,.gtgRailmtb .text{display:block;margin:10px auto;}

	.gtgLineup .item{display:block;float:none; margin:0 0 2% 0; width:100%;}
	.gtgLineup .thum,.gtgLineup .text{display:block;}
	.gtgLineup .thum{width:250px;margin:10px auto;}
	.gtgLineup .text{ font-size:14px;}

	.gtgBanner{flex-direction: column;}

}