@charset "utf-8";

/*=====================================================
 * Style URL: largo.css
=====================================================*/




/* section_top-lead
-------------------------------------*/

.section_top-lead {
	padding: 50px 0 0;
}

.top-lead_tit {
	margin: 0 0 10px;
	text-align: center;
}
.top-lead_tit-sub {
	margin: 0 0 25px;
	text-align: center;
}

.top-mainvisual { 
	margin:0;
}
.top-mainvisual video{
	width:1170px;
	height:auto:
}
/* fotorama custom */
.top-mainvisual .fotorama__nav--dots .fotorama__nav__frame {
	margin: 0 7px;
	width: 12px;
	height: 52px;
}
.top-mainvisual .fotorama__active .fotorama__dot,
.top-mainvisual .fotorama__dot {
	top: 40px;
    left: 0;
    border-width: 0;
    width: 12px;
    height: 12px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	background: #dbd9cf;
    filter: Alpha(Opacity=100);
	opacity: 1;
}
	div.top-mainvisual .fotorama__active .fotorama__dot {
		background: #e4b0a2;
	}
	div.top-mainvisual .fotorama__dot:hover {
		filter: Alpha(Opacity=80);
		opacity: 0.8;
	}

.top-lead_txt {
	text-align: center;
	font-size: 2.6rem;
	line-height: 1.3;
	letter-spacing: -.05em;
}


.top-lead_img ul {
	display: table;
	margin: 35px auto 0;
	width: 100%;
	min-width: 1170px;
}
.top-lead_img li {
	display: table-cell;
	width: 33.3333%;
}

.top-lead_img li img {
	width: 100%; height: auto;
}


@media (max-width: 767px) {

	.section_top-lead {
		padding: 0;
		background-image: none;
	}

	div.section_top-lead_l_inner {
		margin: 0 auto;
		padding: 0 !important;
		width: 320px;
	}

	.top-lead_tit { margin: 0 0 10px; }
	.top-lead_tit img { width: 150px; height: auto; }

	.top-lead_tit-sub { margin: 0 0 15px; }
	.top-lead_tit-sub img { width: 250px; height: auto; }

	.top-mainvisual {
		padding: 20px 0 30px;
		height: auto;
		background-size: 50px auto;
	}
	.top-mainvisual video{
		width:100%;
		height:auto:
	}


/* fotorama custom */
.top-mainvisual .fotorama__nav--dots .fotorama__nav__frame {
	margin: 0 7px;
	width: 12px;
	height: 30px;
}
.top-mainvisual .fotorama__active .fotorama__dot,
.top-mainvisual .fotorama__dot {
	top: 15px;
}

.imgtxt-top-lead_txt {
		margin: 10px 0 15px;
		width: 250px; height: 15px;
		background: url(../img/imgtxt-top-lead_txt-sp.png) no-repeat 0 0;
		background-size: 100% auto;
	}

}

/* top-localnav
-------------------------------------*/

.top-localnav { margin: 45px 0 50px; }

.top-localnav_tit {
	margin: 0 0 35px;
	text-align: center;
}

.top-localnav ul {
	overflow: hidden;
	margin: 0 auto 30px;
	width: 1170px;
	height: 49px;
}
.top-localnav li {
	float: left;
	width: 195px;
	height: 49px;
}
.top-localnav li a {
	overflow: hidden;
	display: block;
	height: 49px;
	background: url(../img/top-localnav_li.png) 0 0;
	text-indent: -9999em;
}
	li.top-localnav_li-1st a 		{ background-position: 0 0; }
	li.top-localnav_li-2nd a 		{ background-position: -195px 0; }
	li.top-localnav_li-3rd a 		{ background-position: -390px 0; }
	li.top-localnav_li-4th a 		{ background-position: -585px 0; }
	li.top-localnav_li-5th a 		{ background-position: -780px 0; }
	li.top-localnav_li-6th a 		{ background-position: -975px 0; }

	li.top-localnav_li-1st a:hover 		{ background-position: 0 -50px; }
	li.top-localnav_li-2nd a:hover 		{ background-position: -195px -50px; }
	li.top-localnav_li-3rd a:hover 		{ background-position: -390px -50px; }
	li.top-localnav_li-4th a:hover 		{ background-position: -585px -50px; }
	li.top-localnav_li-5th a:hover 		{ background-position: -780px -50px; }
	li.top-localnav_li-6th a:hover 		{ background-position: -975px -50px; }


