@charset "UTF-8";

/*  color
$textcolor:#333333;
$yubin:#cc0000;
$yubin2:#FAECEA;
$bg:#eeeeee;
$border:#c9c9c9;
$yucho:#009900;
$kanpo:#000099;
$int:#FA812F;

$gray1:#646464;
$gray2:#a0a0a0;
$gray3:#c8c8c8;
$gray4:#dcdcdc;
$gray5:#eeeeee;
$gray6:#f7f7f7;
$gray7:#FAFAFA;
*/


/* common
----------------------------------------------- */



/* /business/discount/
----------------------------------------------- */
table.layout.prefectures{width:100%;}
table.layout.prefectures td ul li{display:inline-block;}

.prefectureList dl{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex; flex-wrap:wrap; margin:0.8em 0 1.3em;
}
	.prefectureList dl dt{width:8em;}
	.prefectureList dl dt:before{content:"・";}
	.prefectureList dl dd{flex:1;}
	.prefectureList dl dd ul.inline li{margin:0 0.8em;min-width:4em; }
	.prefectureList dl dd ul.inline a{text-decoration: underline;}
	.prefectureList dl dd ul.inline a:hover{text-decoration: none;}

@media screen and (max-width: 750px){
  table.prefectures td{display: block; padding-left:5%;}
  table.prefectures td.marker{display:block; width:100%; padding-left:0;}
	.prefectureList dl{margin-bottom:1.5em;}
	.prefectureList dl dt{width:7em;}
		.prefectureList dl dd ul.inline li{min-width:5.5em; margin:0 0 0.5em 0;}
}