@charset "shift_jis";

/* ======================================================
 * footer02_sp.css
 * ------------------------------------------------------
 * RESET
 * BASE LAYOUT
 * FOOTER LAYOUT
 * EXTRA
 * Clearfix
====================================================== */
/* RESET
------------------------------------------------------ */
[id*="footerContainer"] div,[id*="footerContainer"] span,[id*="footerContainer"] object,[id*="footerContainer"] iframe,[id*="footerContainer"] h1,[id*="footerContainer"] h2,[id*="footerContainer"] h3,[id*="footerContainer"] h4,[id*="footerContainer"] h5,[id*="footerContainer"] h6,[id*="footerContainer"] p,[id*="footerContainer"] blockquote,[id*="footerContainer"] pre,[id*="footerContainer"] abbr,[id*="footerContainer"] address,[id*="footerContainer"] cite,[id*="footerContainer"] code,[id*="footerContainer"] del,[id*="footerContainer"] dfn,[id*="footerContainer"] em,[id*="footerContainer"] img,[id*="footerContainer"] ins,[id*="footerContainer"] kbd,[id*="footerContainer"] q,[id*="footerContainer"] samp,[id*="footerContainer"] small,[id*="footerContainer"] strong,[id*="footerContainer"] sub,[id*="footerContainer"] sup,[id*="footerContainer"] var,[id*="footerContainer"] b,[id*="footerContainer"] i,[id*="footerContainer"] dl,[id*="footerContainer"] dt,[id*="footerContainer"] dd,[id*="footerContainer"] ol,[id*="footerContainer"] ul,[id*="footerContainer"] li,[id*="footerContainer"] fieldset,[id*="footerContainer"] form,[id*="footerContainer"] label,[id*="footerContainer"] legend,[id*="footerContainer"] table,[id*="footerContainer"] caption,[id*="footerContainer"] tbody,[id*="footerContainer"] tfoot,[id*="footerContainer"] thead,[id*="footerContainer"] tr,[id*="footerContainer"] th,[id*="footerContainer"] td,[id*="footerContainer"] article,[id*="footerContainer"] aside,[id*="footerContainer"] canvas,[id*="footerContainer"] details,[id*="footerContainer"] figcaption,[id*="footerContainer"] figure,[id*="footerContainer"] footer,[id*="footerContainer"] header,[id*="footerContainer"] hgroup,[id*="footerContainer"] menu,[id*="footerContainer"] nav,[id*="footerContainer"] section,[id*="footerContainer"] summary,[id*="footerContainer"] time,[id*="footerContainer"] mark,[id*="footerContainer"] audio,[id*="footerContainer"] video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
[id*="footerContainer"] body{line-height:1}
[id*="footerContainer"] article,[id*="footerContainer"] aside,[id*="footerContainer"] details,[id*="footerContainer"] figcaption,[id*="footerContainer"] figure,[id*="footerContainer"] footer,[id*="footerContainer"] header,[id*="footerContainer"] hgroup,[id*="footerContainer"] menu,[id*="footerContainer"] nav,[id*="footerContainer"] section{display:block}
[id*="footerContainer"] nav ul{list-style:none}
[id*="footerContainer"] blockquote,[id*="footerContainer"] q{quotes:none}
[id*="footerContainer"] blockquote:before,[id*="footerContainer"] blockquote:after,[id*="footerContainer"] q:before,[id*="footerContainer"] q:after{content:none}
[id*="footerContainer"] a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
[id*="footerContainer"] ins{background-color:#ff9;color:#000;text-decoration:none}
[id*="footerContainer"] mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
[id*="footerContainer"] del{text-decoration:line-through}
[id*="footerContainer"] abbr[title],[id*="footerContainer"] dfn[title]{border-bottom:1px dotted;cursor:help}
[id*="footerContainer"] table{border-collapse:collapse;border-spacing:0}
[id*="footerContainer"] hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
[id*="footerContainer"] input,[id*="footerContainer"] select{vertical-align:middle}

/* Custom Reset
------------------------------------------------------ */
/*----- for HTML5 -----*/
[id*="footerContainer"] main { display: block; margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
[id*="footerContainer"] h1, h2, h3, h4, h5, h6 ,[id*="footerContainer"] small { font-weight: normal; }
[id*="footerContainer"] ul, ol { list-style: none; }
[id*="footerContainer"] strong { font-weight: bold; }
[id*="footerContainer"] em { font-style: italic; }
[id*="footerContainer"] address { font-style: normal; }
[id*="footerContainer"] hr, legend { display: none; }
[id*="footerContainer"] time { display: block; }
[id*="footerContainer"] sub, sup{ position: relative; font-size: 10px; line-height: 1; }
[id*="footerContainer"] sup { top: -0.5em; }
[id*="footerContainer"] sub { bottom: -0.25em; }
[id*="footerContainer"] img { max-width: 100%; height: auto; vertical-align: top; }
[id*="footerContainer"] img:not([width]):not([height]) { zoom: 1; }

/* Base Style
------------------------------------------------------ */
/*----- for HTML5 -----*/
[id*="footerContainer"] {
	color: #222222;
	font-size: 14px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
	word-wrap: break-word;
	text-align: left;
}
[id*="footerContainer"] * {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
}
/* input */
[id*="footerContainer"] input, select, textarea {
	font-size: 14px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/* -webkit-appearance: none; */
}

/* BASE LAYOUT
------------------------------------------------------ */
[id*="footerContainer"] a:link    { color: #003399; text-decoration: underline; }
[id*="footerContainer"] a:visited { color: #003399; text-decoration: underline; }
[id*="footerContainer"] a:hover   { color: #e70000; text-decoration: none; }
[id*="footerContainer"] a:active  { color: #e70000; text-decoration: none; }
[id*="footerContainer"] .hdft_pcOnly {
	display: none !important;
}

/* FOOTER LAYOUT
------------------------------------------------------ */
/* ----- footerContainer01 ----- */
#footerContainer01 {
	padding-top: 20px;
}
#footerContainer01 .footerAbout {
	border-top: 1px solid #999999;
}
#footerContainer01 .footerAbout > li {
	border-bottom: 1px solid #dddddd;
}
#footerContainer01 .footerAbout > li > a {
	display: block;
	padding: 13px;
	background-color: #f6f6f6;
	font-size: 14px;
	font-weight: bold;
	color: #222222;
	text-decoration: none;
}
#footerContainer01 .footerAbout > li.marui > a {
	padding-left: 54px;
	background: url(/common-files/img/sp_com_marui_logo01.png) 12px 50% no-repeat #f6f6f6;
	-webkit-background-size: 35px 13px;
					background-size: 35px 13px;
}
#footerContainer01 .footerAbout > li > a span {
	position: relative;
	display: block;
	padding-right: 15px;
}
#footerContainer01 .footerAbout > li > a span:after {
	position: absolute;
	display: block;
	content: "";
	top: 50%;
	right: 0;
	margin-top: -3px;
	width: 11px;
	height: 7px;
	background: url(/common-files/img/sp_com_arw_ic03.png) 0 0 no-repeat;
	-webkit-background-size: 11px 7px;
					background-size: 11px 7px;
	-webkit-transition: transform 0.3s;
		 -moz-transition: transform 0.3s;
			-ms-transition: transform 0.3s;
			 -o-transition: transform 0.3s;
					transition: transform 0.3s;
}
#footerContainer01 .footerAbout > li.open > a span:after {
	-webkit-transform: rotate(180deg);
		 -moz-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			 -o-transform: rotate(180deg);
					transform: rotate(180deg);
}
#footerContainer01 .footerAbout .navList02 {
	padding: 0 10px 13px;
	background-color: #f6f6f6;
}
#footerContainer01 .footerAbout .navList02 > li {
	background-color: #ffffff;
}
#footerContainer01 .footerAbout .navList02 > li + li {
	margin-top: 2px;
}
#footerContainer01 .footerAbout .navList02 > li > a {
	position: relative;
	display: block;
	padding: 15px 10px;
	font-size: 12px;
	color: #222222;
	text-decoration: none;
}
#footerContainer01 .footerAbout .navList02 > li > a:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -4px;
	border-left: 7px solid #696969;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