@media (max-width: 767px) {

	.top-localnav { margin: 0 10px 20px; }

	.top-localnav ul {
		margin: 0;
		width: 100%;
		height: auto;
		border: 1px solid #b8ac8f;
		border-width: 0 1px 1px 0;
	}
	.top-localnav li {
		width: 50%;
		height: auto;
	}
	.top-localnav li a {
		padding: 10px 20px;
		height: auto;
		background: #f3eee2 url(../img/top-localnav_ic-arrow-sp.png) no-repeat 100% 50%;
		background-size: 21px auto;
		text-indent: 0;
		font-size: 1.6rem;
		border: 1px solid #b8ac8f;
		border-width: 1px 0 0 1px;
		color: #444;
	}
	.top-localnav ul li a:hover { background-position: 100% 50%; }

}

/*
-- .グローバルメニュー ----------------------------------------*/
#navmenu{
	width:100%;
	min-width:1148px;
	height:85px;
	margin:0 auto;
	border-bottom:1px solid #111;
	background-color:#FFF;
}
.navmenu-logo{
	float:left;
	width:253px;
	margin:20px 0 0 35px;
}
.navmenu-menu{
	float:right;
	width:825px;
	margin:32px 35px 0 0;
}
.navmenu-menu li{
	float:left;
	margin:0;
}
.navmenu-menu li a:hover{
	opacity:0.5;
}
.fixed {
    position: fixed;
    top: 80px;
    width: 100%;
    z-index: 10000;
}
/*
-- .コンセプト ----------------------------------------*/
.top-concept{
	float:left;
	width:100%;
	margin:60px 0 0 0;
	background:url(../img/top-concept-bk.png) top left repeat;
}
.top-concept-area{
	width:1290px;
	margin:0px auto;
}
.top-concept-h2{
	float:left;
	width:500px;
	margin:109px 0 0 395px;
}
.top-concept-h2 img{
	float:left;
	width:195px;
	margin:0 0 0 158px;
}
.top-concept-line{
	float:left;
	width:100%;
	margin:0 0 0 0;
	border-bottom:1px solid #111;
}
.top-concept-h2 h2{
	float:left;
	width:100%;
	margin:20px 0 0 0;
	text-align:center;
	font-size:30px;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.top-concept-p1{
	float:left;
	width:100%;
	margin:55px 0 0 0;
	text-align:center;
	font-size:50px;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	line-height:140%;
}
.top-concept-p2{
	float:left;
	width:855px;
	margin:70px 0 70px 217px;
	font-size:30px;
	line-height:140%;
}
/*
-- .スライダー ----------------------------------------*/
.slide-sec{
	float:left;
	width:100%;
	margin:82px 0 0 0;
}
.slide-area{
	width:100%;
	margin:0px auto 0 auto;
}
.slider{
	float:left;
	margin:0 0 0 0px;
	width:100%;
}
.slider li{
	float:left;
	margin:0;
	width:356px;
}
.slider li img{
	width:100%;
	height:auto;
	margin:0 auto;
}
/*
-- .カラーー ----------------------------------------*/
.top-color{
	float:left;
	width:100%;
	margin:100px 0 0 0;
	background:url(../img/top-color-bk.png) top left repeat;
}
.top-color-area{
	width:1090px;
	margin:0px auto;
}
.top-color-btn{
	float:left;
	width:1120px;
	margin:58px 0 0 0;
}
.top-color-btn li{
	float:left;
	margin:0 52px 0 0;
}
.top-color-btn li img{
	cursor:pointer;
}
.top-color-btn li img:hover{
	opacity:0.5;
}
.top-color-sw{
	float:left;
	width:416px;
	margin:87px 0 0 0;
}
.top-color-sw-tri1{
	float:left;
	width:18px;
	margin:148px 0 0 0;
	cursor:pointer;
}
.top-color-sw-tri1:hover{
	opacity:0.5;
}
.top-color-sw-pic{
	float:left;
	width:323px;
	margin:0px 0 0 28px;
}
.top-color-sw-tri2{
	float:left;
	width:18px;
	margin:148px 0 0 25px;
	cursor:pointer;
}
.top-color-sw-tri2:hover{
	opacity:0.5;
}
.top-color-photo{
	float:left;
	width:426px;
	margin:119px 0 0 162px;
}
.top-color-com{
	float:left;
	width:1090px;
	margin:70px 0 80px 0px;
	background-color:#FFF;
}
.top-color-com h3{
	float:left;
	width:720px;
	margin:30px 0 0 185px;
	font-size:20px;
	font-weight:bold;
}
.top-color-com-p1{
	float:left;
	width:720px;
	margin:15px 0 0 185px;
	font-size:20px;
	line-height:140%;
}
.top-color-com-p2{
	float:left;
	width:720px;
	margin:15px 0 0 185px;
	font-size:20px;
	line-height:140%;
}
.top-color-com dl{
	float:left;
	width:720px;
	margin:15px 0 33px 185px;
	font-size:20px;
}
.top-color-com dt{
	clear:both;
	float:left;
	width:86px;
	margin:10px 0 0 0px;
	line-height:140%;
}
.top-color-com dd.dd1{
	float:left;
	width:200px;
	margin:10px 0 0 0px;
	font-weight:bold;
}
.top-color-com dd.dd2{
	float:left;
	width:157px;
	margin:10px 0 0 0px;
}
.top-color-com-btn{
	cursor:pointer;
}
.top-color-com-btn:hover{
	opacity:0.5;
}
/*
-- .コンテンツ ----------------------------------------*/
.top-contents-area{
	float:left;
	width:100%;
	margin:100px 0 0 0;
}
.top-contents-area li{
	float:left;
	width:292px;
	margin:0 0 0 143px;
}
.top-contents-area li.left{
	margin-left:0;
}
.top-contents-area li a:hover{
	opacity:0.5;
}
/*
-- .サイズ ----------------------------------------*/
.top-size-area{
	float:left;
	width:100%;
	margin:120px 0 0 0;
}
.top-size-area h2{
	float:left;
	width:350px;
	margin:0px 0 0 0;
}
.top-size-area h2 img{
	float:left;
	width:auto;
	margin:0;
}
.top-size-area h2 span{
	float:left;
	width:auto;
	margin:26px 0 0 0;
	font-size:25px;
	font-weight:bold;
}
.top-size-box{
	clear:both;
	float:left;
	width:588px;
	margin:40px 0 0 0;
	border:1px solid #111;
}
.top-size-box-tri1{
	float:left;
	width:17px;
	margin:223px 0 0 38px;
	cursor:pointer;
}
.top-size-box-tri1:hover{
	opacity:0.5;
}
.top-size-box-pic{
	float:left;
	width:318px;
	margin:78px 0 20px 50px;
}
.top-size-box-tri2{
	float:left;
	width:17px;
	margin:223px 0 0 90px;
	cursor:pointer;
}
.top-size-box-tri2:hover{
	opacity:0.5;
}
.top-size-spec{
	float:left;
	width:535px;
	margin:40px 0 0 33px;
}
.top-size-spec h3{
	float:left;
	width:100%;
	margin:26px 0 0 0;
	font-size:20px;
	font-weight:bold;
	color:#633910;
}
.top-size-spec dl{
	float:left;
	width:100%;
	margin:6px 0 0 0;
	padding:0 0 6px 0;
	border-bottom:1px dotted #999;
}
.top-size-spec dt{
	clear:both;
	float:left;
	width:auto;
	margin:0 0 0 0;
	font-size:25px;
	font-weight:bold;
}
.top-size-spec dd{
	float:left;
	width:auto;
	margin:0 0 0 0;
	font-size:25px;
}
.top-size-btn{
	float:left;
	width:100%;
	margin:26px 0 0 0;
}
.top-size-shuno{
	clear:both;
	float:left;
	width:1070px;
	margin:134px 0 0 60px;
}
.top-size-shuno li{
	float:left;
	width:483px;
	margin:0 0 0 104px;
}
.top-size-shuno li.left{
	margin-left:0;
}
.top-size-shuno li img{
	cursor:pointer;
}
.top-size-shuno li img:hover{
	opacity:0.5;
}
.top-size-shuno-com{
	float:left;
	width:483px;
	margin:0px 0 0 0;
}
.top-size-shuno-com-head{
	float:left;
	width:483px;
	height:30px;
	margin:0px 0 0 0;
	background:url(../img/top-shuno-box-head.png) top left no-repeat;
}
.top-size-shuno-com-body{
	float:left;
	width:483px;
	margin:0px 0 0 0;
	background:url(../img/top-shuno-box-bk.png) top left repeat-y;
}
.top-size-shuno-com-foot{
	float:left;
	width:483px;
	height:30px;
	margin:0px 0 0 0;
	background:url(../img/top-shuno-box-foot.png) top left no-repeat;
}
.top-size-shuno-com h3{
	float:left;
	width:429px;
	margin:0px 0 0 27px;
	padding:0 0 16px 0;
	font-size:25px;
	font-weight:bold;
	text-align:center;
	border-bottom:1px solid #111;
}
.top-size-shuno-com h4{
	float:left;
	width:429px;
	margin:16px 0 0 27px;
	font-size:16px;
}
.top-size-shuno-com p{
	float:left;
	width:429px;
	margin:16px 0 0 27px;
	font-size:16px;
	line-height:140%;
}
.top-size-shuno-link{
	float:left;
	width:429px;
	margin:16px 0 20px 27px;
	font-size:16px;
	text-align:center;
}
.top-size-shuno-link a{
	color:#0CF;
	text-decoration:underline;
}
.top-size-shuno-link a:hover{
	color:#0CF;
	text-decoration:none;
}
/*
-- .価格 ----------------------------------------*/
.top-price-area{
	clear:both;
	float:left;
	width:1160px;
	margin:120px 0 0 50px;
}
.top-price-area h2{
	float:left;
	width:350px;
	margin:0px 0 0 0;
}
.top-price-area h2 img{
	float:left;
	width:auto;
	margin:0;
}
.top-price-area h2 span{
	float:left;
	width:auto;
	margin:26px 0 0 0;
	font-size:25px;
	font-weight:bold;
}
.price_list {
	float:left;
	width:1160px;
	margin:70px 0 0 0;
}
.price_list table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight:bold;
}
.price_list table th, .price_list table td {
	padding: 4px;
	border: 1px solid #666;
	text-align: center;
}
.price_list table th {
	background: #f3f3f3;
	text-align: center;
	vertical-align:middle;
}
.price_list table td { text-align: center;background-color: #fff;vertical-align:middle; }
/*
.price_list table tr:nth-child(odd) { background-color: #fff; }
.price_list table tr:nth-child(even) { background-color: #f3f3f3; }
.price_list table td[rowspan] {
	background-color: #fff;
	vertical-align: middle;
}
*/

/*
-- .オプション ----------------------------------------*/
.top-option{
	float:left;
	width:100%;
	margin:60px 0 0 0;
	background:url(../img/top-concept-bk.png) top left repeat;
}
.top-option-area{
	width:1180px;
	margin:0px auto;
}
.top-option-left{
	float:left;
	width:460px;
	margin:132px 0 0 0;
}
.top-option-left h2{
	float:left;
	width:336px;
	margin:0 0 0 0;
}
.top-option-left p.top-option-p1{
	float:left;
	width:400px;
	margin:34px 0 0 0;
	font-size:30px;
	font-weight:bold;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	color:#7C4D25;
	line-height:140%;
}
.top-option-btn01{
	float:left;
	width:249px;
	margin:30px 0 0 10px;
}
.top-option-btn01 a:hover{
	opacity:0.5;
}
.top-option-right{
	float:left;
	width:712px;
	margin:90px 0 0 0;
}
.top-option-h2-2{
	float:left;
	width:1160px;
	margin:35px 0 0 0;
}
.top-option-h2-2 img{
	float:left;
	width:385px;
	margin:0 0 0 0;
}
.top-option-h2-line{
	float:left;
	width:768px;
	margin:22px 0 0 5px;
	height:1px;
	border-bottom:2px solid #999;
}
.top-option-left2{
	float:left;
	width:573px;
	margin:70px 0 0 0;
}
.top-option-right2{
	float:left;
	width:532px;
	margin:50px 0 88px 70px;
}
.top-option-right2 h3{
	float:left;
	width:100%;
	margin:0 0 0 0;
}
.top-option-right2 h3 img{
	float:left;
	width:auto;
	margin:0;
}
.top-option-right2 h3 span{
	float:left;
	width:auto;
	margin:32px 0 0 0;
	font-size:20px;
	font-weight:bold;
}
.top-option-right2 p.top-option-p2{
	float:left;
	width:532px;
	margin:26px 0 0 0;
	font-size:30px;
	font-weight:bold;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	line-height:140%;
}
.top-option-right2 p.top-option-p3{
	float:left;
	width:532px;
	margin:20px 0 0 0;
	font-size:25px;
	line-height:140%;
}
.top-option-btn02{
	float:left;
	width:249px;
	margin:40px 0 0 50px;
}
.top-option-btn02 a:hover{
	opacity:0.5;
}
/*
-- .空間 ----------------------------------------*/
.top-kukan-area{
	float:left;
	width:1164px;
	margin:150px 0 0 70px;
}
.top-kukan-left{
	float:left;
	width:485px;
	margin:0px 0 20px 0px;
}
.top-kukan-left-maru{
	float:left;
	width:140px;
	margin:5px 0 0 173px;
}
.top-kukan-left-maru li{
	float:left;
	width:40px;
	margin:0px 0 0 0;
	text-align:center;
	font-size:20px;
	cursor:pointer;
}
.top-kukan-right{
	float:left;
	width:598px;
	margin:65px 0 0 68px;
}
.top-kukan-right h3{
	float:left;
	width:598px;
	margin:0px 0 0 0;
	padding:0 0 10px 0;
	font-size:28px;
	font-weight:bold;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	line-height:140%;
	border-bottom:1px solid #666;
}
.top-kukan-right p{
	float:left;
	width:598px;
	margin:40px 0 0 0;
	font-size:23px;
	line-height:140%;
}
.top-kukan-link{
	float:left;
	width:1164px;
	margin:50px 0 0 70px;
	font-size:25px;
	text-align:center;
}
.top-kukan-link a{
	color:#0CF;
	text-decoration:underline;
}
.top-kukan-link a:hover{
	color:#0CF;
	text-decoration:none;
}
/*
-- .ダウンロード ----------------------------------------*/
.top-download{
	float:left;
	width:100%;
	margin:80px 0 30px 0;
	background:url(../img/top-dl-bk.png) top left repeat;
}
.top-dl-area{
	width:1180px;
	margin:0px auto;
}
.top-dl-area h2{
	float:left;
	width:285px;
	margin:78px 0 0 448px;
	font-size:28px;
	font-weight:bold;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	line-height:300%;
	text-align:center;
}
.top-dl-area p{
	float:left;
	width:1180px;
	margin:33px 0 0 0;
	font-size:25px;
	line-height:140%;
	text-align:center;
}
.top-dl-left{
	float:left;
	width:668px;
	margin:90px 0 0 0;
}
.top-dl-left h3{
	float:left;
	width:638px;
	height:45px;
	margin:0 0 0 0;
	font-size:32px;
	font-weight:bold;
	padding:5px 0 0 35px;
	border-left:8px solid #4C2600;
}
.top-dl-left p{
	float:left;
	width:638px;
	margin:30px 0 15px 35px;
	font-size:22px;
	text-align:left;
}
.top-dl-btn{
	clear:both;
	float:left;
	width:249px;
	margin:23px 0 0 28px;
}
.top-dl-btn a:hover{
	opacity:0.5;
}
.top-dl-right{
	float:left;
	width:300px;
	margin:90px 0 0 0;
}
.top-dl-right h3{
	float:left;
	width:265px;
	height:45px;
	margin:0 0 0 0;
	font-size:32px;
	font-weight:bold;
	padding:5px 0 0 35px;
	border-left:8px solid #4C2600;
}
.top-dl-btn2{
	clear:both;
	float:left;
	width:249px;
	margin:97px 0 0 28px;
}
.top-dl-btn2 a:hover{
	opacity:0.5;
}
.top-dl-catalog{
	clear:both;
	float:left;
	width:1154px;
	margin:128px 0 96px 28px;
}
.top-dl-catalog-photo{
	float:left;
	width:449px;
	margin:0px 0 0 0px;
}
.top-dl-catalog-right{
	float:left;
	width:626px;
	margin:90px 0 0 70px;
}
.top-dl-catalog-right p{
	float:left;
	width:626px;
	margin:0px 0 0 0;
	font-size:30px;
	text-align:center;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	line-height:140%;
}
.top-dl-btn3{
	clear:both;
	float:left;
	width:440px;
	margin:43px 0 0 94px;
}
.top-dl-btn3 a:hover{
	opacity:0.5;
}
@media (max-width: 767px) {

/*
-- .グローバルメニュー ----------------------------------------*/
#navmenu{
	display:none;
}
.mb-menu00{
	float:left;
	width:100%;
	margin:0;
}
.mb-menu00 img{
	width:100%;
	height:auto;
}
.mb-menu-area{
	float:left;
	width:100%;
	margin:0;
}
.mb-menu-area li{
	float:left;
	width:100%;
	margin:0;
}
.mb-menu-area li img{
	width:100%;
	height:auto;
}
.fixed {
    position: fixed;
    top: 54px;
    width: 100%;
    z-index: 10000;
}

/*
-- .コンセプト ----------------------------------------*/
.top-concept{
	float:left;
	width:100%;
	margin:0px 0 0 0;
}
.top-concept-area{
	float:left;
	width:100%;
	margin:0;
}
.top-concept-h2{
	float:left;
	width:60%;
	margin:30px 0 0 20%;
}
.top-concept-h2 img{
	float:left;
	width:80%;
	height:auto;
	margin:0 0 0 10%;
}
.top-concept-line{
	float:left;
	width:98%;
	margin:0 0 0 1%;
}
.top-concept-h2 h2{
	float:left;
	width:100%;
	margin:20px 0 0 0;
	font-size:30px;
}
.top-concept-p1{
	float:left;
	width:94%;
	margin:20px 0 0 3%;
	font-size:25px;
}
.top-concept-p2{
	float:left;
	width:94%;
	margin:20px 0 30px 3%;
	font-size:20px;
}
/*
-- .スライダー ----------------------------------------*/
.slide-sec{
	float:left;
	width:100%;
	margin:30px 0 0 0;
}
.slide-area{
	float:left;
	width:100%;
	margin:0;
}
.slider{
	float:left;
	margin:0 0 0 0px;
	width:100%;
}
.slider li{
	float:left;
	margin:0;
	width:25%;
}
.slider li img{
	width:100%;
	height:auto;
	margin:0 auto;
}
/*
-- .カラーー ----------------------------------------*/
.top-color{
	float:left;
	width:100%;
	margin:30px 0 0 0;
}
.top-color-area{
	float:left;
	width:100%;
	margin:0;
}
.top-color-btn{
	float:left;
	width:90%;
	margin:20px 0 0 10%;
}
.top-color-btn li{
	float:left;
	width:100%;
	margin:10px 0 0 0;
}
#colorbtn11,#colorbtn21,#colorbtn31,#colorbtn41{
	width:10%;
	height:auto;
}
#colorbtn12,#colorbtn22,#colorbtn32,#colorbtn42{
	width:80%;
	height:auto;
}
.top-color-sw{
	float:left;
	width:100%;
	margin:30px 0 0 0;
}
.top-color-sw-tri1{
	float:left;
	width:10%;
	margin:120px 0 0 3%;
}
.top-color-sw-pic{
	float:left;
	width:68%;
	margin:0px 0 0 3%;
}
.top-color-sw-tri2{
	float:left;
	width:10%;
	margin:120px 0 0 5%;
}
.top-color-photo-area{
	display:none;
}
.top-color-com{
	float:left;
	width:90%;
	margin:20px 0 20px 5%;
}
.top-color-com h3{
	float:left;
	width:94%;
	margin:20px 0 0 3%;
}
.top-color-com-p1{
	float:left;
	width:94%;
	margin:10px 0 0 3%;
}
.top-color-com-p2{
	float:left;
	width:94%;
	margin:10px 0 0 3%;
}
.top-color-com dl{
	float:left;
	width:100%;
	margin:10px 0 20px 0;
}
.top-color-com dt{
	float:left;
	width:20%;
	margin:10px 0 0 3%;
}
.top-color-com dd.dd1{
	float:left;
	width:30%;
	margin:10px 0 0 0px;
}
.top-color-com dd.dd2{
	float:left;
	width:40%;
	margin:10px 0 0 0px;
}
.top-color-com dd.dd2 img{
	width:100%;
	height:auto;
}
/*
-- .コンテンツ ----------------------------------------*/
.top-contents-area{
	float:left;
	width:100%;
	margin:30px 0 0 0;
}
.top-contents-area li{
	float:left;
	width:90%;
	margin:0 0 20px 5%;
}
.top-contents-area li img{
	width:100%;
	height:auto;
}
.top-contents-area li.left{
	margin-left:5%;
}
/*
-- .サイズ ----------------------------------------*/
.top-size-area{
	float:left;
	width:100%;
	margin:30px 0 0 0;
}
.top-size-area h2{
	float:left;
	width:98%;
	margin:0px 0 0 1%;
}
.top-size-area h2 img{
	float:left;
	width:auto;
	margin:0;
}
.top-size-area h2 span{
	float:left;
	width:auto;
	margin:20px 0 0 0;
	font-size:25px;
}
.top-size-box{
	float:left;
	width:97%;
	margin:20px 0 0 1%;
}
.top-size-box-tri1{
	float:left;
	width:5%;
	margin:120px 0 0 1%;
}
.top-size-box-tri1 img{
	width:100%;
	height:auto;
}
.top-size-box-pic{
	float:left;
	width:83%;
	margin:20px 0 20px 1%;
}
.top-size-box-pic img{
	width:100%;
	height:auto;
}
.top-size-box-tri2{
	float:left;
	width:5%;
	margin:120px 0 0 1%;
}
.top-size-box-tri2 img{
	width:100%;
	height:auto;
}
.top-size-spec{
	float:left;
	width:100%;
	margin:30px 0 0 0;
}
.top-size-spec h3{
	float:left;
	width:94%;
	margin:20px 0 0 3%;
}
.top-size-spec dl{
	float:left;
	width:100%;
	margin:6px 0 0 0;
}
.top-size-spec dt{
	float:left;
	width:auto;
	margin:0 0 0 3%;
}
.top-size-spec dd{
	float:left;
	width:auto;
	margin:0 0 0 3%;
}
.top-size-btn{
	float:left;
	width:80%;
	margin:20px 0 0 10%;
}
.top-size-btn img{
	width:100%;
	height:auto;
}
.top-size-shuno{
	float:left;
	width:100%;
	margin:30px 0 0 0;
}
.top-size-shuno li{
	float:left;
	width:94%;
	margin:20px 0 0 3%;
}
.top-size-shuno li img{
	width:100%;
	height:auto;
}
.top-size-shuno li.left{
	margin-left:3%;
}
.top-size-shuno-com{
	float:left;
	width:100%;
	margin:0px 0 0 0;
	background-size:100% auto;
}
.top-size-shuno-com-head{
	float:left;
	width:100%;
	height:30px;
	margin:0px 0 0 0;
	background-position:bottom left;
	background-size:100% auto;
}
.top-size-shuno-com-body{
	float:left;
	width:100%;
	margin:0px 0 0 0;
	background-size:100% auto;
}
.top-size-shuno-com-foot{
	float:left;
	width:100%;
	height:30px;
	margin:0px 0 0 0;
	background-size:100% auto;
}
.top-size-shuno-com h3{
	float:left;
	width:94%;
	margin:0px 0 0 3%;
	padding:0 0 16px 0;
}
.top-size-shuno-com h4{
	float:left;
	width:94%;
	margin:20px 0 0 3%;
}
.top-size-shuno-com p{
	float:left;
	width:94%;
	margin:10px 0 0 3%;
}
.top-size-shuno-link{
	float:left;
	width:100%;
	margin:20px 0 20px 0;
}
/*
-- .価格 ----------------------------------------*/
.top-price-area{
	float:left;
	width:100%;
	margin:30px 0 0 0;
}
.top-price-area h2{
	float:left;
	width:98%;
	margin:0px 0 0 1%;
}
.top-price-area h2 img{
	float:left;
	width:auto;
	height:auto;
	margin:0;
}
.top-price-area h2 span{
	float:left;
	width:auto;
	margin:20px 0 0 0;
}
.price_list {
	float:left;
	width:97%;
	margin:70px 0 0 1%;
}
.price_list table {
	width: 100%;
	margin-bottom: 20px;
}
.price_list table th, .price_list table td {
	padding: 2px;
	border: 1px solid #666;
	text-align: center;
}

