@charset "utf-8";

/* --------------------------------------------
ﾆ竪ﾆ但ﾆ坦ﾆ停€愴誰ﾆ椎ﾂーﾆ男ﾆ停€愴丹
-------------------------------------------- */
#popupArea .wrap{
	width:100% !important;
}
#popupArea .wrap2{
	width:100% !important;
}
#popupArea img{
	width:100%;
}
#popupArea .pc_only{
	display:none;
}
#popupArea .sp_only{
	display:block;
}
#popupArea .mainTtl_sp{
	display:block;
}
#popupArea .contents{
	width:100%;
	box-sizing:border-box;
}
#popupArea .inner{
	padding:0;
}
#popupArea .contents{
	padding:20px 15px;
}
#popupArea .main .mainTtl_pc{
	display:none;
}
#popupArea .main .mainTtl_sp{
	font-size:19px;
	font-weight:bold;
	border-left:#990000 solid 3px;
	padding-left:15px;
	margin-bottom:4.91%;
}
#popupArea .main .textArea{
	float:none;
	width:100%;
}
#popupArea .main .text{
	line-height:1.7;
	font-size:16px;
}
#popupArea .main .popImg{
	float:none;
	margin-bottom:4.91%;
}
#popupArea .option .inner{
	padding:6.56% 1.97%;
}
#popupArea .option .inner h3{
	margin-left:8px;
}
#popupArea .detail{
	text-align:left;
	margin-bottom:6.56%;
}
#popupArea .detail a{
	font-size:15px;
}
#popupArea .spBtn{
	width:32.79%;
	margin:0 auto;
}
/* --------------------------------------------
ﾂ坂€｡ﾅ致ﾅﾃ版津ｻ窶堙固致ﾅｽZ窶｢ﾃｻ窶邸
-------------------------------------------- */
#popupArea .wrap2 .main{
	margin-bottom:6.56%;
}
#popupArea .main .mainTtl2{
	text-align:center;
}
#popupArea .popImg2{
	text-align:center;
	margin-bottom:7.34%;
}
#popupArea .note1{
	margin-bottom:6.56%;
	text-align:left;
}
#popupArea .note1 li{
	display:block;
	font-size:16px;
}
#popupArea .wrap2 .inner{
	padding:0 15px;
}

/* --------------------------------------------
Procedure
-------------------------------------------- */
#popupArea .procedure .procedure-item {
	float: none;
	width: 100%;
}
#popupArea .procedure .procedure-item .item-content {
	padding: 0 15px
}
#popupArea .procedure .procedure-item.item-02 .item-content {
	border: none;
}
#popupArea .procedure .procedure-item.item-01 .item-content,
#popupArea .procedure .procedure-item.item-02 .item-content {
	margin-bottom: 20px;
}

/* --------------------------------------------
Inline List
-------------------------------------------- */
#popupArea .option .inner.clean-place {
	padding: 20px;
}

/* --------------------------------------------
Option with Style
-------------------------------------------- */
#popupArea .option .popImg,
#popupArea .option .textArea .col,
#popupArea .option .textArea {
	float: none;
}
#popupArea .option .textArea,
#popupArea .option .textArea .col {
	width: 100%;
}
#popupArea .option .popImg {
	max-width: 200px;
	margin: 0 auto 15px;
}
#popupArea .option .textArea .col dl {
	margin-bottom: 15px;
}

#popupArea .service-notAllowed {
	margin-left: 0;
	margin-top: 20px;
}
#popupArea .option .textArea .col dd.figure {
	max-width: 150px;
	padding: 0;
	margin: 10px auto;
}
#popupArea .option .textArea > p {
	padding: 0 10px;
}
/* --------------------------------------------
遯鍋畑繝輔ぅ繝ｫ繝譁ｽ蟾･繧ｵ繝ｼ繝薙せ
-------------------------------------------- */
#popupArea .services li {
	float: none;
	width: 100%;
}
#popupArea .services dt,
#popupArea .services li dl {
	min-height: auto;
}

