@charset "utf-8";

/*--------------------------------------------------------------------------------------
 ＰＣ設定
--------------------------------------------------------------------------------------*/
/*-------------------------------------------
 基本設定
-------------------------------------------*/
html
{
	margin							: 0;
	width 							: 100%;
	height							: 100%;
	background					: #ffffff;
}

body
{
	margin							: 0;
	padding 						: 0;
	width 							: 100%;
	height							: 100%;
	font-family 				: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN",Osaka, sans-serif;
	-webkit-text-size-adjust		: none;
}

img
{
	border							: 0px;
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form
{
	margin							: 0px;
	padding 						: 0px;
	font-size:					: 100%;
}

lu
{
	list-style					: none;
}

*, *:before, *:after
{
	-webkit-box-sizing	: border-box;
	-moz-box-sizing 		: border-box;
	-o-box-sizing 			: border-box;
	-ms-box-sizing			: border-box;
	box-sizing					: border-box;
}



/*-------------------------------------------
 ベースフレーム設定
-------------------------------------------*/
.frame-base
{
	margin							: 0 auto 0 auto;
	position						: relative;
	width 							: 100%;
	min-height					: 100%;
	display							: flex;
	flex-direction			: column;
	overflow						: hidden;
}



/*-------------------------------------------
 ヘッダフレーム設定
-------------------------------------------*/
.frame-header
{
	position						: relative;
	width 							: 100%;
	color 							: #ffffff;
	background					: #40ae36;
	font-size 					: 16px;
	padding							: 8px;
	z-index 						: 2;
	text-align					: center;
}

/*-------------------------------------------
 コンテンツフレーム設定
-------------------------------------------*/
.frame-contents
{
	flex								: 1;
	
	display 						: flex;
	flex-direction			: row-reverse;
	flex-wrap 					: wrap;
	
	position						: relative;
	width 							: 100%;
	color 							: #000000;
	background					: #ffffff;
}

.frame-contents:after
{
	content 						: " ";
	display 						: block;
	clear 							: both;
}



/*-------------------------------------------
 フッタフレーム設定
-------------------------------------------*/
.frame-footer
{
	position						: relative;
	width 							: 100%;
	color 							: #ffffff;
	background					: #40ae36;
	text-align					: center;
	text-justify				: distribute-all-lines;
	font-size 					: 0.8em;
	padding 						: 16px;
}

.frame-footer a
{
	color 							: #ffffff;
}



/*-------------------------------------------
 イメージフレーム設定
-------------------------------------------*/
.frame-image
{
	width 							: 100%;
	color 							: #000000;
	background					: #ffffff;
	text-align					: center;
}

.frame-image img
{
	width 							: 100%;
}



/*-------------------------------------------
 テキストフレーム設定
-------------------------------------------*/
.frame-text
{
	width 							: 100%;
	color 							: #000000;
	background					: #ffffff;
	text-align					: center;
}



/*--------------------------------------------------------------------------------------
 タブレット設定
--------------------------------------------------------------------------------------*/
@media screen and (max-width:767px)
{
	/*-------------------------------------------
	 基本設定
	-------------------------------------------*/
	html
	{
	}
	
	/*-------------------------------------------
	 ストアフレーム設定
	-------------------------------------------*/
	.frame-store .ios
	{
			height							: 40px;
			margin							: 10px 10px;
	}

	.frame-store .android
	{
			width								: 153px;
	}



}



/*--------------------------------------------------------------------------------------
 スマホ設定
--------------------------------------------------------------------------------------*/
@media screen and (max-width:479px)
{
	/*-------------------------------------------
	 基本設定
	-------------------------------------------*/
	html
	{
	}
}