@charset "utf-8";

// acms.css兼用
@import "../../system/scss/variable";
@import "../../system/scss/mixins";
@import "../../system/scss/acms-fonts";

// siteテーマ専用
@import "variables";
@import "mixins";

@import "print/variables";
@import "print/mixins"; // font-sizeの単位をremを有効にしています

/* ------------------------------
　　フォントサイズ対応
------------------------------ */
// フォントサイズを小さくするために各パーツを再度読み直しています。

// ベース
@import "base";

// remを有効にしたため、全体のフォントサイズを指定しています
html {
	font-size: 40%;
}

// パーツ
@import "animation";
@import "banner";
@import "button";
@import "card";
@import "headline";
@import "list";
@import "main-visual";
@import "module";
@import "page-title";
@import "pager";
@import "search";
@import "section";
@import "slider";
@import "suggest";
@import "summary";
@import "thumbnail";
@import "topicpath";

// コンテンツ
@import "entry";
@import "main";
@import "side";

// コンテンツのオーバーライド
@import "contact";
@import "realestate";

// レイアウト
@import "footer";
@import "header";

/* ------------------------------
　　acms.css ノンレスポンシブ対応
------------------------------ */

// グリッドシステムのカラム数
$col: 12;
// ブレイクポイントごとのクラス名
$breakpoints: ("","-sm","-md","-lg","-xl");

[class*="acms-col-"] {
	float: left;
}

@each $mq-name in $breakpoints {

	 @for $i from 1 through $col {
		$width: (100% / ($col/$i));
		.acms-col#{$mq-name}-#{$i} {
			width: $width;
		}
	}
}

// 63行目でfloat:left; させた [class*="acms-col-"]の影響を修正するため再度読み込み
@import "../../system/scss/unit.scss";

// $breakpointsの回数分ループする
@each $mq-name in $breakpoints {
	// $display-text-patternsの回数分ループする
	$display-text-patterns:(block, inline, inline-block, table-cell, hide );
	$display-patterns: (block, inline, inline-block, table-cell, none);

	@each $class in $display-text-patterns {
		$index: index($display-text-patterns, $class);
		$display: nth($display-patterns, $index);

		.acms-#{$class}#{$mq-name} {
			display: $display!important;
		}
	}
}

// デバイスのクラス名
$device-patterns:("-sp","-tb","-pc");

// $device-patternsの回数分ループする
@each $device-name in $device-patterns {
	// $display-text-patternsの回数分ループする
	$display-text-patterns:(show, hide );
	$display-patterns: (block, none);

	@each $class in $display-text-patterns {
		$index: index($display-text-patterns, $class);
		$display: nth($display-patterns, $index);

		.acms-#{$class}#{$device-name} {
			display: $display!important;
		}
	}
}

/* ------------------------------
　　テーマ用CSS プリント対応
------------------------------ */

// ヘッダー
.header-logo {
	padding: 0;
}

.sub {
	display: none;
}
.main {
	display: block;
	width: 100%;
}

// エントリー
.entry-column td, .entry-column th {
	display: table-cell;
}

.entry-footer {
	display: none;
}

.serial-nav {
	display: none;
}

// フッター
.suggest-half {
	float: left;
	width: 50%;
}
.sns-list {
	float: right;
}