/* --------------------------------------------
Cleaning
-------------------------------------------- */
#popupArea .cleaning ul {
	margin: 0 -10px;
}
#popupArea .cleaning li {
	max-width: 100%;
	width: 50%;
	margin-bottom: 15px;
}
#popupArea .cleaning li.item-02 {
	margin: 0;
}
#popupArea .cleaning li.item-03 {
	clear: left;
}
#popupArea .cleaning li h3,
#popupArea .cleaning li p {
	padding: 0 10px;
}

/* --------------------------------------------
譁咎≡繧ｷ繝溘Η繝ｬ繝ｼ繧ｷ繝ｧ繝ｳ縺ｮ菴ｿ縺・婿
-------------------------------------------- */
#popupArea .order-simulation .order-step {
	padding: 15px;
	display: block;
}
#popupArea .order-simulation .step-img {
	display: block;
	margin: 0 auto 15px;
	max-width: 115px;
	padding-right: 0;
}
#popupArea .order-simulation .step-title h3 {
	font-size: 15px;
}
#popupArea .order-simulation .step-title h3 img {
	max-width: 50px;
}

/* --------------------------------------------
遯鍋畑繝輔ぅ繝ｫ繝縺ｮ遞ｮ鬘槭↓縺､縺・※
-------------------------------------------- */
#popupArea .type-list > li {
	margin-top: 15px;
}
#popupArea .type-title {
	border: none;
	margin-bottom: 15px;
}
#popupArea .type-title h3 {
	border: 2px solid #23c3d6;
	font-size: 14px;
	width: 100%;
}
#popupArea .type-title .type-labels,
#popupArea .type-title .type-labels li,
#popupArea .type-body .explanation .figure {
	float: none;
}
#popupArea .type-title .type-labels {
	text-align: center;
}
#popupArea .type-title .type-labels li {
	display: inline-block;
}
#popupArea .type-title .type-labels .label {
	width: 58px;
	height: 20px;
	-webkit-background-size: cover;
	background-size: cover;
}
#popupArea .type-title .type-labels .label.solar {
	background-position: 0 0;
}
#popupArea .type-title .type-labels .label.uv {
	background-position: 0 -20px;
}
#popupArea .type-title .type-labels .label.shatter {
	background-position: 0 -40px;
}
#popupArea .type-title .type-labels .label.insect {
	background-position: 0 -61px
}
#popupArea .type-title .type-labels .label.crime {
	background-position: 0 -81px
}
#popupArea .type-title .type-labels .label.blindfold {
	background-position: 0 -101px
}
#popupArea .type-body .explanation-row {
	background: none;
}
#popupArea .type-body .explanation .figure,
#popupArea .type-body .explanation {
	padding: 0;
}
#popupArea .type-body .explanation .figure-img,
#popupArea .type-body .explanation .figure-text {
	float: left;
	width: 50%;
	margin: 0;
}
#popupArea .type-body .explanation .figure {
	margin-bottom: 35px;
	max-width: 100%;
}
#popupArea .type-body .explanation .figure-img {
	position: relative;
}
#popupArea .type-body .explanation .figure:first-child .figure-img::after {
	display: block;
	position: absolute;
	bottom: -29px;
	left: 50%;
	margin-left: -15px;
	content: '';
	width: 30px;
	height: 22px;
	background: url('/servicemaster/simulation/images/popup/type_film_arrow_down.gif') no-repeat 0 0;
}
#popupArea .type-body .explanation .figure-text p {
	padding: 0 0 0 10px;
}
#popupArea .type-body .explanation-content {
	margin-top: 15px;
}
#popupArea .type-body .explanation .security-logo img {
	width: 85px;
}
#popupArea .type-body .explanation .security {
	margin-top: 0;
}
#popupArea .type-list > li:last-child .type-body .explanation-content {
	padding-bottom: 0;
}
#popupArea .type-list > li:last-child .type-body .explanation .figure:last-child {
	margin-bottom: 20px;
}
#popupArea .inline-list li {
	float: none;
	margin-left: 10px;
    margin-right: 0;
    list-style-position: outside;
}