@charset "utf-8";
/***************************************************
information
  filename : app_sys_width.css;
***************************************************/
:root {
/* 画面幅 */
  --app-main-width: 1200px; /* 基本幅 */
  --app-main-width-con: 800px; /* コンテンツ基本幅 */
  --app-main-width-con-pct: 65%; /* コンテンツ基本幅(パーセンテージ) */
  --app-main-width-con-w: 960px; /* コンテンツ基本幅(広) */
  --app-main-width-con-w-pct: 75%; /* コンテンツ基本幅(広)(パーセンテージ) */
  --app-main-width-side: 360px; /* 2カラムサイド幅 */
  --app-main-width-side-pct: 32%; /* 2カラムサイド幅(パーセンテージ)  */
  --app-main-width-side-w: 220px; /* 2カラムサイド幅(広) */
  --app-main-width-side-w-pct: 22%; /* 2カラムサイド幅(広)(パーセンテージ)  */
  --app-main-width-con-s: 750px; /* コンテンツ基本幅(狭) */
}
/* ===================================================================================
for ipad max-width: 700px-1100px
=================================================================================== */
@media screen and (min-width:700px) and ( max-width:1100px) {
	/* 画面幅 */
	:root {
	  --app-main-width: 100%; /* 基本幅 */
	  --app-main-width-con: 60%; /* コンテンツ基本幅 */
	  --app-main-width-con-w: 75%; /* コンテンツ基本幅(広) */
	  --app-main-width-side: 35%; /* 2カラムサイド幅 */
	  --app-main-width-side-w: 25%; /* 2カラムサイド幅(広) */
	  --app-main-width-con-s: 90%; /* コンテンツ基本幅(狭) */
	}
}