/* line 3, ../Sass/_layout.scss */
.col1a01 { margin-bottom: 30px; }

/* line 38, ../Sass/_layout.scss */
.col1a02 { margin-bottom: 30px; }

/* line 80, ../Sass/_layout.scss */
.col3b01-col .module-mg { width: 465px; }
@media screen and (max-width: 640px) { /* line 80, ../Sass/_layout.scss */
  .col3b01-col .module-mg { width: auto; } }
/* line 85, ../Sass/_layout.scss */
.col3b01-col .module-mg .module-mg-imagearea { width: 465px; }
@media screen and (max-width: 640px) { /* line 85, ../Sass/_layout.scss */
  .col3b01-col .module-mg .module-mg-imagearea { width: auto; } }
/* line 90, ../Sass/_layout.scss */
.col3b01-col .module-mg .module-mg-imagearea .module-mg-thumb { width: 465px; }
@media screen and (max-width: 640px) { /* line 90, ../Sass/_layout.scss */
  .col3b01-col .module-mg .module-mg-imagearea .module-mg-thumb { margin: 0 auto; max-width: 465px; width: auto; height: auto; } }
/* line 98, ../Sass/_layout.scss */
.col3b01-col .module-mg .module-mg-imagearea .module-mg-thumb li { margin: 0 8.75px 8px 0; width: 84px; height: auto; }
@media screen and (max-width: 640px) { /* line 98, ../Sass/_layout.scss */
  .col3b01-col .module-mg .module-mg-imagearea .module-mg-thumb li { margin: 0 0 1%; width: 20%; height: auto; } }
/* line 107, ../Sass/_layout.scss */
.col3b01-col .module-mg .module-mg-imagearea .module-mg-thumb li img { width: 84px; }
@media screen and (max-width: 640px) { /* line 107, ../Sass/_layout.scss */
  .col3b01-col .module-mg .module-mg-imagearea .module-mg-thumb li img { max-width: 84px; width: 100%; } }
/* line 114, ../Sass/_layout.scss */
.col3b01-col .module-mg .module-mg-imagearea .module-mg-thumb li.li-right { margin: 0 0 8px 0; }
/* line 117, ../Sass/_layout.scss */
.col3b01-col .module-mg .module-mg-imagearea .module-mg-thumb li.current { width: 84px; }
@media screen and (max-width: 640px) { /* line 117, ../Sass/_layout.scss */
  .col3b01-col .module-mg .module-mg-imagearea .module-mg-thumb li.current { width: 20%; } }
/* line 122, ../Sass/_layout.scss */
.col3b01-col .module-mg .module-mg-imagearea .module-mg-thumb li.current img { width: 84px; }
@media screen and (max-width: 640px) { /* line 122, ../Sass/_layout.scss */
  .col3b01-col .module-mg .module-mg-imagearea .module-mg-thumb li.current img { max-width: 84px; width: 100%; } }
/* line 132, ../Sass/_layout.scss */
.col3b01-col .module-mg .module-mg-imagearea .module-mg-imagearea-main { width: 465px; }
@media screen and (max-width: 640px) { /* line 132, ../Sass/_layout.scss */
  .col3b01-col .module-mg .module-mg-imagearea .module-mg-imagearea-main { margin: 0 auto; max-width: 465px; width: auto; } }
/* line 139, ../Sass/_layout.scss */
.col3b01-col .module-mg .module-mg-imagearea .module-mg-imagearea-main .module-mg-main { width: 465px; }
@media screen and (max-width: 640px) { /* line 139, ../Sass/_layout.scss */
  .col3b01-col .module-mg .module-mg-imagearea .module-mg-imagearea-main .module-mg-main { max-width: 100%; width: auto; } }

/* line 3, ../Sass/_extend.scss */
.clearfix { *zoom: 1; }
/* line 5, ../Sass/_extend.scss */
.clearfix:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }


/* HAP-S1 Original Style */

.blanklink a{
	color: #0287B2;
}

.sp{
display: none;
visibility:hidden;
}
@media screen and (max-width: 640px) {
.sp{
display: block;
visibility: visible;	
}
.pc{
display: none;
visibility:hidden;
}


	
}

.hhs-text {  zoom:1; }
@media screen and (max-width: 640px) { 
.hhs-text { width:200px; } }

.hhs-bd{ border-top:1px solid #ccc; margin: 0 10px; padding:10px;}


.font-24{ font-size: 24px;}


.hhs-box{
	width:293px;
	background:#FFFFFF;
	float:left;
}


.hhs-colorbox1{
	background:#E8F6FF;
	
}

.hhs-colorbox2{
	background: #FFF2DC;
	
}

.hhs-colorbox3{
	background-color: #F3FCD4;	
}
.hhs-tlbc{
	
margin: 0 auto;
text-align: left;

}

.hhs-wsp1 img{ max-width : 100%;}
@media screen and (max-width: 640px) {
.hhs-wsp1 { width:100%; clear:both;}
.hhs-box{ margin: 0 0 15px;
}}

.bg-F6F6F6{
	background-color: #F6F6F6;
}

.tc-disp { display: table-cell; }

.dd-price .setTxt{
	font-size:85%;
}

.bg-eeeeee{
	border-top:5px solid #000;
}

.cableTxt{
border-top: 1px solid #999;
padding: 15px 0;
}
@media screen and (max-width: 640px) {
	.cableTxt{
border-top: 1px solid #999;
padding: 15px 0;
}
}

@media screen and (max-width: 640px) {
.img-area .module-main-inr img{
	width:100% !important;
}
.subitem-col02.subitem-col02-bg02{
	background:#000;
}
}

ul.hhs-list  li{
	list-style:inside disc;
}


.module-rich-main .module-rich-item .module-gallery .module-gallery-inr .module-gallery-ui {
	background: #ccc;
} @media screen and (max-width: 640px){ .module-rich-main .module-rich-item .module-gallery .module-gallery-inr .module-gallery-ui { background: #cacfd3; } }

.module-rich-main .module-rich-item .module-gallery .module-gallery-inr .module-gallery-ui .module-gallery-thumb {
	float: left;
	padding: 7px 0 7px 7px;
} @media screen and (max-width: 640px){ .module-rich-main .module-rich-item .module-gallery .module-gallery-inr .module-gallery-ui .module-gallery-thumb {padding: 1% 10px 1.9%; } }


.module-rich-main .module-rich-item .module-gallery .module-gallery-inr .module-gallery-ui .module-gallery-thumb {
	float: left;
	padding: 7px 0 7px 7px;
}
@media screen and (max-width: 640px){
	.module-rich-main .module-rich-item .module-gallery .module-gallery-inr .module-gallery-ui .module-gallery-thumb {
		padding: 1% 10px 1.9%;
	}
}
@media screen and (max-width: 640px){
.spMain{
	background:#000;
	color:#fff;
	padding:10px;
}
}