@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 {font-size: 15px; line-height: 1.7; font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; -webkit-text-size-adjust: 100%; }

.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: hidden;
    width: 100%;
}

.floatRight {
	float:right;
}

#content #root {height:40px;line-height:40px;font-size:12px;color:#4d4d4d;font-weight:bold;text-align:left;}
#content #root li {
  display: inline;
  padding: 0 0 0 10px;
}
#content #root li .current {font-weight: bold; color: #6C6C6C;}
#content #root li {*display:inline; *zoom: 1;} /* for IE */
#content #root li:first-child {padding-left:0;margin-left:0;background:none;}
#content #root li a {color:#999;font-weight:normal;text-decoration:none;}
#content #root li a:hover {text-decoration:underline;}

@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; } }

/* link
---------------------------------------------------------------- */
#content a:link { color: #333; text-decoration: none; }

#content a:visited { color: #333; text-decoration: none; }

#content a:hover { color: #999; text-decoration: none; }

#content a:active { color: #333; text-decoration: none; }

/* Font
---------------------------------------------------------------- */
.bold { font-weight: bold; }

.f12 { font-size: 12px; }

.f14 { font-size: 14px; }

.f15 { font-size: 15px; }

.f16 { font-size: 16px; }

.f18 { font-size: 18px; }

.f20 { font-size: 20px; }

.f24 { font-size: 24px; }

.f26 { font-size: 27px; }

.fs-s { font-size: 14px; }

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

.caution-01 { font-size: 18px; font-weight: bold; color: #ff6600; }

.caution-02 { font-size: 22px; font-weight: bold; color: #ee0006; }

.caution-03 { font-size: 24px; font-weight: bold; color: #084d9c; }

@media only screen and (max-width: 640px) { .fs-l { font-size: 20px; }
  .caution-03 { font-size: 20px; } }

/* 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;
}
.tuijyu-menu { display: none; }

/* 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; }
  .low-header { display: block; overflow: hidden; }
  .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; }
  .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) {
    .tuijyu-menu { display: block; }
    .header-list { width: 45.83333%; }
  .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; font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; -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;
}

#container a:link {
    color: #333;
    text-decoration: none;
}
.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;font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;}
  .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;
}
}

/*-------------------------------------
　年末年始・電話番号隠す（電話番号復活の際はがっつり削除）
---------------------------------------*/
.footer_bnr a:hover, .contact-bnr a:hover {
		opacity: 0.8;
	}
.contact-bnr a {
    cursor: pointer;
}

/*-------------------------------------
　スマホ ヘッダーメニュー調整用
---------------------------------------*/

@media only screen and (min-width: 480px) {
    .low-header { display: none; }
    .service-logo { display: none; }
    .flow_sp { display: none; }
    .flow_pc { display: block; }
}

@media only screen and (max-width: 479px) {
    .low-header { display: block; overflow: hidden; }
    .flow_sp { display: block; }
    .flow_pc { display: none; }
}


@media only screen and (max-width: 979px) { #header { 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: #2C82C9 !important; border-radius: 0 0 0 6px; position: relative; }
  .header-list li { display: table-cell; text-align: center; vertical-align: middle; font-size: 15px; border-left: 1px solid #fff; padding: 10px 0; }
  .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:0 !important; }
  .header-list a img { width: 57.27273%; margin: 0 auto; } }

@media only screen and (max-width: 979px) { .header-list { width: 45.83333%; }
  .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%; }
    #header-list {
    height: 30px;
    width: 50%;
    float: right;
}
/**/
 .service-logo {
    text-align: center;
    margin: 10px auto 5px;
}
 .service-logo img {
     height: 55px;
     width: auto;
}
 .nav_box img {
    width: auto !important;
}
.lock {
overflow:hidden;
}

.modal-content {
position:relative;
display:none;
width:96%;
margin:30px 2%;
padding:0 0 0;
border:1px solid #061a63;
background:#fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.modal-content p {
margin:0;
padding:0;
}

.modal-overlay {
z-index:1;
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:120%;
background-color:rgba(0,0,0,0.75);
}

.modal-wrap {
z-index:2;
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
overflow:auto;
}
.modal-open {
}

.modal-open:hover {
cursor:pointer;
color:#f00;
}

.modal-close {
color:#00f;
text-align: right;
}

.modal-close:hover {
cursor:pointer;
color:#f00;
}

p.close_top{
text-align: right;
margin: 10px 0 20px;
}

.modal-content > ul{
overflow: hidden;
margin:0;
padding:0;
}

.modal-content > ul li.lavel{
background-color: #2C82C9;
font-size: 1.2em;
padding:5px 30px;
font-weight: bold;
text-align: center;
color: #fff;
}

ul.nav_box{
background-color: #f1f1f1;
margin:0;
padding:0;
}

ul.nav_box li{
    font-size: 1em;
    width: 100%;
    text-align: center;
    padding: 8px 0;
}
ul.nav_box li + li {
    border-top: 1px solid #2C82C9;
}

ul.nav_box li a{
color: #505050;
display: block;
}
    ul.nav_box li.shindan {
    }

    ul.nav_box li.shindan a {
        color: #ff0000;
    }

p.close_bottom{
background-color: #e8e6c2;
overflow: hidden;
text-align: center;
}


p.close_bottom a{
display: block;
color:#505050;
background-color: #fff;
padding:10px 30px;
font-size: 1em;
}
/**/
}