#footerContainer01 .footerAbout .navList02 > li > a[target="_blank"]:after {
	width: 12px;
	height: 11px;
	margin-top: -6px;
	background: url(/common-files/img/sp_com_blank_ic01.png) 0 0 no-repeat;
	-webkit-background-size: 12px 11px;
					background-size: 12px 11px;
	border: none;
}
/* ----- footerContainer02 ----- */
#footerContainer02 {
	padding-top: 20px;
}
#footerContainer01 + #footerContainer02 {
	padding-top: 0;
}
#footerContainer02 .footerNav .navList01 > li {
	display: table;
	float: left;
	width: 50%;
	border-left: 1px solid #dbcfcf;
}

#footerContainer02 .footerNav .navList01 > li.double {
	width: 100%;
}
#footerContainer02 .footerNav .navList01 > li:nth-child(n+3) {
	border-top: 1px solid #dbcfcf;
	border-bottom: 1px solid #dbcfcf;
}
#footerContainer02 .footerNav .navList01 > li:nth-child(2n+1) {
	border-left: none;
	clear: left;
}
#footerContainer02 .footerNav .navList01 > li > a {
	display: table-cell;
	padding: 15px;
	background: #f4f0f1;
	font-size: 11px;
	color: #222222;
	text-decoration: none;
	vertical-align: middle;
}

/* ----- footerContainer03 ------ */
#footerContainer03 {
	padding: 14px 10px 30px;
	background: #ffffff;
}
#footerContainer03.top {
	display: table;
	width: 100%;
	padding: 15px 0 15px;
}
#footerContainer03 .ftInner {
}
#footerContainer03 .ftInner #footerLogo {
	text-align: center;
}
#footerContainer03 .ftInner #footerLogo img {
	max-width: 137px;
}
#footerContainer03 .ftInner #copyright {
	margin-top: 10px;
	font-size: 8px;
	color: #333333;
	text-align: center;
}
#footerContainer03.top .ftInner {
	display: table-cell;
	padding: 0 0 0 10px;
	vertical-align: middle;
}
#footerContainer03.top .ftInner #footerLogo,
#footerContainer03.top  .ftInner #copyright{
	text-align: left;
}
#footerContainer03.top #ftPrivacySP {
	display: table-cell;
	padding-right: 10px;
	vertical-align: middle;
	text-align: right;
}
#footerContainer03.top #ftPrivacySP img {
	width: 75px;
	height: 75px;
}
.headerListNoteText {
	font-size: 10px!important;
}
/* Clearfix
------------------------------------------------------ */
#footerContainer02 .footerNav .navList01:after {
	content: "";
	display: block;
	clear: both;
}
#footerContainer02 .footerNav .navList01:after {
	zoom: 1;
}