@charset "utf-8";

/*
-----------------------------------------------------
◆◆東京FP ver2015　スタイルシート◆◆
◇◇◇◇◇◇◇レイアウト定義◇◇◇◇◇◇◇
■■■■■スマートフォン用設定■■■■■
-----------------------------------------------------
-----------------------------------------------------
【改訂履歴】
22/03/24：「グローバルヘッダ設定（YCGロゴ部分）」設定変更
20/04/20：「臨時告知欄」追加
19/10/01：「約款」追加
19/09/03：「新税率に関するお知らせ」追加
16/09/05：「ぱんくず設定」を改訂（はみ出し対策）
16/09/05：「下部リンクボタン（スマホのみ）」追加
16/03/15：「グローバルヘッダ設定」変更
16/02/05：「.Body」設定を追加
15/07/30：初版作成
-----------------------------------------------------
*/

.Body { -webkit-text-size-adjust: 100%;}

/* --◆h1テキスト設定--*/

.Pagetop {
	display:none;
	}

/* --◆リンクカラー設定（強調のとき）--*/

strong a:link { color:#f00; text-decoration:underline; }
strong a:visited { color:#f00; text-decoration:underline; }
strong a:hover { color:#f00; text-decoration:underline; }
strong a:active{ color:#f00; text-decoration:underline; }


/* --◆グローバルヘッダ設定--*/

.G_Header {
	position:relative;
	width:100%;
	height:68px;
	margin:0px auto 0px auto;
	background-color:#fff;
	background:url("../img/header_sp_bk.png") no-repeat right 0, #ffffff;
	background-size:110px 68px;
	box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 3px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 3px 0px;
	z-index:1;
	}

.G_Header p {
	font-size:10px;
	text-indent:-999em;
	text-align:left;
	}

.G_Header p a {
	position:absolute;
	left:12px;
	top:22px;
	display:block;
	width:198px;
	height:30px;
	background:url("../img/header_logo_global_yamada.svg") no-repeat left top / contain;
	}

#navigation { display:none; }

#responsive-menu-button {
	position:absolute;
	right:14px;
	top:14px;
	display:block;
	width:40px;
	height:40px;
	background-color:#b82c26;
	background:url("../img/header_sp_menubt_line.png") no-repeat center 10px, #b82c26;
	background-size:13px 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size:80%;
	line-height:60px;
	color:#fff;
	}

#responsive-menu-button:link,
#responsive-menu-button:hover,
#responsive-menu-button:visited {
	text-decoration:none;
	}

/* --◆ボディヘッド設定--*/

.BodyHead h3,
.BodyHead .Backtop{
	display:none;
	}

/* --◆ぱんくず設定--*/

ul.Pankuzu {
	width:100%;
	height:25px;
	margin:0px auto;
	padding:0px 0px;
	border-bottom:1px solid #ccc;
	background-color:#fff;
	background:-webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#cccccc));
	background:linear-gradient(to bottom, #ffffff, #cccccc);
	overflow:hidden;
	text-align:left;
	}

ul.Pankuzu li {
	display:inline-block;
	width:17%;
	padding:7px 3px 5px 5px;
	background-image:url("../img/arrow_pankuzu.png");
	background-repeat:no-repeat;
	background-position:right top;
	vertical-align:middle;
	white-space:nowrap;
	text-align:left;
	font-size:70%;
	color:#555;
	}

ul.Pankuzu li:last-child {
	display:inline-block;
	width:55%;
	background-image:none;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	}

ul.Pankuzu li a {
	display:inline-block;
	width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	vertical-align:middle;
	}

ul.Pankuzu li a:link,
ul.Pankuzu li a:hover,
ul.Pankuzu li a:visited {
	/*color:#fff;*/
	}


/* --◆グローバルフッタ設定--*/

.G_Footer {
	width:100%;
	margin-top:20px;
	margin-bottom:76px;
	border-top:5px solid #147356;
	text-align:center;
	}

.GF_Wrap {
	/*height:319px;*/
	overflow:hidden;
	border-left:1px solid #7dcab3;
	background-color:#329275;
	}

.GF_Inn h3 {
	width:50%;
	height:39px;
	border-bottom:1px solid #7dcab3;
	float:left;
	}

.GF_Inn h3 a {
	display:block;
	height:39px;
	margin:0px;
	padding:0px 20px 0px 5px;
	background-color:#329275;
	border-right:1px solid #7dcab3;
	text-align:left;
	font-size:75%;
	line-height:39px;
	color:#fff;
	overflow: hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
	background:url("../img/arrow_sp_white.png") no-repeat right 12px;
	background-size:15px 15px;
	}

.GF_Inn ul {
	display:none;
	}

.GF_Inn p.Link {
	border-top:5px solid #147356;
	line-height:42.5px;
	text-align:center;
	clear:both;
	}

.GF_Inn p.Link a {
	color:#005ebb;
	}

.GF_Inn p.Copy {
	margin:0px 15px;
	border-top:1px solid #ccc;
	font-size:60%;
	text-align:center;
	line-height:42.5px;
	color:#000;
	clear:both;
	}

.GF_Inn a:hover {
	text-decoration:none;
	}

/*◆ページトップへ◆*/

#pageTop{
	width:50px;
	height:50px;
	position:fixed;
	bottom:70px;
	right:10px;
	text-indent:-999em;
	background-image:url("../img/bt_pagetop_sp.png");
	background-size:100px 50px;
	}

/*◆スマホ用ナビ◆*/

.SP_Navi {
	margin:20px 5px 20px 5px;
	padding-top:20px;
	border-top:1px solid #147356;
	clear:both;
	}

.SP_Navi ul {
	display:table;
	margin:0px auto;
	}

.SP_Navi li {
	display:table-cell;
	border:2px solid #147356;
	vertical-align:middle;
	}

.SP_Navi li a {
	display:block;
	padding:10px;
	font-size:90%;
	color:#333;
	vertical-align:middle;
	}

.SP_Navi li a:link,
.SP_Navi li a:hover,
.SP_Navi li a:visited {
	color:#333;
	text-decoration:none;
	}

.SP_Navi li.Top {
	width:100px;
	background:-webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eeeeee));
	background:linear-gradient(to bottom, #ffffff, #eeeeee);
	}

.SP_Navi li.Back,
.SP_Navi li.Next {
	width:60px;
	}

.SP_Navi li.Back {
	border-right:none;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	background:-webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eeeeee));
	background:linear-gradient(to bottom, #ffffff, #eeeeee);
	}

