/* Y'S GEAR : guide.css */


.guideWrap {
	font-size: 1.3rem;
}


/*======================================================================*
 *  [ guideWrap | ご利用ガイド独自CSS ] 
 *======================================================================*/

.guideWrap > section {
	margin: 0 0 40px 0;
}
.guideWrap > section section {
	margin: 30px 0;
}
.guideWrap h2 + section, 
.guideWrap h3 + section, 
.guideWrap h4 + section, 
.guideWrap h5 + section {
	margin-top: 15px;
}

.guideWrap h2, 
.guideWrap h3, 
.guideWrap h4, 
.guideWrap h5 {
	margin: 0 0 15px 0;
}

.guideWrap br.spn {
	display: none;
}
.guideWrap .uline {
	text-decoration: underline;
}
.guideWrap .red {
	color: #ff0000;
}

/* [ リンク ] */
.guideWrap a {
	display: inline-block;
	color: #363a90;
	text-decoration: underline;
}
.guideWrap a:hover {
	text-decoration: none;
}
.guideWrap a.blank, 
.guideWrap a[target="_blank"] {
	position: relative;
	padding: 0 14px 0 0;
}
.guideWrap a.blank:after, 
.guideWrap a[target="_blank"]:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 2px;
	width: 10px;
	height: 10px;
	margin: -5px 0 0 0;
	line-height: 10px;
	content: url(/shared/svg/icon_blank_corporate.svg);
}
.guideWrap a.iconNone[target="_blank"] {
	padding: 0;
}
.guideWrap a.iconNone[target="_blank"]:after {
	display: none;
}

.guideWrap p {
	margin: 15px 0;
}

/* [ メンバーの場合 ] */
.guideWrap .member {
	margin-bottom: -10px;
	font-weight: bold;
}

/* [ 電話番号 ] */
.guideWrap .tel {
	display: inline-block;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	font-family: "Arial", "Verdana";
	line-height: 1;
}

/* [ ※ ] */
.guideWrap .notes {
	color: #333;
	padding: 0 0 0 1em;
	font-size: 12px;
	font-size: 1.2rem;
}
.guideWrap span.notes {
	display: inline-block;
}
.guideWrap table + .notes {
	margin-top: -10px;
}
.guideWrap .notes:before {
	margin: 0 0 0 -1em;
	content: "※";
}

/* [ ご注意 ] */
.guideWrap .caution {
	padding: 10px;
	background: #ffefef;
	color: #ff6060;
	font-weight: 500;
	font-size: 12px;
	font-size: 1.2rem;
}
.guideWrap .caution span {
	display: block;
	margin: 0 0 5px 0;
	font-weight: bold;
}
.guideWrap .caution p {
	margin: 0;
}
.guideWrap .caution p + p {
	margin-top: 5px;
}
.guideWrap .caution .notes {
	color: #ff6060;
}
.guideWrap dl.caution {
	margin-top: 10px;
}
.guideWrap dl.caution dt {
	font-size: calc(1em + 0.1rem);
	font-weight: bold;
}
.guideWrap dl.caution dd {
	margin-top: 10px;
	padding-left: 1.5em;
	text-indent: -1.5em;
}
.guideWrap dl.caution dd span {
	display: inline;
	margin: 0;
	font-weight: normal;
}

/* [ 画像・キャプション ] */
.guideWrap figure {
	margin: 15px 0;
}
.guideWrap img + figcaption {
	margin: 5px 0 0 0;
}
.guideWrap figcaption + img {
	margin: 5px 0 0 0;
}

/* [ アイコン ] */
.guideWrap img.icon {
	display: inline-block;
	margin: 5px;
	vertical-align: middle;
}

