@charset "UTF-8";
/* default-customize
---------------------------------------------------------------- */
#container { background: none; }

#content { background: none; }

#content .content_wp {width:970px;margin:0 auto;overflow: hidden;background: none;}

.low-layer {}

.low-layer img { border: 0; vertical-align: top; max-width: 100%; height: auto; }

#content .content_wp {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin: 0 auto;
    max-width: 910px;
        overflow: visible !important;
    width: 100%;
}

.floatRight {
	float:right;
}

@media only screen and (max-width: 979px) {.low-content{width: 100%;margin: 0 auto;position: relative;overflow: hidden;}}

@media only screen and (max-width: 479px) { #container { /*margin: 160px auto 0 !important; SFCC用に修正*/
	margin: 0 auto 0 !important; font-size: 16px; } }
/* Space
---------------------------------------------------------------- */
.mt10 { margin-top: 10px; }

.mt20 { margin-top: 20px; }

.mt30 { margin-top: 30px; }

.mt40 { margin-top: 40px; }

.mt50 { margin-top: 50px; }

.mt60 { margin-top: 60px; }

.mt70 { margin-top: 70px; }

.mt80 { margin-top: 80px; }

.mt90 { margin-top: 90px; }

.mt100 { margin-top: 100px; }

.mt5 { margin-top: 5px; }

.mt15 { margin-top: 15px; }

.mt25 { margin-top: 25px; }

.mb25 { margin-bottom: 25px; }
.mb50 { margin-bottom: 50px; }

.mt-s { margin-top: 15px; }

.mt-m { margin-top: 30px; }

.mt-l {
	margin-top: 50px;
}

.left { text-align: left; }

.center { text-align: center; }

.right { text-align: right; }

.center_bnr {
	margin: 30px 0;
	text-align: center;
}

/* header
---------------------------------------------------------------- */
 .low-header { display: none; }

@media only screen and (min-width: 980px) { .low-header { display: none; } }

