@charset "utf-8";
/* ----- 個別設定 ----- */

/* ----- ヘッダー ----- */
header{
	overflow:hidden;
}
header h1{
	text-indent:-9999px;
	width:100%;
	height:50vw;
	min-height:320px;
	max-height:600px;
	background-image:url(../img/banner_top_logo.png),url(../img/banner_top_neko.jpg);
	background-position:16px top, right top;
	background-repeat:no-repeat, no-repeat;
	background-size:auto 100%, auto 100%;
	overflow:hidden;
	box-shadow:0px 5px 5px 0px rgba(0,0,0,0.3);
	margin-bottom:10px;
}

/* ----- 説明文 ----- */
#intro{
	margin:40px auto;
	line-height:2em;
	text-align:center;
}

/* ----- 会社概要 ----- */
#company{
	width:90%;
	min-width:320px;
	margin:auto;
}
#company h2{
	width:100%;
	padding-left:20px;
	background-image:url(../img/yaji_company_c.png);
	background-position:left center;
	background-repeat:no-repeat;
	background-size:auto;
}
#company[class="show"] h2{
	background-image:url(../img/yaji_company_o.png);
}
#company h2 button:hover{
	text-decoration:underline;
	cursor:pointer;
	font-size:1em;
	line-height:2em;
}
#company h2 button{
	display:block;
	width:100%;
	background-color:transparent;
	text-align:left;
	color:#fefefe;
	font-weight:bold;
	line-height:2em;
}
#container_company{
	width:100%;
	background-color:#ffffff;
	opacity:1.0;
	transition-ploperty:opacity , height;
	transition-duration:600ms;
	transition-timing-function:ease-out;
}
#company:not([class="show"]) #container_company{
	height:0px;
	opacity:0.0;
	transition-ploperty: height, opacity;
	transition-duration: 600ms;
	transition-timing-function:ease-out;
	overflow:hidden;
}
#table_company{
	width:100%;
	height:auto;
	border-collapse:collapse;
}
#table_company tr th{
	width:120px;
	min-width:78px;
	min-height:4em;
	border:1px solid #111111;
	background-color:#dadada;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
	line-height:4em;
}
#table_company tr td{
	width:calc(100% - 120px);
	min-width:240px;
	height:auto;
	padding:0.5em;
	vertical-align:middle;
	border:1px solid #111111;
	background-color:#fefefe;
	line-height:1.5em;
}
/* ----- お問い合わせ ----- */
#support h2{
	padding-left:20px;
}


/* ----- ストア誘導 ----- */
#appli h2{
	font-size:1.2em;
	font-weight:normal;
}
#appli a{
	color:#ffffff;
	background-color:#111111;
	display:inline-block;
	width:240px;
	margin:20px;
	border-radius:12px;
	border:1px solid #111111;
}
#appli a:hover,
#appli a:active,
#appli a:focus{
	text-decoration:none;
	background-color:#ffffff;
	color:#111111;
}
#appli a:hover span:before,
#appli a:active span:before,
#appli a:focus span:before{
	content:"≫ ";
}
#appli a:hover span:after{
	content:" ≪";
}
.app_badge span{
	font-size:24px;
	line-height:80px;
}