/* [ 文字色 ] */
.guideWrap .red { color: #ff0000; }
.guideWrap .blue { color: #363a90; }
.guideWrap .lblue { color: #0162b1; }
.guideWrap .orange { color: #ff6600; }
.guideWrap .click { color: #666; text-decoration: underline; }

/* [ ダウンロードボタン ] */
.downloadButton {
	float: right;
	margin-left: 20px;
}


/*======================================================================*
 *  [ guideUnorderedList | <ul> ] 
 *======================================================================*/

.guideUnorderedList {
	margin: 15px 10px;
	font-size: 13px;
	font-size: 1.3rem;
}
.guideUnorderedList li {
	margin: 10px 0 0 0;
	padding: 0 0 0 1em;
}
.guideUnorderedList li:before {
	margin: 0 0 0 -1em;
	color: #363a90;
	content: "● ";
}

/* [ tableに入れた時 ] */
.commonTable .guideUnorderedList, 
.commonTable .guideUnorderedList li:first-child {
	margin: 0;
}


/*======================================================================*
 *  [ guideDefinitionList | <dl> ] 
 *======================================================================*/

.guideDefinitionList {
	margin: 15px 10px;
	padding: 0 0 0 1em;
}
.guideDefinitionList dt {
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
	color: #363a90;
}
.guideDefinitionList dt + dt, 
.guideDefinitionList dd + dt {
	margin: 20px 0 0 0;
}
.guideDefinitionList dt:before {
	margin: 0 0 0 -1em;
	content: "● ";
}
.guideDefinitionList dt .small {
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
	text-indent: 0;
}
.guideDefinitionList dd {
	margin: 10px 0 0 0;
	font-size: 13px;
	font-size: 1.3rem;
}
.guideDefinitionList dt + dd {
	margin-top: 5px;
}
.guideDefinitionList dd p {
	margin: 5px 0 0 0;
}

/* [ disc ] */
.guideDefinitionList.disc dd {
	padding: 0 0 0 1em;
}
.guideDefinitionList.disc dd:before {
	margin: 0 0 0 -1em;
	content: "● ";
}


/*======================================================================*
 *  [ commonTable | <table> ] 
 *======================================================================*/

.commonTable {
	font-size: 13px;
	font-size: 1.3rem;
}
.commonTable th, 
.commonTable td {
	padding: 10px;
}
.commonTable p {
	margin: 0;
	font-size: 12px;
	font-size: 1.2rem;
}
.commonTable p + p, 
.commonTable ul + p, 
.commonTable dl + p {
	margin-top: 5px;
}


/*======================================================================*
 *  [ twoSplit | 二分割 ] 
 *======================================================================*/

.guideWrap .twoSplit {
	margin-bottom: -15px;
}
.guideWrap .twoSplit .leftColumn {
	float: left;
	width: 63.01369863%;
}
.guideWrap .twoSplit .rightColumn {
	float: right;
	width: 36.98630137%;
	margin: 0 0 15px 0;
	padding: 0 0 0 20px;
	box-sizing: border-box;
}


/*======================================================================*
 *  [ cardList | クレジットカード ] 
 *======================================================================*/

.cardList {
	margin: 15px 0;
	padding: 5px;
	background: #f4f4f5;
}
.cardList li {
	float: left;
	/* width: 14.28571429%; */
	width: 20%;
	padding: 5px;
	box-sizing: border-box;
}
.cardList li a {
	display: block;
	padding: 10px 5px !important;
	border-radius: 10px;
	background: #fff;
	text-align: center;
}
.cardList li a:after {
	display: none !important;
}


/*======================================================================*
 *  [ contactBox | お問い合わせ ] 
 *======================================================================*/

.contactBox {
	margin: 0 30px;
	padding: 15px 10px;
	background: #f4f4f5;
	text-align: center;
}
.contactBox p {
	margin: 0;
}
.contactBox p + p {
	margin-top: 5px;
}

/* [ ゴーワイズ ] */
.contactBox .goys {
	display: inline-block;
	min-height: 55px;
	margin: 10px 0;
	padding: 0 0 0 75px;
	background: url(/e-shop/guide/contact/img/icon_freedial.svg) left center no-repeat;
	background-size: 72px 55px;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 55px;
}
.contactBox .goys span {
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	text-align: right;
}

/* [ リスト ] */
.contactBox .guideUnorderedList {
	margin: 0;
}
.contactBox .guideUnorderedList li + li {
	margin-top: 0;
}


/*======================================================================*
 *  [ localNav | ご利用ガイド独自ナビ ] 
 *======================================================================*/

/* リセット */
.localNav .link li.active a, 
.localNav .link li a:hover {
	background: none;
	color: #505050;
}

/* 親再設定 */
.localNav .link > li > a, 
.localNav .link > li.active > a {
	background: #9a9bc7;
	color: #fff;
	font-weight: bold;
}
.localNav .link > li:first-child > a {
	border-top: 1px dotted #8385b0;
}
.localNav .link > li > a:hover {
	background: #ebebf4;
}
.localNav .link > li > a:before, 
.localNav .link > li > span:before {
	border-color: #fff;
}
.localNav .link > li > a:hover:before, 
.localNav .link > li > span:hover:before {
	border-color: #363a90;
}

/* 子供再設定 */
.localNav .link li li a:hover {
	background: #ebebf4;
	color: #363a90;
}


/*======================================================================*
 *  [ Media Queries 768 ] 
 *======================================================================*/

@media screen and (max-width: 768px) {
	
}


/*======================================================================*
 *  [ Media Queries 568 ] 
 *======================================================================*/

@media screen and (max-width: 568px) {
	
	/*======================================================================*
	 *  [ guideWrap | ご利用ガイド独自CSS ] 
	 *======================================================================*/
	
	.guideWrap br.spn {
		display: block;
	}
	
	/* [ 画像・キャプション ] */
	.guideWrap figure {
		text-align: center;
	}
	
	/* [ ダウンロードボタン ] */
	.downloadButton {
		float: none;
		margin-left: 0;
	}
	
	
	/*======================================================================*
	 *  [ commonTable | <table> ] 
	 *======================================================================*/
	
	.commonTable.column2 {
		width: 100% !important;
		border-bottom: none;
	}
	.commonTable.column2 th, 
	.commonTable.column2 td {
		display: block;
		border-top: none;
		border-left: none;
	}
	.commonTable p {
		margin: 0;
		font-size: 12px;
		font-size: 1.2rem;
	}
	.commonTable p + p {
		margin-top: 5px;
	}
	
	
	/*==================================================================*
	 *  [ twoSplit | 二分割 ] 
	 *==================================================================*/
	
	.guideWrap .twoSplit {
		margin-bottom: 0;
	}
	.guideWrap .twoSplit .leftColumn {
		float: none;
		width: 100%;
	}
	.guideWrap .twoSplit .rightColumn {
		float: none;
		width: 100%;
		padding: 0;
	}
	
	
	/*==================================================================*
	 *  [ cardList | クレジットカード ] 
	 *==================================================================*/
	
	.cardList li {
		/* width: 25%; */
		width: 33.33%;
	}
	
	
	/*==================================================================*
	 *  [ contactBox | お問い合わせ ] 
	 *==================================================================*/
	
	.contactBox {
		margin: 0;
	}
	
	/* [ リスト ] */
	.contactBox .guideUnorderedList {
		text-align: left;
	}
}