@charset "UTF-8";

/* ★″
 * Setup.css
 * 
 * ノーマライズしたスタイルをサイト独自の仕様に設定
 */



/* # =================================================================
   #  Basic Style Setting
   # ================================================================= */

	*,
	*::before,
	*::after {
		box-sizing: border-box;
		background-repeat: no-repeat;
		margin: 0;
		padding:0;
		transition: all 0.3s ease 0s;
	}
	*::before,
	*::after {
		vertical-align: inherit;
	}

	*::-moz-selection { /* テキスト選択時の背景色を指定し、ドロップシャドウを削除 */
	background-color: #b3d4fc; /* 「::selection」を使用する時に必要 */
	color: #000;
	text-shadow: none;
	}
	
	*::selection { /* テキスト選択時の背景色を指定し、ドロップシャドウを削除 */
	background-color: #b3d4fc; /* 「::selection」を使用する時に必要 */
	color: #000;
	text-shadow: none;
	}

	html { 
		background: white;
		height: 100%; /* 全体の高さを画面の高さに合わせる */
		width: 100%;
	}
	
	body {
		background: white;
		-webkit-text-size-adjust: 100%;
		height: 100%; /* 全体の高さを画面の高さに合わせる */
		width: 100%;
		min-width: 320px;
		margin: 0;
		padding:0;
		border: none;
		min-height: 100%;
		position: relative;
	}
	/* 《モバイルの表示サイズ確認時に有効化(幅320px固定・中央寄せ)》
	body { width: 320px; box-shadow: 0 0 8px rgba(0,0,0,0.5);  margin: 0 auto;} 
	@media screen and (min-width: 768px) { body { width: 100%; } }
	*/

	
		img{ /* 画像幅を親要素から絶対にはみ出させない */
			max-width: 100%;
			height: auto;
			width /***/: auto;
			vertical-align: top;
			border-style: none; /* IE8/9/10に、a要素の中にある時にボーダーを削除 */
		}

		article,
		aside,
		details,
		figcaption,
		figure,
		footer,
		header,
		main,
		menu,
		nav,
		section{ /* IE8/9に、displayプロパティを定義｜IE10/11とFirefoxのdetail要素に、displayプロパティを定義｜IE11のmain要素に、displayプロパティを定義 */
			display: block;
		}
	
		header,
			header > article,
			header > section,
			header > aside,
			header > nav,
		main,
			main > article,
			main > section,
			main > aside,
			main > nav,
		footer
			footer > article,
			footer > section,
			footer > aside,
			footer > nav{
			position: relative;
			margin: 0 auto;
			padding: 0;
		}



/* ---------------------------------------------------------
	表示エリアの幅によって有効となるタグを設定
--------------------------------------------------------- */


	[data-view="wide"]{ display: none; }
	[data-view="mobile"]{ display: inline; }
@media screen and (min-width: 768px) {
	[data-view="wide"]{ display: inline; }
	[data-view="mobile"]{ display: none; }
}

		p[data-view="mobile"], div[data-view="mobile"], ul[data-view="mobile"]{ display: block; }
	@media screen and (min-width: 768px) {
		p[data-view="wide"], div[data-view="wide"], ul[data-view="wide"]{ display: block; }
	}
	
	
/* ---------------------------------------------------------
	画像にobject-fitを設定(IE用)
--------------------------------------------------------- */
		
/* 画像にobject-fitを設定 */

[data-objectfit="cover"]{
	width:100%;
	height: 160px;
	overflow: hidden;
}
	[data-objectfit="cover"] img {
		width: 100%;
		height: 100%;
		object-position: center center;
		object-fit: cover;
		font-family: 'object-fit: cover;'
	}