@charset "UTF-8";
/* CSS Document */

/* 基礎設定 */
html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
ul, ol, li, dl, dt, dd, 
table, caption, th, td, form, img {
	margin: 0;
	padding: 0;
	font-family:'メイリオ', Meiryo, Osaka;
}
body {
	text-align:center;
}
ul, ol, li {
	list-style: none;
	overflow:hidden;
}
img {
	border: none;
}
a:focus {
	outline: none;
}
a {
	text-decoration:none;
}

/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ レスポンシブ基本ルール ＊＊＊＊＊＊＊＊＊＊＊＊＊＊ /*

/* 汎用：768px以上（PC・タブレットは表示・スマホは非表示）  */
.pc {
	display:inline
}
.sp {
	display:none
}
@media screen and ( max-width:767px )
{
	.pc {
		display:none;
	}
	.sp {
		display:inline;
	}
}

/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ <h*><p>タグの基本 ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */

/* 大見出し 左右いっぱい */
h1,h2,h3,h4,h5,h6 {
	width:100%;
	box-sizing:border-box;
	background-color:#FFFFFF; 
	color:#000000; 
	font-size:24px;
	font-weight:bold;
	padding:12px; 
	margin-bottom:10px;
	text-align:center;
	border-radius:10px;
}
/* 大見出し内の小さい文字 */
h1 p {
	margin:0px;
	padding:0px;
	font-size:20px;
}
/* 横767px以下で文字サイズ16px */
@media screen and ( max-width:767px )
{
h1 {
	font-size:16px;
}
}
/* 中見出し */
h2 {
	background-color:#666;
	color:#FFF; 
	font-size:20px;
	padding:8px; 
	border-radius:5px;
	margin-top:30px;
}
/* 横767px以下で文字サイズ16px */
@media screen and ( max-width:767px )
{
h2 {
	font-size:16px;
}
}

/* 上部の薄い見出し */
h3 {
	background-color:#666666;
	color:#ffffff; 
	font-size:12px;
	padding:4px; 
	border-radius:5px;
	
}
/* menuの各項目上部 */
h4 {
	background-color:#ffffff;
	color:#000000; 
	font-size:16px;
	margin-bottom:5px;
	padding:6px;
	box-sizing:border-box;
	border-radius:10px;
	text-align:left;
}
h4 p {
	background-color:#cccccc;
	font-size:12px;
	text-align:left;
	padding:6px;
	margin:0px;
	border-radius:5px;
}

/* 機体説明の見出し */
h5 {
	background-color:#666666;
	color:#ffffff; 
	font-size:20px;
	padding:4px; 
	border-radius:5px;
}
h5 b {
	font-size:16px;
}
@media screen and ( max-width:767px )
{
h5 {
	font-size:16px;
}
}

/* パーツ説明の見出し */
h6 {
	background-color:#666666;
	color:#ffffff; 
	font-size:12px;
	padding:4px; 
	border-radius:5px;
}
h6 b {
	font-size:16px;
}

/* 全体 */
#main {
	overflow:hidden;
	width:100%;
	max-width:1024px;
	box-sizing:border-box;
	margin:0px auto 0px auto;
}
/* SP(横767px以下)で見た場合、左右に0.5%の空白*/
@media screen and ( max-width:767px )
{
#main
	{
		width:98%;
		margin:0px 1% 0px 1%;
	}
}

#notice {
	background-color:#FCF;
	color:#C33;
	font-size:10px;
	line-height:100%;
	border-radius:10px;
	margin-bottom:10px;
	padding:.5%;
}
#notice p {
	font-size:12px;
	font-weight:bold;
}
/* SP(横767px以下)で見た場合、左右に0.5%の空白*/
@media screen and ( max-width:767px )
{
#notice {
	padding:2%;
}
}

#acvi {
}

#acvi #menu {
	background-color:#333;
	border-radius:10px;
	margin-bottom:10px;
	padding:5px;
}
#acvi #menu li {
	background-color:#000;
	border:#FFF 2px solid;
	width:24.5%;
	margin:.25%;
	padding:.5%;
	overflow:hidden;
	float:left;
	box-sizing:border-box;
	border-radius:10px;
}
#acvi #menu li p {
	background-color:#333;
	color:#FFF;
	font-weight:bold;
	margin-top:4px;
	padding:4px;
	border-radius:10px;
}
#acvi #menu li img {
	border-radius:10px;
}
/* SP(横767px以下)で見た場合、横２列表示*/
@media screen and ( max-width:767px )
{	
#acvi #menu {
	padding:2px;
}
#acvi #menu li {
	width:48%;
	margin:1%;
	padding:2%;
}
#acvi #menu li p {
	font-size:12px;
	border-radius:5px;
}
#acvi #menu li img {
	width:100%;
	max-width:96px;
	max-height:96px;
	border-radius:10px;
}
}


#acvi #menu .column {
	background-color:#000;
	color:#FFF;
	font-weight:bold;
	width:100%;
	text-align:left;
}


#acvi #ph {
	margin-bottom:10px;
}
#acvi #ph img {
	float:left;
	width:49.5%;
	margin:.25%;
	border-radius:10px;
}
/* SP(横767px以下)で見た場合、左右に0.5%の空白*/
@media screen and ( max-width:767px )
{
#acvi #ph img {
	float:left;
	width:98%;
	margin:1%;
}
}

#acvi #tx {
	overflow:hidden;
	background-color:#FFF;
	border-radius:10px;
	margin-bottom:10px;
	padding:1%;
	font-size:14px;
	line-height:200%;
	text-align:left; 
}
#acvi .pt img {
	box-shadow: 0px 1px 5px 0px #4a4a4a;
	width:40%;
	float:left;
	border-radius:10px;
}
#acvi .pt li {
	border-radius:10px;
	width:59%;
	float:right;
}
#acvi #tx p {
	overflow:hidden;
	background-color:#CCC;
	border-radius:5px;
	padding:1%;
	font-size:12px;
	margin-top:10px;
}
#acvi .pt .ct {
	width:100%;
}

/* SP(横767px以下)で見た場合、フロート表示をOFF*/
@media screen and ( max-width:767px )
{
#acvi #tx {
	padding:4%;
}
#acvi #tx p {
	padding:4%;
}	
#acvi .pt img {
	width:100%;
	float:none;
	margin-bottom:10px;
}
#acvi .pt li {
	width:100%;
	float:none;
}
}

/* コラム用　*/
#acvi #column {
	overflow:hidden;
	background-color:#FFF;
	border-radius:10px;
	margin-bottom:10px;
	padding:8px;
	font-size:12px;
	line-height:180%;
	text-align:left; 
}
#acvi #column li {
	overflow:hidden;
	margin-bottom:20px;
}
#acvi #column img {
	box-shadow: 0px 1px 5px 0px #4a4a4a;
	width:25%;
	float:left;
	border-radius:10px;
}
#acvi #column p {
	width:72%;
	float:right;
}
#acvi #column .rev p {
	float:left
}

#acvi #column .rev img {
	float:right;
}
/* SP(横767px以下)で見た場合、フロート表示をOFF*/
@media screen and ( max-width:767px )
{
#acvi #column img {
	width:80%;
	margin-left:10%;
	margin-right:10%;
	float:none;
	margin-bottom:10px;
}
#acvi #column p {
	width:100%;
	float:none;
}
}