.SP_Navi li.Next {
	border-left:none;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	background:-webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eeeeee));
	background:linear-gradient(to bottom, #ffffff, #eeeeee);
	}

/*下部リンクボタン（スマホのみ）*/

.SPbottomBtn {
	display:table;
	width:100%;
	position:fixed;
	bottom:0;
	z-index:999;
	border-top:2px solid #147356;
	background:#f9f8e5;
	background:-webkit-gradient(linear, center top, center bottom, from(#fffff9), to(#f9f8e5));
	background:linear-gradient(to bottom, #fffff9, #f9f8e5);
	}

.SPbottomBtn li {
	display:table-cell;
	width:50%;
	text-align:center;
	}

.SPbottomBtn li.Document a,
.SPbottomBtn li.Application a {
	display:block;
	width:90%;
	height:40px;
	margin:10px auto;
	background-color:#f54c53;
	background: -webkit-linear-gradient(top,  #fc7134 0%,#fca27b 48%,#fc7134 51%,#fc7134 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fc7134 0%,#fca27b 48%,#fc7134 51%,#fc7134 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fc7134 0%,#fca27b 48%,#fc7134 51%,#fc7134 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fc7134 0%,#fca27b 48%,#fc7134 51%,#fc7134 100%); /* W3C */
	-webkit-text-shadow: 5px 3px 5px #d74e4a;
	text-shadow: 5px 3px 5px #d74e4a;
	border:2px solid #fb5300;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	line-height:40px;
	color:#fff;
	}

.SPbottomBtn li.Document a:hover,
.SPbottomBtn li.Application a:hover {
	text-decoration:none;

	}

	/*新税率に関するお知らせ*/

	.TaxInfo {
		margin:15px 5px;
		padding-bottom: 15px;
		border:2px solid #c33;
	}

	.TaxInfo h2 {
		margin:0 0 15px 0;
		padding:10px;
		background: #c33;
		font-weight: bold;
		color:#fff;
	}

	.TaxInfo h3 {
		margin:15px;
		text-align: left;
		font-weight: bold;
	}

	.TaxInfo p {
		margin:15px;
		line-height: 160%;
		text-align: left;
	}

	.TaxInfoLead {
		color:#c33;
	}

	.TaxInfo .Chart {
		width:95%;
		height:auto;
		margin:0px auto;
	}

	/*約款*/

	.Yakkan ul li {
		list-style: disc;
	}

/*臨時告知欄*/

.C_Block .infoBoard {
	margin:10px 0px 20px 0px;
	padding:5px;
	background-image:url("../../../img/top2015/bk_woody.png");
	box-shadow:rgba(100, 100, 100, 0.5) -1px 6px 4px -2px;
	-webkit-box-shadow:rgba(100, 100, 100, 0.5) -1px 6px 4px -2px;
	border-radius: 2px;
	}

.C_Block .infoBoard .infoBoardWrap {
	padding:15px;
	background-color:#fff;
	box-shadow:rgba(100, 100, 100, 0.3) 0px 0px 3px 3px inset;
	-webkit-box-shadow:rgba(100, 100, 100, 0.3) 0px 0px 3px 3px inset;
	text-align:left;
	}

.C_Block .infoBoard .infoBoardWrap dt {
	padding:0 0 0 0;
	background: none;
	border-bottom:none;
	font-size:110%;
	font-weight: normal;
	color:#e52e2e;
	}

.C_Block .infoBoard .infoBoardWrap dt::before {
	display: none;
	}

.C_Block .infoBoard .infoBoardWrap dd {
	margin:15px 0 0 0;
	}

.C_Block .infoBoard .infoBoardWrap dd p {
	margin:15px 0 0 0;
	font-weight: bold;
	line-height: 140%;
	}