@charset "utf-8";

/* ======================================================
 * layout_pc.css
 * ------------------------------------------------------
 * @media print, screen and (min-width: 768px)
 * - Common
 * - Main
 * - Assist
 * - Footer
 * - Clearfix
 * Media Queries
 * Print
====================================================== */

@media print, screen and (min-width: 768px) {
	/* ------------------------------------------------------
	 * Common
	------------------------------------------------------ */
	body {
		min-width: 1260px;
	}
	
	/* ------------------------------------------------------
	 * Main
	------------------------------------------------------ */
	/* ----- MainBody ----- */
	.MainBody {
		position: relative;
		overflow: hidden;
	}
	
	/* ----- container ----- */
	.container {
		width: 1200px;
		margin: 0 auto;
		padding-top: 60px;
	}
	body#modal {
		min-width: inherit;
	}
	body#modal .container {
		padding-top: 30px;
		width: 700px;
	}
	
	/* ------------------------------------------------------
	 * Assist
	------------------------------------------------------ */
	.Assist {
		margin-top: 80px;
	}
	
	/* ------------------------------------------------------
	 * Footer
	------------------------------------------------------ */
	.FooterSimple {
		margin-top: 60px;
		padding: 0 20px;
		background-color: #000;
		position: relative;
	}
	
	/* ----- FooterNavi ----- */
	.FooterNavi {
		padding-top: 30px;
	}
	.FooterPageTop {
		display: none;
	}
	
	/* ----- FooterBody ----- */
	.FooterBody {
		padding: 30px;
	}
	
	/* footer-copyright */
	.footer-copyright {
		text-align: right;
	}
	.footer-copyright_label {
		display: block;
		font-size: 1.5rem;
		color: #cbcbcb;
		line-height: 20px;
	}
	
	/* ------------------------------------------------------
	 * FollowNavi
	------------------------------------------------------ */
	.FollowNavi {
		position: fixed;
		top: 80vh;
		right: 0;
		border-radius: 3px 0 0 3px;
		box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .22);
		border-left: 1px solid #ccc;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		z-index: 500;
	}
	.followNavi_inner {
		position: relative;
	}
	.followNavi-link {
		overflow: hidden;
		position: relative;
		border-radius: 3px 0 0 3px;
		z-index: 510;
	}
	.followNavi-link > *:first-child {
		overflow: hidden;
	}
	.followNavi-link > *:last-child {
		overflow: hidden;
		margin-bottom: 0;
	}
	[class*="followNavi-link_"] {
		margin-bottom: 1px;
	}
	[class*="followNavi-link_"] > a {
		position: relative;
		display: block;
		width: 50px;
		height: 50px;
		background-color: #666;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		transition-property: background-color;
		transition-duration: .2s;
	}
	[class*="followNavi-link_"] > a:hover {
		background-color: #333;
	}
	[class*="followNavi-link_"] > a::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		display: inline-block;
	}
	.followNavi-link_item_pagetop > a {
		overflow: hidden;
		background-image: none !important;
		background-color: #fff !important;
	}
	.followNavi-link_item_pagetop > a:hover {
		background-image: none !important;
		background-color: #f4f4f4 !important;
	}
	.followNavi-link_item_pagetop > a::after {
		right: 50%;
		width: 15px;
		height: 15px;
		margin-top: -3px;
		margin-left: -8px;
		border-top: 2px solid #969696;
		border-right: 2px solid #969696;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
}

/* ======================================================
 * Media Queries
====================================================== */
@media print, screen and (min-width: 1260px) {
	body {
		overflow-x: hidden;
	}
	
}

/* ======================================================
 * Print
====================================================== */
@media print {
	/* ------------------------------------------------------
	 * Common
	------------------------------------------------------ */
	.pc-hidden,
	.Pagetop,
	#followNavi {display:none!important;}
	body {
		zoom: .86;
	}
	[data-row-pc="3"] > * {
		margin-left: 35px !important;
	}
	[data-row-pc="3"] > *:nth-child(3n+1) {
		margin-left: 0 !important;
	}
	
}