@media only screen and (max-width: 979px) { #header,#subH1 { display: none; }
  .header-logo { float: left; width: 38.20225%; margin: 5px 0 0; }
  .header-list { display: table; table-layout: fixed; float: right; width: 22.47191%; font-size: 0; background-color: #00a0ea; border-radius: 0 0 0 6px; }
  .header-list li { display: table-cell; text-align: center; vertical-align: middle; font-size: 15px; border-left: 1px solid #fff; }
  .header-list li:first-child { border-left: none; }
  .header-list li.header-btn-tel { display: none; }
  .header-list li.header-btn-menu { display: block; padding: 15px 0; }
  .header-list li.header-btn-menu img { width: 57.27273%; margin: 0 auto; }
  .header-list a { display: block; padding: 5px 0; text-decoration: none;}
  .header-list a img { width: 57.27273%; margin: 0 auto; } }

@media only screen and (max-width: 768px) { .header-logo { width: 48.69792%; }
  .header-list { width: 28.64583%; }
  .header-list li.header-btn-menu img { width: 54.31034%; }
  .header-list a img { width: 54.31034%; }
  div #root{display: none;}
   }

@media only screen and (max-width: 480px) { .header-list { width: 45.83333%; }
    .low-header { display: block; overflow: hidden; }
  .header-list li.header-btn-tel { display: table-cell; }
  .header-list li.header-btn-menu img { width: 61.76471%; }
  .header-list a img { width: 61.76471%; } }

/* navigation
---------------------------------------------------------------- */

.low-nav { display: none; }

@media only screen and (min-width: 980px) { .low-nav { display: none; } }

@media only screen and (max-width: 979px) { .nav-btn-close { width: 8.77193%; padding: 10px 3.36134%; }
  .low-nav { display: block; position:absolute; top: 0; right: -242px; width: 240px;font-size: 16px;line-height: 1.7; -webkit-text-size-adjust: 100%; color: #fff; background-color: #01a5ec; border: solid 1px #fff; border-top: none; z-index: 99999;}
  .low-nav li { border-top: solid 1px #fff; }
  .low-nav a { display: block; margin: 0 2.10084% 0 3.36134%; padding: 10px 0 10px 4%; color: #fff; background: url(/service/img/service_contents/icon-arrow03.png) 95% center no-repeat; }
  .low-nav a:link, .low-nav a:hover, .low-nav a:active, .low-nav a:visited { color: #fff; }
    .nav-service > a{background: url(/service/img/icon-arrow04.png) 95% center no-repeat;}
    .nav-service > a.active{background: url(/service/img/icon-arrow05.png) 95% center no-repeat;}
  .nav-service-list { display: none; }
  .nav-service-list li {background-color:#3cc1fb;border-top: dotted 1px #fff;} }


/* Layout
---------------------------------------------------------------- */
.primary { float: left; }
.primary { float: left; }

.secondary { float: right; width:220px;}

.top-primary { float: left; width: 100%; }

.secondary { float: right; width: 22.68041%;}

@media only screen and (max-width: 768px) { .primary { float: none; width: 95%; margin: 0 auto; }
  .secondary { float: none; width: 100%; } }

/* primary-column
---------------------------------------------------------------- */

.main-img {margin:10px 0 0!important;padding:0!important;background-color:#fff!important;}

.main-img { width: 100%; max-width: 730px; margin: 10px 0 0; }

.wish-list { margin: 30px 0 0; padding: 20px 1.64384% 10px; background-color: #fffcdb; }

.wish-list li { margin: 0 0 10px 0; padding: 0 0 0 6.37394%; min-height: 26px; font-size: 16px; font-weight: bold; background: url(/service/img/service_contents/icon-check.png) left top no-repeat; }

.titlebar { width:94.52054%!important;margin:15px 0 0!important;padding: 5px 2.73973%!important;text-align:left!important; background-repeat: no-repeat,no-repeat; background-position: bottom right,top left; background-size: 6.57534%, auto; }

.titlebar span { color: #fff; font-size: 26px; }

.titlebar span:before { display: inline-block; *display: inline; *zoom: 1; width: 10.14493%; margin: 0 4.34783% 0 0; vertical-align: middle; }

.titlebar-consul { background-color: #74c835!important; background-image: url(/service/img/service_contents/bg-line01.png), -webkit-linear-gradient(top, #74c835 0%, #51a835 100%)!important;}

.titlebar-consul span:before { content: url(/service/img/service_contents/icon-consul.png); }

.titlebar-service { background-color: #2c7cc5!important; background-image: url(/service/img/service_contents/bg-line01.png), -webkit-linear-gradient(top, #2c7cc5 0%, #0b52a0 100%)!important; }

.titlebar-service span:before { content: url(/service/img/service_contents/icon-service.png); }

.main-box { border: 1px solid #c9c9c9; }

.main-box li { padding: 15px 2.06044%; border-top: 1px solid #c9c9c9; }

.main-box li:first-child { border-top: none; }

.service-item { padding: 0 0 0 6.86813%; min-height: 28px; }

.service-item-01 { background: url(/service/img/service_contents/icon-num01.jpg) left top no-repeat; }

.service-item-02 { background: url(/service/img/service_contents/icon-num02.jpg) left top no-repeat; }

.service-item-03 { background: url(/service/img/service_contents/icon-num03.jpg) left top no-repeat; }

.detail { font-size: 0; }

.detail dt, .detail dd { display: inline-block; *display: inline; *zoom: 1; font-size: 14px; }

.detail dt { width: 17.19198%; margin: 0 2.149% 0 0; }

.detail dd { width: 78.79656%; }

.detail-item { padding: 5px; vertical-align: top; text-align: center; color: #fff; border-radius: 6px; }

.detail-item-01 { background-color: #4ba534; }

.detail-item-02 { background-color: #01a5ec; }

.point-list { overflow: hidden; }

.point-list li { margin: 15px 0 0; display: inline-block; max-width: 360px; text-align: left;}

.point-list li.odd { margin-right: 1.36986%; }

.cont-inner { width: 90.41096%; margin: 15px auto 0; }

.contact-box { display: none; }

.outline{margin: 20px 0 0;overflow: hidden;}

.outline-title{width:97.26028%!important;margin:50px 0 0!important;padding:5px 0 3px 2.73972%!important;font-size: 24px!important;line-height:1.2;text-align:left!important;font-weight: bold!important;}

.outline-title-01{
color: #00a4ee!important;
background:#fff url(/service/img/service_contents/icon-line01.jpg) 0 top no-repeat!important;
background-size:8px 34px!important;
}

.outline-title-02{
color: #ff6600!important;
background:#fff url(/service/img/service_contents/icon-line02.jpg) 0 top no-repeat!important;
background-size:8px 34px!important;
}

.outline-img-01{float: right;width:34.8%;}

.outline-img-02{float:right;width: 30.2%;}

.outline-list{margin:20px 0 0;overflow: hidden;}

.outline-list li{float: left;width:48.3%;margin:0 0 0 3%;}

.outline-list li:first-child{margin:0;}

.outline-list-title{min-height:50px;margin:0 0 5px;padding:0 0 0 15%;font-size: 18px;color:#ff6600;line-height:1.2;font-weight: bold;}

.outline-list-title-01{
  background:url(/service/img/service_contents/icon-num-org01.jpg) 0 top no-repeat!important;
  background-size:12.5% auto;
  }

.outline-list-title-02{
  background:url(/service/img/service_contents/icon-num-org02.jpg) 0 top no-repeat!important;
  background-size:12.5% auto;
  }
 .contact-bnr {
	 text-align: center;
 }
 .contact-bnr a{
 	cursor:default;
 }

.mCamp p {
	background: none !important;
}

@media only screen and (max-width: 768px) { .detail dt, .detail dd { font-size: 16px; }
  .detail dt { width: 21.48997%; margin: 0 2.149% 0 0; }
  .detail dd { width: 74.49857%; }
  .cont-inner { width: 93.22034%; }
  .contact-bnr { display: none; }
  .contact-box { display: block; }
  .contact-lead { width: 63.55932%; margin: 40px auto 0; }
  .contact-btn { width: 84.74576%; margin: 20px auto 0; }
  .contact-btn a { display: block; padding: 15px 0; text-align: center; border-radius: 6px; }
  .contact-btn-tel a { background-color: #00a0ea;cursor:default; }
  .contact-btn-mail a { background-color: #ff6600; }
}

@media only screen and (max-width: 640px) { .wish-list li { padding: 0 0 0 10.20408%; }
  .titlebar { background-size: 7.89474%, auto; }
  .titlebar span { font-size: 22px; }
  .detail dt { width: 33.0033%; margin: 0; }
  .detail dd { width: 100%; margin: 10px 0 0; }
  .outline-list li{float:none;width:100%;margin:0 auto;}
  .outline-list-title-01,.outline-list-title-02{padding:0 0 10px 10%;background-size:7.24%;}
  .outline-list-title-02{margin:20px 0 0;}
}

@media only screen and (max-width: 480px) { .titlebar { background-size: 10.52632%, auto; }
  .titlebar span:before { margin: 0 15.84507% 0 0; }
  .service-item { padding: 0 0 0 12.37624%; }
  .outline-title{font-size: 20px;}
  .outline-list-title{line-height:1.5;}
}


/* secondary-column
---------------------------------------------------------------- */
.top-sub-title {
    width: 90.9091%!important;
    margin: 10px 0 0!important;
    padding: 10px 4.54545%!important;
    font-size: 20px!important;
    color: #fff;
    text-align: left!important;
    border-radius: 6px 6px 0 0;
    background: #01a5ec url(/service/img/service_contents/bg-line02.png) right bottom no-repeat!important;
    font-weight: bold;
}

.top-sub-svc{
	margin: 70px 0 40px 0;
}

.top-sub-svc-list {
    font-size: 14px;
    overflow: hidden;
}

.top-sub-svc-list li {
    padding: 20px 0;
    float: left;
    width: 48%;
    text-align: left;
    border-bottom: 1px dotted #cccccc;
    margin: 0 30px 0 0;
}

.top-sub-svc-list li a {
    background: rgba(0, 0, 0, 0) url("/service/img/service_contents/icon-arrow01.png") no-repeat scroll left 7px;
    display: block;
    padding: 0 0 0 8.65385%;
}

.top-sub-svc-list li a:hover {
    opacity: 0.7;
}

.sub-title {
    width: 90.9091%!important;
    margin: 10px 0 0!important;
    padding: 10px 4.54545%!important;
    font-size: 14px!important;
    color: #fff;
    text-align: left!important;
    border-radius: 6px 6px 0 0;
    background: #01a5ec url(/service/img/service_contents/bg-line02.png) right bottom no-repeat!important;
}

.sub-contact-inner {
    padding: 5px 4.58716%;
}

.sub-box {
    border: 1px solid #c9c9c9;
}


.sub-svc-list li:last-child {
	 border-bottom: none;
}

.sub-contact-inner { padding: 5px 4.58716%; }

.sub-contact-btn { margin: 10px 0 0; }

.sub-contact-btn a { display: block; padding: 10px 0 10px 22.47191%; font-size: 16px; color: #fff; text-decoration: none; background: #ff6600 url(/service/img/service_contents/icon-arrow02.png) 5.05051% center no-repeat; background-size: auto; border-radius: 6px; -webkit-transition: 1s; transition: 1s; }

.sub-contact-btn a:hover { background: #fc8739 url(/service/img/service_contents/icon-arrow02.png) 5.05051% center no-repeat; }

.sub-menu-list { font-size: 13px; }

.sub-menu-list li { border-top: 1px solid #c9c9c9; }

.sub-menu-list li:first-child { border-top: none; }

.sub-menu-list li a { display: block; margin: 0 2.29358%; padding: 8px 0 8px 7.21154%; background: url(/service/img/service_contents/icon-arrow01.png) left center no-repeat; }

.sub-shop-list { padding: 5px 3.66972%; overflow: hidden; font-size: 13px; }

.sub-shop-list li { float: left; width: 50%; }

.sub-shop-list li a { display: block; padding: 0 0 0 8.65385%; background: url(/service/img/service_contents/icon-arrow01.png) left center no-repeat; }

.sub-shop-bnr{ display: none; }

@media only screen and (min-width: 769px) { .sub-shop-bnr { display: none; } }

@media only screen and (max-width: 768px) { .sub-title { padding: 10px 3.90625%; font-size: 18px; border-radius: 0; background: #01a5ec; }
  .sub-menu-list { font-size: 16px; }
  .sub-menu-list li a { margin: 0 3.90625%; padding: 20px 0 20px 2.83286%; }
  .sub-contact, .sub-shop { display: none; }
  .sub-shop-bnr { display: block; width: 92.44792%; margin: 30px auto 0; } }


/* footer
---------------------------------------------------------------- */
.low-footer { display: none; }

@media only screen and (min-width: 980px) { .low-footer { display: none; } }

@media only screen and (max-width: 979px) { #footer, #container .linkList, #pagetopArea { display: none; }
 .low-footer {display:block;font-size: 13px; text-align: center;}
  .copyright { padding: 5px 0; color: #fff; background: #0162b1; }
  .company-link { margin: 20px 0; }
  .company-link li { display: inline-block; *display: inline; *zoom: 1; padding: 0 5px; border-left: 1px solid #000; }
  .company-link li:first-child { border-left: none; }
  .company-link li a:link { text-decoration: none; }
  .company-link li a:hover { color: #999; } }

/* ウィンドウ幅が0〜479pxの場合に適用するCSS */
@media only screen and (max-width:479px){
#container .footer_bnr {
	display:none !important;
}
}


/* 設置・設定サービス
---------------------------------------------------------------- */
#pc_setti.content_wp {
/*	text-align: center;*/
}

.contentMain {
	text-align: center;
	font-size: 14px;
	line-height: 1.6;
}

.contentInner {
	margin: 0 auto;
	width: 800px;
	text-align: left;
}

.checkTxt li {
	background-image: url(/5info/img/installation_service_cart_popup/icon_check.gif);
	background-repeat: no-repeat;
	font-size: 16px;
	margin-left: 25px;
	padding-left: 32px;
	margin-top: 10px;
}

.osusumeBox {
	margin-bottom: 30px;
	width: 768px !important;
	margin-top: 30px;
	border: 1px solid #999;
	padding: 15px;
	font-size: 14px;
}

.planBox {
	margin-top:20px;
}

.planBoxL {
	float:left;
	width:260px;
}

.planBoxR {
	float:right;
	width:490px;

}

#pc_setti h3 {
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	background-color: #008C23;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
	line-height: 1.6;
}

.list table {
	margin-bottom: 30px;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
	line-height: 1.6;
}

.list table td {
	padding: 5px;
	border: 1px solid #CCC;
	vertical-align: middle;
}

.planName1 {
	color: #FFF;
	background-color: #060;
	font-weight:bold;
	font-size:16px;
}

.planName2 {
	color: #FFF;
	background-color: #FF4000;
	font-weight:bold;
	font-size:16px;
}

.planName3 {
	color: #FFF;
	background-color: #09C;
	font-weight:bold;
	font-size:16px;
}

.planName4 {
	color: #FFF;
	background-color: #C06;
	font-weight:bold;
	font-size:16px;
}

.serviceName {
	background-color: #008C23;
	color: #FFF;
}

.timeName {
	background-color: #777;
	color: #FFF;
}

.txtCenter {
	text-align: center;
	font-weight: bold;
}

.bgGray {
	background-color: #F0F0F0;
}

.price {
	font-weight: bold;
	color: #F00;
	text-align: center;
	font-size:16px;
}

.txtRed {
	color: #F00;
}

.clear {
	clear:both;
}

.faq {
	margin-top:30px;
}

.faq .faqTit {
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	background-color: #008C23;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
}

.faq dl {
	margin-top: 25px;
	padding-bottom: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.faq dt {
	font-weight: bold;
	text-indent: -2.3em;
	padding-left: 2.3em;
	margin-bottom: 20px;
}

.faq dd {
	text-indent: -2.3em;
	padding-left: 2.3em;
}



/* トラブル相談の流れ
---------------------------------------------------------------- */
/*メニューボタン2列---------------

ul.menuLink li {
	border:4px #005398 solid;
	float:left;
	margin:5px;
	padding:10px;
	text-align:center;
	width:415px;
}

ul.menuLink li a {
	color:#005398;
}
ul.menuLink li:hover {
	color:#005398;
	text-decoration:underline;
	background-color:#B5DEFD;
	cursor: pointer;
	cursor: hand;
}
------------*/

/*メニューボタン3列*/

/*ul.menu3Link li {
	border:4px #005398 solid;
	float:left;
	margin:5px;
	padding:10px;
	text-align:center;
	width:265px;
}

ul.menu3Link li a {
	color:#005398;
}
ul.menu3Link li:hover {
	color:#005398;
	text-decoration:underline;
	background-color:#B5DEFD;
	cursor: pointer;
	cursor: hand;
}*/

ul.menu3Link li {
	float:left;
	margin:5px;
	width:320px;
}
.alpha img:hover {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
.menu240 {
	width:240px !important;
}

/*------------------------
追従メニュー
------------------------*/

#menuBottomBox {
	position:fixed;
	top:0;
	background-color: #fff;
	height:60px;
	border-top:1px solid #ccc;
	box-shadow:rgba(113, 135, 164, 0.65) 0px 4px 6px -5px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.65) 0px 4px 6px -5px;
	-moz-box-shadow:rgba(113, 135, 164, 0.65) 0px 4px 6px -5px;
	display:none;
	width:910px;
	margin: 0px auto;
}

#content2 {
	width:910px;
	margin: 0px auto;
}

#shop,
#web {
    margin-top: -60px;
    padding-top: 63px;
}

/*-------------------------------------
　ページトップへ表示設定
---------------------------------------*/
#pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
#pagetop a {
	color: #fff;
	background-color: #333;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	display: block;
	font-size: 12px;
	line-height:1.5em;
	padding:5px 10px;
	text-align: center;
	text-decoration: none;
}


/*-------------------------------------
	ボックスが伸びるおまじない
---------------------------------------*/

.cl {
	display: inline-block;
}

.cl:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


/*-------------------------------------
	トップページメインバナー
---------------------------------------*/

.top-main-img {
	background:url(/service/img/top_img01_repair_camp.jpg) no-repeat 0 0 / 100% auto;
}
.top-main-img a {
	width:100%;
	height:auto;
	display:block;
}

.top-main-img .campDate {
    color: #fff;
    font-size: 36px;
    display: inline-block;
	padding: 27% 0 0 62%;
}

.top-main-img .campDate .made {
    font-size: 24px;
}

@media only screen and (max-width: 768px) {
	.top-main-img .campDate {
		font-size: 12px;
	}
	.top-main-img .campDate .made {
		font-size: 10px;
	}
}

@media only screen and (max-width: 640px) {
	.top-main-img .campDate {
		font-size: 12px;
	}
	.top-main-img .campDate .made {
		font-size: 10px;
	}
}

@media only screen and (max-width: 480px) {
	.top-main-img .campDate {
		font-size: 12px;
	}
	.top-main-img .campDate .made {
		font-size: 10px;
	}
	}
}


/*-------------------------------------
	トップページ高速女の子バナー
---------------------------------------*/

.smartphoneHighSpeedGirl {
	margin:20px 0;
	background:url(/service/img/bnr_smartphone_high_speed_girl.jpg) no-repeat 0 0 / 100% auto;
	width:100%;
	height:auto;
}

.smartphoneHighSpeedGirl .campDate {
    color: #fff;
    display: inline-block;
    font-size: 120%;
    padding: 6% 0 10% 70%;
}

.smartphoneHighSpeedGirl .campDate .made {
    font-size: 80%;
}

.pcHighSpeedGirl {
    background:url("/service/img/bnr_left_high_speed_girl.jpg") no-repeat scroll 0 0 / 100% auto;
    display: inline-block;
    height: auto;
    margin: 0 10px 0 0;
    width: 207px;
}

.pcHighSpeedGirl .campDate {
    color: #fff;
    display: inline-block;
    padding: 54% 0 10% 68%;
}

.pcHighSpeedGirl .campDate .made {
    font-size: 60%;
}


/*-------------------------------------
	キャンペーンポップアップ
---------------------------------------*/

#popup .popup-inner {
	background-color:none;
}

#popup .campPopup {
    background:url("/service/img/repair_camp_back.jpg") no-repeat scroll 0 0;
	padding: 630px 0 0;
}

#popup .campPopup img {
	padding: 0 0 0 180px;
}

#popup .campPopup .campPopupCaution {
    padding: 50px 0 30px 40px;
    width: 750px;
}

#popup .campPopup .campPopupName {
	font-size:20px;
	font-weight:bold;
	margin:0 0 5px;
	text-align:left;
}

#popup .campPopup .campPopupDetail {
	font-size:14px;
	margin:0 0 5px;
	text-align:left;
}

#popup .campPopup .campPopupDetail .redText {
	color:#FF0206;
}

@media only screen and (max-width: 768px) {
	#popup .campPopup {
    background:url("/service/img/repair_camp_back.jpg") no-repeat scroll 0 0 / 100% auto;
	padding:75% 0 0;
}
#popup .campPopup img {
    padding: 0 0 0 10%;
    width: 80%;
}
#popup .campPopup .campPopupCaution {
    padding: 2%;
    width: 100%;
    background-color: #fff;
    border-top: 10px solid #00A3D9;
}
#popup .campPopup .campPopupName {
    font-size: 10px;
}
#popup .campPopup .campPopupDetail {
    font-size: 9px;
    margin: 0;
}

}

@media only screen and (max-width: 640px) {
	#popup .campPopup {
    background:url("/service/img/repair_camp_back.jpg") no-repeat scroll 0 0 / 100% auto;
	padding:75% 0 0;
}
#popup .campPopup img {
    padding: 0 0 0 10%;
    width: 80%;
}
#popup .campPopup .campPopupCaution {
    padding: 2%;
    width: 100%;
    background-color: #fff;
    border-top: 10px solid #00A3D9;
}
#popup .campPopup .campPopupName {
    font-size: 10px;
}
#popup .campPopup .campPopupDetail {
    font-size: 9px;
    margin: 0;
}

}

@media only screen and (max-width: 480px) {
#popup .campPopup {
    background:url("/service/img/repair_camp_back.jpg") no-repeat scroll 0 0 / 100% auto;
	padding:75% 0 0;
}
#popup .campPopup img {
    padding: 0 0 0 10%;
    width: 80%;
}
#popup .campPopup .campPopupCaution {
    padding: 2%;
    width: 100%;
    background-color: #fff;
    border-top: 10px solid #00A3D9;
}
#popup .campPopup .campPopupName {
    font-size: 10px;
}
#popup .campPopup .campPopupDetail {
    font-size: 9px;
    margin: 0;
}
}