/*
-- .オプション ----------------------------------------*/
.top-option{
	float:left;
	width:100%;
	margin:20px 0 0 0;
}
.top-option-area{
	float:left;
	width:100%;
	margin:0;
}
.top-option-left{
	float:left;
	width:100%;
	margin:0px 0 0 0;
}
.top-option-left h2{
	float:left;
	width:90%;
	margin:30px 0 0 5%;
}
.top-option-left h2 img{
	width:100%;
	height:auto;
}
.top-option-left p.top-option-p1{
	float:left;
	width:94%;
	margin:34px 0 0 3%;
	font-size:30px;
}
.top-option-btn01{
	float:left;
	width:90%;
	margin:30px 0 0 5%;
}
.top-option-btn01 img{
	width:100%;
	height:auto;
}
.top-option-right{
	float:left;
	width:98%;
	margin:30px 0 0 1%;
}
.top-option-right img{
	width:100%;
	height:auto;
}
.top-option-h2-2{
	float:left;
	width:94%;
	margin:30px 0 0 3%;
}
.top-option-h2-2 img{
	float:left;
	width:100%;
	height:auto;
	margin:0 0 0 0;
}
.top-option-h2-line{
	float:left;
	width:100%;
	margin:22px 0 0 0;
}
.top-option-left2{
	float:left;
	width:98%;
	margin:30px 0 0 1%;
}
.top-option-right2{
	float:left;
	width:100%;
	margin:20px 0 30px 0;
}
.top-option-right2 h3{
	float:left;
	width:100%;
	margin:0 0 0 0;
}
.top-option-right2 h3 img{
	float:left;
	width:auto;
	margin:0;
}
.top-option-right2 h3 span{
	float:left;
	width:94%;
	margin:20px 0 0 3%;
	font-size:30px;
}
.top-option-right2 p.top-option-p2{
	float:left;
	width:94%;
	margin:20px 0 0 3%;
	font-size:30px;
}
.top-option-right2 p.top-option-p3{
	float:left;
	width:94%;
	margin:20px 0 0 3%;
	font-size:25px;
}
.top-option-btn02{
	float:left;
	width:90%;
	margin:20px 0 0 5%;
}
.top-option-btn02 img{
	width:100%;
	height:auto;
}
/*
-- .空間 ----------------------------------------*/
.top-kukan-area{
	float:left;
	width:100%;
	margin:30px 0 0 0;
}
.top-kukan-left{
	float:left;
	width:98%;
	margin:0px 0 20px 1%;
}
.top-kukan-left img{
	width:100%;
	height:auto;
}
.top-kukan-left-maru{
	float:left;
	width:100%;
	margin:5px 0 0 0;
}
.top-kukan-left-maru li{
	float:left;
	width:30%;
	margin:0px 0 0 1%;
	text-align:center;
}
.top-kukan-right{
	float:left;
	width:98%;
	margin:30px 0 0 1%;
}
.top-kukan-right h3{
	float:left;
	width:98%;
	margin:0px 0 0 0;
	padding:0 0 10px 1%;
	font-size:28px;
}
.top-kukan-right p{
	float:left;
	width:94%;
	margin:30px 0 0 3%;
	font-size:23px;
}
.top-kukan-link{
	float:left;
	width:100%;
	margin:20px 0 0 0;
	font-size:25px;
}
/*
-- .ダウンロード ----------------------------------------*/
.top-download{
	float:left;
	width:100%;
	margin:30px 0 30px 0;
}
.top-dl-area{
	float:left;
	width:100%;
	margin:0;
}
.top-dl-area h2{
	float:left;
	width:94%;
	margin:30px 3% 0 3%;
	font-size:28px;
	line-height:300%;
}
.top-dl-area h2 img{
	width:80%;
	height:auto;
	margin:0 10% 0 10%;
}
.top-dl-area p{
	float:left;
	width:100%;
	margin:20px 0 0 0;
	font-size:25px;
}
.top-dl-left{
	float:left;
	width:100%;
	margin:30px 0 0 0;
}
.top-dl-left h3{
	float:left;
	width:94%;
	height:45px;
	margin:0 0 0 3%;
	font-size:32px;
	padding:5px 0 0 5%;
}
.top-dl-left p{
	float:left;
	width:94%;
	margin:30px 0 15px 3%;
	font-size:22px;
}
.top-dl-btn{
	float:left;
	width:80%;
	margin:20px 0 0 10%;
}
.top-dl-btn img{
	width:100%;
	height:auto;
}
.top-dl-right{
	float:left;
	width:100%;
	margin:30px 0 0 0;
}
.top-dl-right h3{
	float:left;
	width:94%;
	height:45px;
	margin:30px 0 0 3%;
	font-size:32px;
	font-weight:bold;
	padding:5px 0 0 5%;
}
.top-dl-btn2{
	float:left;
	width:80%;
	margin:20px 0 0 10%;
}
.top-dl-btn2 img{
	width:100%;
	height:auto;
}
.top-dl-catalog{
	float:left;
	width:100%;
	margin:30px 0 30px 0;
}
.top-dl-catalog-photo{
	float:left;
	width:98%;
	margin:0px 0 0 1%;
}
.top-dl-catalog-photo img{
	width:100%;	
	height:auto;
}
.top-dl-catalog-right{
	float:left;
	width:100%;
	margin:30px 0 0 0;
}
.top-dl-catalog-right p{
	float:left;
	width:94%;
	margin:0px 0 0 3%;
	font-size:30px;
}
.top-dl-btn3{
	float:left;
	width:90%;
	margin:30px 0 0 5%;
}
.top-dl-btn3 img{
	width:100%;	
	height:auto;
}

}
@media (min-width: 768px) {
	#mbmenu{
		display:none;
	}
	.top-price-br{
		display:none;
	}
}