@charset "utf-8";

@media screen and (min-width: 768px) {
	.pageCard .groupe { margin-bottom: 30px; /*width: 440px; */ }
	.pageCard .groupe:after { content: "";  clear: both;  display: block; }
	.pageCard .groupe.odd { float: left; }
	.pageCard .groupe.even { float: right; }
	.pageCard .groupe.last { margin-bottom: 0; }
	.pageCard .groupe h3 { margin-bottom: 15px; width: 100%; }
	.pageCard .groupe h3 img { width: 100%; }
	.pageCard .groupe li { position: relative; margin-bottom: 15px; width: 450px; }
	.pageCard .groupe li.odd { float: left; }
	.pageCard .groupe li.even { float: right; }
	.pageCard .groupe li img { width: 100%; }
	.pageCard .groupe li .term { text-align: center; }
	.pageCard .groupe li .code { text-align: center; }
	.pageCard .groupe li .name { text-align: center; font-weight: bold; }
	.pageCard .groupe li .scText { padding: 0 5px 0 1.0em; text-indent: -1.0em; text-align: left; }
	.pageCard .groupe li .iconNew { position: absolute; left: -10px; top: -10px; width: 55px; height: 55px; }
	.pageCard .groupe.last { margin-bottom: 0; }
	/*.pageCard .groupe.last li { margin-bottom: 0; }*/
	.pageCard .groupe .text { margin-top: 10px; }
	.pageCard .navLocal { margin-bottom: 10px; }
	.pageCard .navLocal li { float: left; margin: 0 10px 10px 0; width: 145px; }
	.pageCard .navLocal li:last-child { margin-right: 0; }
}
@media screen and (max-width: 767px) {
	.pageCard .groupe { margin-bottom: 30px; }
	.pageCard .groupe li { position: relative; margin-top: 10px; }
	.pageCard .groupe li .term { text-align: center; }
	.pageCard .groupe li .code { text-align: center; }
	.pageCard .groupe li .name { text-align: center; font-weight: bold; }
	.pageCard .groupe li .scText { padding: 0 5px 0 1.0em; text-indent: -1.0em; text-align: left; }
	.pageCard .groupe li .iconNew { position: absolute; left: -5px; top: -5px; width: 50px; height: 50px; }
	.pageCard .groupe.last { margin-bottom: 0; }
	.pageCard .groupe .text { margin-top: 10px; }
	
	.pageCard .navLocal { margin-bottom: 5px; width: 100%; }
	.pageCard .navLocal li { float: left; margin-bottom: 10px; width: 50%; box-sizing: border-box; }
	.pageCard .navLocal li:nth-child(odd) { padding-right: 5px; }
	.pageCard .navLocal li:nth-child(even) { padding-left: 5px; }
	/*.pageCard .navLocal li.odd { margin-right: 1%; text-align: left; }
	.pageCard .navLocal li.even { margin-left: 1%; text-align: right; }*/

}


/* カードページのローカルナビ
---------------------------------------------------*/
@media screen and (min-width: 768px) {
	.navPulldown { position: absolute; top: 28px; margin: 0 auto 0 auto; width: 500px; z-index: 100; }
	.navPulldownInner { position: absolute; margin-left: 730px; padding: 0; border-top: #ffe930; border-bottom: #ffe930; font-size: 1.4rem; font-weight: bold; width: 225px; color: #000; }
	.navPulldownInner:before,
	.navPulldownInner:after  { display: block; content: ""; position: absolute; left: 0; right: 0; border: 7px solid transparent; }
	.navPulldownInner:before { bottom: 100%; border-bottom-color: inherit; }
	.navPulldownInner:after  { top: 100%; border-top-color: inherit; }

	.navPulldownInner dt { padding: 5px 10px 3px 10px; cursor: pointer; background: #ffe930;
	background: -moz-linear-gradient(top, #ffe930 0%, #ffe930 48%, #f9d400 51%, #ffe930 100%);
	background: -webkit-linear-gradient(top, #ffe930 0%,#ffe930 48%,#f9d400 51%,#ffe930 100%);
	background: linear-gradient(to bottom, #ffe930 0%,#ffe930 48%,#f9d400 51%,#ffe930 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe930', endColorstr='#ffe930',GradientType=0 ); }
	.navPulldownInner dt::after { position: absolute; top: 10px; content: ''; width: 7px; height: 7px; border: 0px; border-top: solid 2px #000; border-right: solid 2px #000; -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); right: 15px; }
	.navPulldownInner dd { display: none; margin: 0; background: #ffe930; }
	.navPulldownInner ul { padding: 10px; background: #ffe930; }
	.navPulldownInner li { border: 1px solid #ffe930; border-bottom: none; }
	.navPulldownInner li a { position: relative; display: block; padding: 12px 10px; color: #ffe930; font-weight: normal; background: #000; font-size: 1.4rem; text-decoration: none; }
/*	.navPulldownInner li a:hover { background: #ffee31; color: #000;}*/
	.navPulldownInner li a::after { position: absolute; top: 50%; content: ''; width: 7px; height: 7px; border: 0px; border-top: solid 2px #ffe930; border-right: solid 2px #ffe930; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 10px; margin-top: -5px; }
/*	.navPulldownInner li a:hover::after {border-top: solid 2px #000; border-right: solid 2px #000; }*/
}
@media screen and (max-width: 767px) {
	.navPulldown { position: relative; margin: 0 4vw; padding-bottom: 12vw; z-index: 100; }
	.navPulldownInner { position: absolute; margin-top: 26vw; padding: 0; width: 100%; border-top: #ffe930; border-bottom: #ffe930; font-size: 3.73333333vw; font-weight: bold; color: #000; }
	.navPulldownInner:before,
	.navPulldownInner:after  { display: block; content: ""; position: absolute; left: 0; right: 0; border: 11px solid transparent; }
	.navPulldownInner:before { bottom: 100%; border-bottom-color: inherit; }
	.navPulldownInner:after  { top: 100%; border-top-color: inherit; }
	
	.navPulldownInner dt { padding: 3px 10px 1px 10px; cursor: pointer; background: #ffe930;
	background: -moz-linear-gradient(top, #ffe930 0%, #ffe930 48%, #f9d400 51%, #ffe930 100%);
	background: -webkit-linear-gradient(top, #ffe930 0%,#ffe930 48%,#f9d400 51%,#ffe930 100%);
	background: linear-gradient(to bottom, #ffe930 0%,#ffe930 48%,#f9d400 51%,#ffe930 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe930', endColorstr='#ffe930',GradientType=0 ); }
	.navPulldownInner dt::after { position: absolute; top: 10px; content: ''; width: 8px; height: 8px; border: 0px; border-top: solid 2px #000; border-right: solid 2px #000; -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); right: 15px; }
	.navPulldownInner dd { display: none; margin: 0; background: #ffe930; }
	.navPulldownInner ul { padding: 10px; background:#ffe930; }
	.navPulldownInner li { border: 1px solid #ffe930; border-bottom: none; }
	.navPulldownInner li a { position: relative; display: block; padding: 10px; color:#ffe930; font-weight: normal; background: #000; font-size: 3.73333333vw; text-decoration: none; }
	/*.navPulldownInner li a:hover { background: #ffee31; color: #000; }*/
	.navPulldownInner li a::after { position: absolute; top: 50%; content: ''; width: 7px; height: 7px; border: 0px; border-top: solid 2px #ffe930; border-right: solid 2px #ffe930; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 10px; margin-top: -5px; }
	/*.navPulldownInner li a:hover::after {border-top: solid 2px #000; border-right: solid 2px #000; }*/
}