@charset "utf-8";

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

body
{
		margin							: 0;
		padding 						: 0;
		width 							: 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%;
		_max-width					: 1024px;
		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
{
		display 						: -webkit-box;
		display 						: -moz-box;
		display 						: -ms-box;
		display 						: -webkit-flexbox;
		display 						: -moz-flexbox;
		display 						: -ms-flexbox;
		display 						: -webkit-flex;
		display 						: -moz-flex;
		display 						: -ms-flex;
		display 						: flex;
		flex-direction			: row-reverse;
		-webkit-box-lines 	: multiple;
		-moz-box-lines			: multiple;
		-webkit-flex-wrap 	: wrap;
		-moz-flex-wrap			: wrap;
		-ms-flex-wrap 			: wrap;
		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 						: 24px;
}

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



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

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



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

.frame-store .ios
{
		height							: 80px;
		margin							: 20px 20px;
}

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



/*--------------------------------------------------------------------------------------
 タブレット設定
--------------------------------------------------------------------------------------*/
@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
		{
		}
}