@charset "UTF-8";



/*
	--------------------------------
	更新日: 2012-12-25
	--------------------------------
*/


@import "global.css";
.noSmp { display: block;}
.noPc { display: none;}
@media only screen and (max-width: 768px) {
body {
    position: relative;
    left: 0;
}

.noSmp { display: none;}
.noPc { display: block;}
}
/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 480px) {
}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
/* --------------------------------
	body
-------------------------------- */
html { background:url(../img/bg.png) repeat center top;}
body { background: url(../img/line.png) no-repeat center 169px;}



/* --------------------------------
	コンテナ
-------------------------------- */

article#all_container { width:100%; margin:0 auto;}

/* --------------------------------
	ヘッダ
-------------------------------- */
.inner { max-width: 1280px; margin: 0 auto;}
h1{display:block; float: left; font-size: 3em;}
h1 a {display:block; background: url(../img/logo.png) no-repeat center; text-indent: -9999px; width: 110px;}
/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 768px) {
h1{display:block; float: none; font-size: 3em; text-align: center; margin: 0 auto;}
h1 a { width: 110px;margin: 0 auto;}
}

header { padding:0;  width:100%;position:fixed; top: 0; left: 0; margin:0 0;box-shadow:rgba(0, 0, 0, 0.498039) 0px 0px 10px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.498039) 0px 0px 10px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.498039) 0px 0px 10px 1px;
background: #1a1f49;}

article#mainNavWrap { width:740px; }

header div.shopInfo { position:absolute; top:30px; right:0; width:400px;}
header div.shopInfo ul { text-align:right;}
header div.shopInfo p { text-align:right;}

.sliderBox { width:1160px; margin:0 auto;}

header {
    overflow: hidden;
}

header:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html header {
    height: 1em;
    overflow: visible;
}
/**/

.inner {
    overflow: hidden;
}

.inner:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .inner {
    height: 1em;
    overflow: visible;
}
/**/

/* --------------------------------
	グロナビ
-------------------------------- */

nav ul#gnav { float: right; margin:0 0; }
nav ul#gnav li { padding:0; float:left; margin:0 0 0 2em; line-height: 4em;}
nav ul#gnav li a { text-decoration: none; font-size: 87.5%; color: #ffffff;}

.subMenu{height:60px;width:100%;background:#fff;z-index:1}
.fixed{position:fixed}
.subNavBtn{display:block;float:left;text-decoration:none;text-align:center;color:#fff;border-radius:3px;margin-top:0;font-family:メイリオ;font-size:14px;font-weight:bold}
.active{background-color:#ff8e8e;background-image:radial-gradient(#46ab32,#46ab32 1px,rgba(0,0,0,0) 1px,rgba(0,0,0,0));background-size:3px 3px}

.dropdown-menu{-webkit-transition-duration:1s;background:#000;padding:0;max-height:0;overflow:hidden;}
.dropdown-menu.open{padding:5px 0;max-height:30em;}
.dropdown-menu li{line-height:3em;list-style:none;}
.dropdown-menu li a{display:block;width:100%;height:100%;color:#fff;}
.smpMenu { display: none;}
button#button { display: none;}

/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {
nav ul#gnav.slide_menu{
    position: fixed;
    top: 0;
    left: -240px;
    width: 240px;
    height: 100%;
    background: #;
    -webkit-box-shadow:rgba(0, 0, 0, 0.117647) 0px -8px 6px 3px;
    -moz-box-shadow:rgba(0, 0, 0, 0.117647) 0px -8px 6px 3px;
    box-shadow:rgba(0, 0, 0, 0.117647) 0px -8px 6px 3px;
    z-index: 1500;
}
nav ul#gnav.slide_menu li{
    border-bottom: 1px solid #f2f2f2;
    width: auto;
    display: block;
    float: none;
    line-height: 1.6em;
    margin: 0;
}
nav ul#gnav.slide_menu li a{
    display: block;
    position: relative;
    padding: 10px 0 10px 15px;
    background: #fff;
    color: #000000;
}
nav ul#gnav.slide_menu li a:after{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 22px;
    margin-top: -5px;
    border-right: 1px solid #1a1f49;
    border-bottom: 1px solid #1a1f49;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

button#button { position: absolute;top:10px; left: 10px; display: block;}

/* -----------------------
    SP MENU button
----------------------- */
button#button {
    overflow: hidden;
    width: 45px;
    height: 45px;
    background: none;
    border: 1px solid #ffffff;
    border-radius: 5px;
}

button#button:hover {
    cursor: pointer;
}

button#button span {
    display: block;
    position: relative;
    top: 50%;
    left: 50%;
    margin: -2px 0 0 -12px;
    width: 24px;
    height: 3px;
    background: #fff;
    text-indent: -9999px;
}

button#button span.before,
button#button span.after {
    display: block;
    position: absolute;
    left: 0;
    margin: 0;
    width: 24px;
    height: 3px;
    background: #fff;
}

button#button span.before {
    top: -7px;
}

button#button span.after {
    top: 7px;
}

/* is-open_menu ------------------ */
.open button#button span {
    background: none;
}

.open button#button span.before {
    margin-top: 7px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff;
}

.open button#button span.after {
    margin-top: -7px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #fff;
}
.hdr__mini_hdr__overlay {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.open .hdr__mini_hdr__overlay {
    display: block;
    overflow: hidden;
}
}
/* --------------------------------
	サイドナビ
-------------------------------- */

nav#snav { width:260px; float:right; margin-top:20px;}
nav#snav dl { padding:0 0 20px;}


/* --------------------------------
	メインラップ
-------------------------------- */

.section { clear:both;}
.section h2 { text-align:center; padding:80px 0 10px;}
.section h3 { text-align:center; padding:20px 0 20px;}
.section p { text-align:center; padding:30px 0 60px; line-height:2em;}

#mainVI.section {padding:80px 0 0; line-height:2em;}
#mainVI img { width: 100%; height: auto;}

article#mainWrap { width:100%;margin:0 0 0; clear: both;}
article#mainVI { width:100%; margin:66px 0 0;box-shadow:rgba(0, 0, 0, 0.498039) 0px 0px 10px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.498039) 0px 0px 10px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.498039) 0px 0px 10px 1px; text-align: center; background: #000000;}
article#mainVI.sub { margin:66px 0 0; padding: 0; background: #ffffff;}
article#mainVI.sub .mainVIinner { max-width: 1280px; margin: 0 auto; text-align: left;}
article#mainVI.sub .mainVIinner h2 { border-bottom: 2px solid #000; display: inline-block; padding: 20px; font-size: 140%;}

@media only screen and (max-width: 768px) {
article#mainVI img { width: 100%; height: auto;}
article#mainVI.sub .mainVIinner h2 { border-bottom: 2px solid #000; display:block; padding: 20px; font-size: 140%;}

}


article#mainWrap {
    overflow: hidden;
}

article#mainWrap:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html article#mainWrap {
    height: 1em;
    overflow: visible;
}
/**/



/* --------------------------------
	topラップ
-------------------------------- */
.contentsBox { width: 100%; margin: 0 auto; padding: 100px 0; clear: both;}
.contentsBox .inner { max-width: 1280px; margin: 0 auto; padding: 0 0; clear: both;}
.contentsBox h3 { text-align: center; margin: 0 auto 100px; clear: both;}
.contentsBox h3 span { padding: 10px 40px; border-bottom: 1px solid #000; text-align: center; margin: 0 auto; display: inline-block; font-size: 125%;}
.contentsBox h4 { text-align: center; padding: 0 0 40px; clear: both; font-size: 160%;}
.contentsBox h4.second { text-align: center; padding: 100px 0 40px; clear: both; font-size: 160%;}
.contentsBox h5 { text-align: center;}
.contentsBox h5 span {padding: 0 20px 0; margin:0 0 50px;border-bottom: 1px solid #000;display: inline-block; line-height: 2em; font-size: 115%;}
.contentsBox p { text-align: center; margin: 0 auto; padding: 0 0 50px}
@media only screen and (max-width: 768px) {
.contentsBox {margin: 0 auto; padding: 0 0 60px; clear: both;}
.contentsBox h3 { margin: 0 auto 20px; font-size: 15px; background: #1a1f49; color: #ffffff;}
.contentsBox h3 span { padding: 10px 10px 10px;border: none;font-size: 125%;}
.contentsBox h4 { text-align: center; padding: 0 0 40px; clear: both; font-size: 14pt;}
}

.columnBox { margin: 0 auto;}
.columnBox1 { margin: 0 auto;width: 80%; text-align: center;}
.columnBox1 iframe { margin: 20px auto; text-align: center;}
.columnBox1 .linkBtn { margin: 0 auto;width: 16em; text-align: center;}
.columnBox1 .linkBtn a { display: block; padding: 10px; background: #1a1f49; color: #ffffff; text-decoration: none;text-align: center;}
.columnBox1 .linkBtn a:hover { background: #1A1FA9;}

@media only screen and (max-width: 768px){
.columnBox1 iframe { width:100%; height:auto;margin: 20px auto; text-align: center;}
}

.columnBox2 { width: 48%; float: left;}
.columnBox2:nth-of-type(2n) { width: 48%; margin-right: 0%; float: right;}
.columnBox3 { width: 28.125%; margin-right: 7.8125%; float: left;}
.columnBox3:nth-of-type(3n) { width: 28.125%; margin-right: 0%; float: left;}
.columnBox4 { width: 21.875%; margin-right: 4.125%; float: left;}
.columnBox4:nth-of-type(4n) { width: 21.875%; margin-right: 0%; float: left;}
.columnBox img.columnPh { width: 100%; height: auto;}
.columnBox img.specPh { width: 40%; height: auto; margin: 0 auto 40px; display: block;}
.columnBox img.specPh02 { width: 60%; height: auto; margin: 0 auto 40px; display: block;}
.columnBox p.columnTxt {text-align: left; width: 100%; margin: 0 0; padding: 0;}
.columnBox p.columnLink {text-align: center; margin: 0 0; padding: 20px 0 60px; clear: both;}
.columnBox p.columnLink a {text-align: center; margin: 0 0; padding: 10px; border-bottom: 1px solid #000; display: inline-block; text-decoration: none;}

.columnBox h4 { text-align: left; width: 100%; margin: 0 0; padding: 20px 0;}
.columnBox {
    overflow: hidden;
}

.columnBox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .columnBox {
    height: 1em;
    overflow: visible;
}
/**/

.columnBox.delivery h4 { text-align: center; }
.columnBox.delivery h5 { font-size: 125%; font-weight: bold; }
.dlCoution {background: #eeeeee; border: 1px solid #dddddd; padding: 20px; margin-bottom: 50px;}
.dlCoution h5 {padding: 20px 0 40px;}
.dlCoution p { line-height: 2em;}

.dlTel p { padding:40px;  }
.dlTel h6 { text-align: center; font-size: 400%; font-weight: bold; color: #1a1f49; }

.dlBanner { text-align: center;padding-bottom: 50px; }
@media only screen and (max-width: 768px) {
.dlBanner { text-align: center;  }
.dlBanner img { width: 90%; height: auto;}
}

.columnWrap .columnTxt { width: 65%; float: left; text-align: left;}
.columnWrap .columnTxt p { text-align: left; line-height: 1.8em;}
.columnWrap .columnImg img { width: 100%;}
.columnWrap .columnImg { width: 35%; float: right;}

.contentsBox.concept { width: 96%; margin: 0 2%;}
.contentsBox.recommend { width: 100%; margin: 0 0;}
.contentsBox.product { width: 96%; margin: 0 2%;}
.contentsBox.device { width: 96%; padding-left: 2%;padding-right: 2%;}
.contentsBox.voice { width: 96%;padding-left: 2%;padding-right: 2%;}
.contentsBox.faq { width: 96%; margin: 0 2%;}
.contentsBox.access { width: 96%;padding-left: 2%;padding-right: 2%;}


@media only screen and (max-width: 768px) {
.columnBox { width: 96%; margin: 0 auto;margin: 0 2%;}
.columnWrap { width: 96%; margin: 0 auto;margin: 0 2%;}

.columnBox2 { width: 100%; float: none;}
.columnBox2:nth-of-type(2n) { width: 96%; margin-right: 0%; float: none;margin: 0 2%;}
.columnBox3 { width: 100%; margin-right: 0%; float: none;}
.columnBox3:nth-of-type(3n) { width: 100%; margin-right: 0%; float: none;}
.columnBox4 { width: 100%; margin-right: 0%; float: left;}
.columnBox4:nth-of-type(4n) { width: 100%; margin-right: 0%; float: none;}

.columnWrap .columnTxt { width: 100%; float: none; text-align: left; font-size: 12px;}
.columnWrap .columnTxt p { text-align: left; line-height: 1.8em;}
.columnWrap .columnImg img { width: 100%;}
.columnWrap .columnImg { width: 100%; float: none;}
}
@media only screen and (max-width: 486px) {
.columnBox2 {width: 96%; margin-right: 0%; float: none;margin: 10px 2%; float: none;}
.columnBox2:nth-of-type(2n) { width: 96%; margin-right: 0%; float: none;margin: 10px 2%;}
}

.contentsBox.dark {}
.contentsBox.dark h3 { color: #fff; }
.contentsBox.dark h3 span { color: #fff;border: 1px solid #fff;}
.contentsBox.dark h4 { color: #fff;}
.contentsBox.dark h5 { color: #fff;}
.contentsBox.dark h5 span {color: #fff;border-bottom: 1px solid #fff;}
.contentsBox.dark p { tcolor: #fff;}
.contentsBox.dark p.columnLink a {color: #fff;border-bottom: 1px solid #fff;}

.contentsBox.line { border-top: 1px solid #000;}


.work { background: url(../img/workBg.jpg) no-repeat center center;}

.work {
    overflow: hidden;
}

.work:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .work {
    height: 1em;
    overflow: visible;
}
/**/
.work .columnBox img.columnPh { width: 66.6%; height: auto; border: 1px solid #ffffff; padding: 20px 16%;}

ul.workIcon { list-style: none; display: table;}
ul.workIcon li { list-style: none; display: table-cell;}
ul.workIcon li a { text-decoration: none; font-size: 75%;padding:0 5px; line-height: 2em; border: 1px solid #000; margin-right: 0.2em;}


p.contentsLink {text-align: center; margin: 0 0; padding: 20px 0 60px; clear: both;}
p.contentsLink a {text-align: center; margin: 0 0; padding: 10px; border-bottom: 1px solid #000; display: inline-block; text-decoration: none;}

p.formLink {text-align: center; margin: 0 0; padding: 20px 0 60px; clear: both;}
p.formLink a {text-align: center; margin: 0 0; padding: 10px 20px; border: 1px solid #000; display: inline-block; text-decoration: none; background: #000; color: #fff;}

p#pageTop {height: 2em;   position: absolute;top: -1em; left: 50%;z-index: 100;}
p#pageTop a { display: block; border: 1px solid #000; background: #fff; width: 2em; height: 2em; line-height: 2em; text-align: center; margin: 0 auto;  margin-left: -1em; color: #000000; }


.columnBox table.pointTable { width: 100%; border: 1px solid #000; margin: 0; border-collapse: collapse; padding: 40px 0 20px; clear: both;}
.columnBox table.pointTable th { border: 1px solid #000; padding: 10px 10px; font-size: 75%; text-align: center;}
.columnBox table.pointTable td { border: 1px solid #000; padding: 10px 10px; font-size: 75%; text-align: center; width: 15%;}
.columnBox table.pointTable .pointTableHead { text-align: center; width: auto;}

.columnBox p.detailTxt {text-align: left; width: 45%; margin: 0 0; padding: 20px 0; float: left; font-size: 87.5%; line-height: 1.8em;}
.columnBox p.detailImg {text-align: left; width: 50%; margin: 0 0; padding: 20px 0; float: right; font-size: 87.5%;}

.contentsBox.product h6 { text-align: center; padding: 20px 0 10px; margin: 10px 100px 20px; border-bottom: 1px solid #000; }
.contentsBox.product p.coution { font-size: 75%; padding: 0 0 20px; margin: 0}
.contentsBox.product p.coutionTop { font-size: 75%; padding: 20px 0 20px; margin: 0}
.contentsBox.product .supportBox { width: 80%; margin: 0 auto;}
.contentsBox.product .supportBox h4 { text-align: center;padding:100px 0 10px;line-height: 1.8em;}
.contentsBox.product .supportBox ul { text-align: left; padding: 20px 0 10px; margin: 10px 100px 20px; font-size: 75%;line-height: 1.8em; }
.contentsBox.product .supportBox li { padding: 10px 0 10px;line-height: 1.8em; }
.contentsBox.product .columnBox p.detailTxt {text-align: left; width: auto; margin: 0 0; padding: 20px 0; float: none; font-size: 87.5%; line-height: 1.8em;padding: 20px 0 10px;margin: 10px 100px 20px;line-height: 1.8em;}

@media only screen and (max-width: 768px) {
    .columnBox p.detailTxt {text-align: left; width: 100%; margin: 0 0; padding: 20px 0; float: left; font-size: 12pt; line-height: 1.8em;}
    .columnBox p.detailImg {text-align: left; width: 100%; margin: 0 0; padding: 20px 0; float: right; font-size: 87.5%;}

.contentsBox.concept { width: 100%; margin: 0 0%;}
.contentsBox.product { width: 100%; margin: 0 0%;}
.contentsBox.product h6 { text-align: center; padding: 20px 0 10px; margin: 10px 0 20px; border-bottom: 1px solid #000; }
.contentsBox.product .columnBox p.detailImg { text-align: center; padding-bottom: 80px;}

.contentsBox.product h6 { text-align: center; padding: 20px 0 10px; margin: 10px 0 20px; border-bottom: 1px solid #000; }
.contentsBox.product p.coution { font-size: 75%; padding: 0 0 20px; margin: 0}
.contentsBox.product p.coutionTop { font-size: 75%; padding: 20px 0 20px; margin: 0}
.contentsBox.product .supportBox { width: 100%; margin: 0 auto;}
.contentsBox.product .supportBox h4 { text-align: center;padding:100px 0 10px;}
.contentsBox.product h4.second { text-align: center;padding:100px 0 10px; font-size: 110%; line-height: 1.8em;}
.contentsBox.product .supportBox ul { text-align: left; padding: 20px 0 10px; margin: 10px 0 20px; font-size: 75%; }
.contentsBox.product .supportBox li { padding: 10px 0 10px; }
.contentsBox.product .columnBox p.detailTxt {text-align: left; width: auto; margin: 0 0; padding: 20px 0; float: none; font-size: 87.5%; line-height: 1.8em;padding: 20px 0 10px;margin: 10px 0 20px;}
}

.contentsBox.recommend .inner { max-width: 100%; margin: 0 auto 0;}
.contentsBox.recommend ul { width: 60%; margin: 0 auto;}
.contentsBox.recommend ul li { padding: 20px; font-size: 110%; border-bottom: 1px dotted #dddddd;}
.contentsBox.recommend ul i { color: #00a0e9;}

.contentsBox.recommend .columnBox3 img { width: 100%; margin: 0 auto;}
.contentsBox.recommend .columnBox3 { width: 33.33%; margin-right: 0; float: left;margin-bottom: 100px;}
.contentsBox.recommend .columnBox3:nth-of-type(3n) { width: 33.33%; margin-right: 0%; float: left;}



.device { background: url(../img/deviceBg.png) no-repeat center center;}
.device .columnBox .columnPh { width: 50%; margin: 0 25%}
.device .columnBox h4 { font-size: 150%;}
.device .columnBox h4 span { font-size: 50%;}
.editBox .contentsBox.device h3 { margin-bottom: 60px;}
.editBox .contentsBox.device h4.leadTxt { font-size: 100%;}
.device .columnBox ul.deviceList01 { width: 50%; float: left; font-size: 75%; line-height: 1.6em; height: 24em;}
.device .columnBox ul.deviceList02 { width: 50%; float: right; font-size: 75%; line-height: 1.6em;height: 24em;}
.device .columnBox ul.deviceList03 { font-size: 75%; line-height: 1.6em; height: 24em;}

.device .columnBox .columnPhPoint { width: 90%; margin: 0 5%}

.device .columnBox div.priceBtmBox { padding: 40px 0 0; margin: 0; clear: both;}
.device .columnBox p.priceBtm { font-size: 75%; line-height: 1.6em; clear: both; padding: 10px 0 0; margin: 0;}
.device .columnBox p.priceBtmCoution { font-size: 75%; line-height: 1.6em; clear: both; padding: 1em 0 0; margin: 0;}
.device .columnBox p.priceBtmCoution02 { font-size: 75%; line-height: 1.6em; clear: both; padding: 3.4em 0 0; margin: 0;}
@media only screen and (max-width: 768px) {
.contentsBox.device { background: url(../img/deviceBgSmp.png) no-repeat center center;padding-left: 0;padding-right: 0;margin-left: 0;margin-right: 0; width: 100%;}
.device .columnBox .columnPh { width: 50%; margin: 20px 25% 0}
.device .columnBox h4 { font-size: 14pt; text-align: center; color: #1a1f49;}
.device .columnBox h4 span { font-size: 14pt; display: block;}
.device .columnBox ul.deviceList01 { font-size: 10pt; text-align: center;height: auto;}
.device .columnBox ul.deviceList02 { font-size: 10pt; text-align: center;height: auto;}
.device .columnBox ul.deviceList03 { font-size: 10pt; text-align: center;height: auto;}
.device .columnBox .columnPhPoint { width: 70%; margin: 0 15%}
.device .columnBox div.priceBtmBox { padding: 20px 0 40px; margin: 0; clear: both; border-bottom: 1px dotted #ffffff;}
.device .columnBox p.priceBtmCoution02 { font-size: 75%; line-height: 1.6em; clear: both; padding: 1em 0 0; margin: 0;}
.contentsBox.device h4.leadTxt { font-size: 100%;}
}

.voice { background: url(../img/anqBg.jpg) no-repeat center center;}
.voice .columnBox h4 { background-color: #fff; padding: 15px 0; margin: 0 15% 20px; width: auto; text-align: center; font-size: 112.5%;}
@media only screen and (max-width: 768px) {
.contentsBox.voice { background: url(../img/anqBgSmp.jpg) no-repeat center center;padding-left: 0;padding-right: 0;margin-left: 0;margin-right: 0; width: 100%;}
.voice .columnBox .columnPh { width: 65%; margin: 20px 17.25% 0;}
.voice .columnBox .anqIll .columnPh { width: 90%; margin: 20px 5% 0}
}

.faq {}
.faq .columnBox h4 {}
.faq .columnBox dl.accordion { width: 70%; margin: 0 15%;}
.faq .columnBox dl.accordion dt {font-size: 112.5%; line-height: 2em;border-bottom:1px solid #ddd; padding: 10px 0 10px;background:url(/common/img/open.png) 97% center no-repeat;cursor:pointer;}
.faq .columnBox dl.accordion dt.open {font-size: 112.5%; line-height: 2em;border-bottom:1px solid #ddd; padding: 10px 0 10px;background:url(/common/img/close.png) 97% center no-repeat;cursor:pointer;}
.faq .columnBox dl.accordion dd { margin: 10px 0 40px; font-size: 100%; line-height: 1.8em;display:none;}
.faq p { padding: 40px 0 20px;}

@media only screen and (max-width: 768px) {
.contentsBox.faq {padding-left: 0;padding-right: 0;margin-left: 0;margin-right: 0; width: 100%;}
.faq .columnBox dl.accordion { width: 96%; margin: 0 2%;padding-left: 0;padding-right: 0;}
.faq .columnBox dl.accordion dt {font-size: 14px; line-height: 1.6em; background-size: 5%; padding-right: 10%;}
.faq .columnBox dl.accordion dt.open {font-size: 14px; line-height: 1.6em;background-size: 5%;padding-right: 10%;}
.faq .columnBox dl.accordion dd { margin: 10px 0 40px; font-size: 12px; line-height: 1.6em;display:none;}
.faq p { padding: 20px 0 20px;}
}

.access .columnBox { padding-bottom: 50px; }
.access .columnBox h4 { clear: both; text-align: center; padding: 20px 0 20px; line-height: 1.8em; }
.access .columnBox p.accessTxt { clear: both; text-align: center; font-size: 115%; padding: 20px 0; line-height: 1.8em; }
.access .columnBox .columnBox2 p.accessTxt { clear: both; text-align: left}

@media only screen and (max-width: 768px) {
.contentsBox.access { padding: 0 0 0;margin-left: 0;margin-right: 0;width: 100%;}
.access .columnBox h4 { text-align: center;}
.access .columnBox p { text-align: left;}
}


.price .inner {width: 880px; margin: 0 auto;}
.price h4 { text-align: left; clear: both; color: #019ae1; font-size: 125%;}
.price h5 { text-align: left; border-bottom: 1px solid #000; padding: 0 0 0; margin: 0 0 0; font-size: 125%;}
.contentsBox.price h5 span {font-size: 75%;border-bottom:none;padding: 0 0 0;margin: 0 0 0;}
.priceWrap { clear: both;}
.priceWrap .priceTxt { width: 70%; float: left; text-align: left;}
.priceWrap .priceTxt p { text-align: left; line-height: 1.8em;font-size: 87.5%; padding: 5px 0 20px;}
.priceWrap .priceTxt p.price { font-size: 115%; padding: 5px 0 20px; text-align: right;}
.priceWrap .priceImg img { width: 100%;}
.priceWrap .priceImg { width: 27.27%; float: right; margin-bottom: 100px;}

.price > .inner > h4:nth-of-type(2) {margin: 0 20%;}

.priceWrap .priceTxtPart { width: 60%;text-align: left; margin: 0 20%;}
.priceWrap .priceTxtPart p { text-align: left; line-height: 1.8em;font-size: 87.5%; padding: 5px 0 20px;}
.priceWrap .priceTxtPart p.price { font-size: 115%; padding: 5px 0 20px; text-align: right;}
.priceWrap ul { clear: both;}
.priceWrap ul li { float: left; width: 33%; margin: 15px 0; padding: 0 0 10px; border-bottom: 1px solid #ccc; text-align: center; font-size: 87.5%; color: #FF0000;}
.priceWrap .priceTxtPart.nude ul li { float: left; width: 50%; margin: 15px 0; padding: 0 0 10px; border-bottom: 1px solid #ccc; text-align: center; font-size: 87.5%; color: #FF0000;}
.priceWrap .priceTxtPart ul li.headline { border-bottom: none;color:#019ae1;}
.priceWrap .priceTxtPart ul li.headlineSp { display: none;}
.priceWrap .priceTxtPart ul li.type { text-align: left;color: #000000; text-indent: 1em; }
.priceWrap .priceTxtPart ul li span.small { font-size:75%;color: #FF0000;}

@media only screen and (max-width: 768px) {
.price .inner {width: 100%; margin: 0 auto;}
.contentsBox.price .inner h4 {width: 100%; margin: 0 0%; text-align: center;}
.priceWrap .priceTxt { width: 96%; float: none; text-align: left; margin: 0 2%;}
.priceWrap .priceImg { width: 96%; float: none; margin-bottom: 100px;margin: 0 2% 100px;}
.priceWrap ul li { float: left; width: 33%; margin: 15px 0; padding: 0 0 10px; border-bottom: 1px solid #000; text-align: center; font-size: 12px; color: #FF0000;}
.priceWrap .priceTxtPart { width: 90%;text-align: left; margin: 0 5%;}
.priceWrap .priceTxtPart ul li { float: left; width: 50%; margin: 15px 0 40px; padding: 0 0 10px; border-bottom: 1px solid #ccc; text-align: center; font-size: 87.5%; color: #FF0000;}
.priceWrap .priceTxtPart ul li.headline { display: none;}
.priceWrap .priceTxtPart ul li.type { clear: both; float: none; width: 100%; text-align: center;margin: 15px 0 0;}
.priceWrap .priceTxtPart ul li.headlineSp { display: block;border-bottom: 1px dashed #cccccc;color:#019ae1;margin: 15px 0 0;}

}

.flow { border-top: 1px solid #000;}
.flow h5 { text-align: left; padding: 0 0 10px; margin: 0 0 0; font-size: 115%; color: #00a0e9;}
.flow p { text-align: left;padding:10px 0 0 ;}

.flow .flowBox { width: 17.5%; float: left;}
.flow .flowBull { width: 7%; float: left; margin-top: 120px; font-size: 150%;}
.flow > article.inner > .flowBox:nth-of-type(1) { margin-left:5%;}
.flow > article.inner > .flowBox:nth-of-type(5) { margin-right:5%;}
.flow .flowBull p { text-align: center;}
.flow .flowBox img { width: 100%; height: auto; }

@media only screen and (max-width: 768px) {
.flow .flowBox { width: 80%; float: none; margin: 0 10%;}
.flow .flowBull { width: 96%; float: none; margin-top: 0; font-size: 150%; margin: 0 2%; text-align: center;}
.flow > article.inner > .flowBox:nth-of-type(1) { margin-left:10%;}
.flow > article.inner > .flowBox:nth-of-type(5) { margin-right:10%;}
}

.inquiry .formTable { width: 80%; clear: both; margin: 0 auto;}
.inquiry .formTable dt { width: 16em; float: left; margin: 20px;}
.inquiry .formTable dd { padding: 20px 20px 20px 16em; border-bottom: 1px dotted #cccccc;}
.inquiry .formBtn { width: 100%; clear: both; padding: 20px}
@media only screen and (max-width: 768px) {
.inquiry .formTable { width: 80%; clear: both; margin: 40px auto 0;}
.inquiry .formTable dt { width: 100%; float: none; margin: 10px 0 5px;}
.inquiry .formTable dd { padding: 5px 0 20px 0; border-bottom: 1px dotted #cccccc;}
.inquiry .formTable textarea { width: 100%;}
.inquiry .formBtn { width: 100%; clear: both; padding: 20px}
}


.recruit .recruitTxt { width: 80%; clear: both; margin: 0 auto 100px; line-height: 2em;}
.recruit .columnBox h4 { text-align: center; padding-bottom: 80px; }
.recruit .columnBox .recruitList { width: 80%; clear: both; margin: 0 auto ; padding-bottom: 200px;}
.recruit .columnBox .recruitList {
    overflow: hidden;
}

.recruit .columnBox .recruitList:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .recruit .columnBox .recruitList {
    height: 1em;
    overflow: visible;
}
/**/
.recruit .columnBox .recruitList dt { width: 16em; float: left; margin: 20px 0 0 0; text-indent: 20px; line-height: 1.8em;}
.recruit .columnBox .recruitList dd { padding: 20px 20px 20px 16em; border-bottom: 1px dotted #cccccc;line-height: 1.8em;}
.recruit .formTable { width: 80%; clear: both; margin: 0 auto;}
.recruit .formTable dt { width: 16em; float: left; margin: 20px;}
.recruit .formTable dd { padding: 20px 20px 20px 16em; border-bottom: 1px dotted #cccccc;}
.recruit .formBtn { width: 100%; clear: both; padding: 20px}
@media only screen and (max-width: 768px) {
.recruit .recruitTxt { width: 80%; clear: both; margin: 0 auto 100px; line-height: 1.8em;}
.recruit .recruitTxt img { width: 100%; clear: both; margin: 20px auto 20px; height: auto;}
.recruit .columnBox h4 { text-align: center; padding-bottom: 80px; }
.recruit .columnBox .recruitList { width: 80%; clear: both; margin: 0 auto ; padding-bottom: 200px;}
.recruit .columnBox .recruitList dt { width: 100%; float: none; margin: 10px 0 5px; text-align: center; font-weight: bold; text-indent: 0;}
.recruit .columnBox .recruitList dd { padding: 5px 0 20px 0; border-bottom: 1px dotted #cccccc; text-align: center;}

.recruit .formTable { width: 80%; clear: both; margin: 40px auto 0;}
.recruit .formTable dt { width: 100%; float: none; margin: 10px 0 5px; text-align: center; font-weight: bold;text-indent: 0;}
.recruit .formTable dd { padding: 5px 0 20px 0; border-bottom: 1px dotted #cccccc;text-align: center;}
.recruit .formTable input { border: #dddddd solid 1px; padding: 5px; }
.recruit .formTable input[name = "add"] { width: 100%; }
.recruit .formTable select { border: #dddddd solid 1px; padding: 5px; line-height: 1.8em; }
.recruit .formTable select option {  line-height: 1.8em; }
.recruit .formTable textarea { width: 100%;}
.recruit .formBtn { width: 100%; clear: both; padding: 20px}
}
@media only screen and (max-width: 486px) {
.recruit .recruitTxt {width: 90%; text-align: left;font-size: 10pt; }
.recruit .columnBox .recruitList { width: 90%;}
.recruit .columnBox .recruitList dd { font-size: 10pt;}
.recruit .formBtn { width: auto; clear: both; padding: 20px; margin: 20px; background: #1a1f49; color: #ffffff;}
.recruit .formBtn input {color: #ffffff; font-size: 100%;}

}

.searchWrap { width: 480px; margin: 100px auto 100px; background: #eeeeee; border-radius: 5px;}
.searchWrap h3 { font-size: 90%; padding: 20px 0 10px; margin: 0 20px 0; text-align: center; border-bottom: 1px solid #dddddd;}
.contentsBox .searchWrap p { padding: 0 0 0;}
.searchWrap { display:table;}
.searchWrap .searchBox {display:table-cell;vertical-align:middle; padding: 20px 20px 20px;}
.searchWrap .searchBtn {display:table-cell;vertical-align:middle; padding: 20px 20px 20px;}

.searchWrap input,.searchWrap button,.searchWrap textarea,.searchWrap select {
    margin: 0;
    padding: 0;
    background: #fff;
    border: none;
    border-radius: 5px;
    outline: none;
}
.searchWrap select {
    width: 320px;
    padding: 20px;
    height: 40px;
}
.searchWrap input {
    background: #1a1f49;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
}

@media only screen and (max-width: 768px) {
.searchWrap { width: 96%; margin: 0 2% 0; background: #eeeeee; border-radius: 5px;}
.contentsBox .searchWrap p { padding: 0 0 0;}
.searchWrap { display: block;}
.searchWrap .searchBox {display:block;vertical-align:middle; padding: 10px 20px 5px;}
.searchWrap .searchBtn {display:block;vertical-align:middle; padding: 5px 20px 20px; margin-bottom:100px }
.searchWrap select {
    width: 100%;
    padding: 20px 0;
    height: 40px;
}
.searchWrap .searchBtn input { width: 100%;}

}

.fbBox { text-align: center; margin: 0 auto 150px; }
/* --------------------------------
	subラップ
-------------------------------- */
#subWrap { width:960px; clear:both;}
#subWrap #subNav { width:200px; float:left; margin-top:40px;}
#subWrap #subCont { width:710px; float:right;margin-top:40px;}

#subWrap #subNav nav ul { width:200px;}
#subWrap #subNav nav ul li {  width:200px;background:#f2fcfa; border-bottom:1px solid #dbe3e2; }
#subWrap #subNav nav ul li a { color:#00c098; text-decoration:none; display:block;padding:10px;}

#subWrap #subNav ul.snav { width:200px; padding:20px 0;}
#subWrap #subNav ul.snav li {  width:200px; padding:10px;}
#subWrap #subNav ul.snav li a { color:#00c098; text-decoration:none;}

/* --------------------------------
	コンテンツラップ
-------------------------------- */
article#contentsWrap { width:100%; clear:both; }
article#contentsWrap #contents { clear:both;}

/* --------------------------------
	ページラップ
-------------------------------- */
.formArea {margin-top:20px;}
.formTxt { padding:10px;}
.formAreaInner { width:960px; margin:0 auto;}
#formTable { padding:0 0;}
#formTable p { text-align:left;}
#formTable dt { width:20em; float:left; font-size:100%; margin:10px 0; line-height:2em; clear:both;}
#formTable dd { padding:10px 0 10px 22em; font-size:100%; border-bottom:1px dotted #eee; line-height:2em;}

#formTable h6 { border-bottom:1px dotted #dddddd; line-height:1.6em; font-size:115%; color:#442705; font-weight:bold; padding:40px 0 10px;}
#formTable p { padding:10px 0; margin:0 0 0;}

.formId { width:960px; border:1px solid #eee; border-collapse:collapse;}
.formId th { padding:10px; text-align:center; border:1px solid #eee; border-collapse:collapse; background:#d9301d; color:#ffffff;}
.formId td { padding:10px; text-align:center; border:1px solid #eee; border-collapse:collapse;}

.shipping { width:960px; border:1px solid #eee; border-collapse:collapse;}
.shipping th { padding:10px; text-align:center; border:1px solid #eee; border-collapse:collapse; background: #FFD55E; font-size:75%;}
.shipping td { padding:10px; text-align:center; border:1px solid #eee; border-collapse:collapse; font-size:75%;}

.ERR { color:#e52052;}
.error { color:#e52052;}

.formCheck {}
.formCheck th { border-bottom:dotted 1px #eee; width:20em; font-size:100%; padding:10px 0; line-height:2em;}
.formCheck td { border-bottom:dotted 1px #eee; font-size:100%; padding:10px 0; line-height:2em;}

.wtn_copyright { text-indent:-9999px;}


.contentsBox .inner .innerBox { width: 70%; float: right; text-align: left;}
.contentsBox .inner .innerBox h2 { font-size: 150%; border-bottom: 1px solid #000066; padding:0 0 20px;}
.contentsBox .inner .innerBox p { text-align: left; line-height: 1.8em;}
.contentsBox .inner .innerBox .navigation.post-navigation h2 { display: none;}
.contentsBox .inner .innerBox .navigation.post-navigation .nav-links { clear: both; display: table; width: 100%; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
.contentsBox .inner .innerBox .navigation.post-navigation .nav-links .nav-previous { width: 50%; display: table-cell; position: relative;}
.contentsBox .inner .innerBox .navigation.post-navigation .nav-links .nav-previous:before {
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    left: 5px;
    width: 6px;
    height: 6px;
    border-left: 1px solid #555;
    border-top: 1px solid #555;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);}
.contentsBox .inner .innerBox .navigation.post-navigation .nav-links .nav-next { width: 50%;display: table-cell; border-left: 1px solid #cccccc; text-align: right; position: relative;}
.contentsBox .inner .innerBox .navigation.post-navigation .nav-links .nav-next:after {
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    right: 5px;
    width: 6px;
    height: 6px;
    border-right: 1px solid #555;
    border-bottom: 1px solid #555;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);}
.contentsBox .inner .innerBox .navigation.post-navigation .nav-links a { display: block; padding: 10px; text-decoration: none; font-size: 75%;}
.contentsBox .inner .innerBox .navigation.post-navigation .nav-links a:hover { background: #eeeeee; color: #000066;}

#secondary { width: 25%;float: left;}
#secondary aside { padding:0 0 40px;}
#secondary aside h2 { background: #000066; padding:10px 0 10px; margin: 0 0 20px; color: #ffffff; text-align: center; border-radius: 3px;}
#secondary aside ul { padding:5px 0 10px; margin: 0 0 20px; }
#secondary aside ul li { padding:0 0 5px; font-size: 81.7%; line-height: 1.8em; }
span.cat-links { display: none;}
span.edit-link { display: none;}

@media only screen and (max-width: 768px) {
.contentsBox .inner .innerBox { width: 96%; float: none; text-align: left; margin: 0 2%;}
.contentsBox .inner .innerBox img { width: 96%; height: auto; margin: 0 2%;}
#secondary { width: 96%;float: none; margin: 40px 2%;}
}

/* --------------------------------

	ページャー
-------------------------------- */
.pager{
	text-align:center;
	margin-bottom:20px;
}
a.page-numbers,
.pager .current{
	background:rgba(0,0,0,0.02);
	border:solid 1px rgba(0,0,0,0.1);
	border-radius:5px;
	padding:5px 8px;
	margin:0 2px;
}
.pager .current{
	background:rgba(0,0,0,1);
	border:solid 1px rgba(0,0,0,1);
	color:rgba(255,255,255,1);
}


/* --------------------------------
	パンくず
-------------------------------- */

div#bread { padding:21px 0 0 23px; }






/* --------------------------------
	アンカー
-------------------------------- */

article#content .rel { margin:11px 0 0 0; padding:2px 0 2px 13px; background:url(../img/arrow_02.gif) no-repeat 0 5px; }
article#content ul.rel { margin:0; padding:0; background:none; }
article#content ul.rel li { padding:2px 0 2px 13px; background:url(/common/img/arrow_02.gif) no-repeat 0 5px; }
article#content .blank a { padding:0 19px 0 0; background:url(../img/ancr_blank_01.gif) no-repeat top right; }
article#content .pdf a { padding:2px 19px 0 0; background:url(../img/ancr_pdf_01.gif) no-repeat top right; }



/* --------------------------------
	ページトップ
-------------------------------- */

#page_top{bottom:50px;position:fixed;right:20px}
#page_top a{display:inline-block;transform:translateZ(0px);transition-duration:.5s;transition-property:transform;-webkit-transform:translateZ(0px);-webkit-transition-duration:.5s;-webkit-transition-property:transform}
#page_top a:hover{opacity:1;animation-delay:.3s;animation-direction:alternate;animation-duration:1.5s;animation-iteration-count:infinite;animation-name:hover;animation-timing-function:linear;transform:translateY(-7px);-webkit-animation-delay:.3s;-webkit-animation-direction:alternate;-webkit-animation-duration:1.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-name:hover;-webkit-animation-timing-function:linear;-webkit-transform:translateY(-7px)}

article#content section#cnt_pagetop { clear:both; padding:18px 39px 0 39px; }
article#content section#cnt_pagetop p { text-align:right; }
article#content section#cnt_pagetop p a:hover img { filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; }



/* --------------------------------
	ページャ
-------------------------------- */

section#pager { clear:both; position:relative; margin:30px 0 0 0; font-size:75%; line-height:1.417; }
section#pager p.prev { position:absolute; left:0; top:0; }
section#pager p.prev a { padding:0 0 0 13px; background:url(../img/arrow_03.gif) no-repeat left 0.25em; }
section#pager table { margin:0 auto 0 auto; }
section#pager table td { padding:0 1px 0 2px; background:url(../img/dt_v_03.gif) repeat-y left top; }
section#pager table td.first { background:none; }
section#pager table td a,
section#pager table td span { display:block; padding:3px 8px 3px 8px; }
section#pager table td a:hover { background:#74b20d; color:#fff; }
section#pager table td span { color:#488902; font-weight:bold; }
section#pager p.next { position:absolute; right:0; top:0; }
section#pager p.next a { padding:0 13px 0 0; background:url(../img/arrow_02.gif) no-repeat right 0.25em; }




/* --------------------------------
	フッタ
-------------------------------- */

footer {  clear:both; width:100%; margin: 0 auto; background: #1a1f49; color: #ffffff; position: relative;}
footer .inner {  clear:both; max-width:1280px; margin: 0 2%;}
article.ftInfo { width:30%; float:left; margin:40px 0 0 0; position: relative;}
article.ftInfo h4 { position: absolute; left: 250px; top: 20px;}
article.ftInfo p { padding: 20px 0 0; font-size: 93.8%; line-height: 1.8em;}
article.ftNav { width:60%; float:right;text-align:left; margin:10px 0 0; }
article.ftNav ul { width:100%; text-align:left; margin:80px 0 0; }
article.ftNav ul li { float: left; margin:10px 0 0; }
article.ftNav ul li.ftNav01 { width:4em; }
article.ftNav ul li.ftNav02 { width:5.5em; }
article.ftNav ul li.ftNav03 { width:5.5em; }
article.ftNav ul li.ftNav04 { width:4em; }
article.ftNav ul li.ftNav05 { width:4em; }
article.ftNav ul li.ftNav06 { width:5em; }
article.ftNav ul li.ftNav07 { width:4em; }
article.ftNav ul li.ftNav08 { width:3.5em; }
article.ftNav ul li.ftNav09 { width:7em; }
article.ftNav ul li a { font-size: 75%;}
footer a:link,footer a:visited{color: #ffffff;}

@media only screen and (max-width: 768px) {
article.ftInfo { width:96%; float:none; margin:40px 2% 0; position: relative;}
article.ftNav { width:96%; float:none;text-align:left; margin:10px 2% 0; display: none }
}
.searchWrap .searchBtn input { width: 100%;}

}

footer .inner {
    overflow: hidden;
}

footer .inner:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html footer .inner {
    height: 1em;
    overflow: visible;
}
/**/
/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {
footer .inner {  clear:both; width:100%; margin: 0 auto;}
}
/* --- ページトップ ------ */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #e0edff;
	text-decoration: none;
	color: #639CF0;
	width: 100px;
	height: 100px;
	text-align: center;
	display: block;
	border-radius: 50px;
	margin:10px 0 0;
	line-height:100px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}


/* --- クレジット ------ */
p.copy { padding:100px 0 20px 0; text-align:center; clear: both; font-size: 75%;}
@media only screen and (max-width: 768px) {
p.copy { padding:40px 0 20px 0; text-align:center; clear: both; font-size: 75%;}
}



/* ACF class */
div.editBox { width: 100%; padding: 0 0;}
div.contBox { max-width: 1280px; margin: 0 auto;}

.editBox .lead{
color:#0097E0;
font-size:143%;
font-weight:bold;
margin-bottom:0.5em;
}
.editBox  table{
width:96%;
margin: 0 2%;
border:1px solid #F0F0F0;
font-size:87.5%;
}

.editBox  table th{
text-align:left;
white-space:nowrap;
border-bottom:1px solid #FFF;
padding:1em 1em;
background:#F0F0F0;
vertical-align:top;}

.editBox table td{
padding:1em 1em;
border-bottom:1px solid #F0F0F0;
border-right:1px solid #F0F0F0;
}

.editBox .box1-2{
width:48%;
float:left;
margin-right:4%;
}

.editBox .box1-3{
float:left;
width:32%;
margin-right:2%;
}
.editBox .lastbox{
margin-right:0;
}



/*        サイドメニュー   ここから      */

/* サイドオープン時にメインコンテンツを覆う部分 */
.overlay {
  content: '';
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 3;
}
.overlay::after {
  content: "この部分をクリックで閉まる";
  visibility: hidden;
  position: fixed;
  top: 40%;
  left: 0;
  display: block;
  width: 100%;
  height: 50px;
  color: rgba(255,255,255,0);
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.side-open .overlay {
  visibility: visible;
  cursor: pointer;
  background: rgba(0,0,0,.7);
}
.side-open .overlay::after {
  visibility: visible;
  color: rgba(255,255,255,.8);
}

/* サイドメニュー ※リストのスタイルは省略 */
.side-menu {
  position: fixed;
  top: 0;
  right: 0;
  width: 300px;
  height: 100%;
  padding-top: 150px;
  text-align: left;
  font-size: 13px;
  background: #2A408E;
  z-index: 1;
}

/* 開閉用ボタン ※ボタンの細かいスタイルは省略 */
.side-menu-btn {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  padding: 5px;
  background: #ccc;
  cursor: pointer;
  z-index: 4;
}

/* サイドメニューオープン */
.side-open .wrapper,
.side-open .overlay {
  -webkit-transform: translate3d(-300px, 0, 0);
  transform: translate3d(-300px, 0, 0);
}





#price {}
#price h4 { color: #00a0e9; text-align: left; font-size: 180%; }
@media only screen and (max-width: 486px) {
#price h4 { color: #00a0e9; text-align: left; font-size: 180%; text-indent: 0.5em; }
#price h5 {  width: 100%; }
#price h5 img {  width: 100%; height: auto; }
}
.editBox .features-table {
  width: 100%;
  margin: 40px auto;
  border-collapse: separate;
  border-spacing: 0;
  text-shadow: 0 1px 0 #fff;
  color: #2a2a2a;
  background: #fafafa;
  background-image: linear-gradient(top, #fff, #eaeaea, #fff);
}
.scroll-box {
  overflow-x: auto;
}
.scroll-box::-webkit-scrollbar {
  height: 5px;
}
.scroll-box::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}
.scroll-box::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}

.editBox .features-table th {
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
  box-shadow: 0 1px 0 white;
  white-space: nowrap;
  text-align: center;
  background: none;
}
.editBox .features-table td {
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  border-bottom: 1px solid #ffffff;
  box-shadow: 0 1px 0 white;
  white-space: nowrap;
  text-align: center;
}

/*Body*/
.editBox .features-table tbody td {
  text-align: center;
  font: normal 16px Verdana, Arial, Helvetica;
  width: 150px;
}

.editBox .features-table tbody td:first-child {
  width: auto;
  text-align: left;
}

.editBox .features-table th{
  border-right: 1px solid white;
}
.editBox .features-table td{
  border-right: 1px solid white;
}

.editBox .features-table th:last-child{
  border-right: none;
}
.editBox .features-table td:last-child{
  border-right: none;
}



/*Header*/
.editBox .features-table thead th {
  font: bold .9em 'trebuchet MS', 'Lucida Sans', Arial;
  border-radius-topright: 10px;
  border-radius-topleft: 10px;
  border-top: 1px solid #eaeaea;
  line-height: 1.8em;
  vertical-align: middle;
}
.editBox .features-table thead td {
  font: bold 1.2em 'trebuchet MS', 'Lucida Sans', Arial;
  border-radius-topright: 10px;
  border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top: 1px solid #eaeaea;
}

.editBox .features-table thead td:first-child {
  border-top: none;
}

.editBox .features-table tr.rowLine td {
  border-top: 3px solid #ffffff;
}

.editBox .features-table .rowArea {background: #eeeeee;}
.editBox .features-table .setArea {background: #DFEDF7;}
.editBox .features-table .singleArea {background: #DDF7ED;}

.editBox .features-table th.setArea {background: #CADAF2;}
.editBox .features-table th.singleArea {background: #BCEFE0;}
/*Footer*/
.features-table tfoot td {
  font: bold 1.4em Georgia;
  border-radius-bottomright: 10px;
  border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom: 1px solid #dadada;
}

.features-table tfoot td:first-child {
  border-bottom: none;
}





.editBox .prices-table {
  width: 100%;
  margin: 40px auto;
  border-collapse: separate;
  border-spacing: 0;
  text-shadow: 0 1px 0 #fff;
  color: #2a2a2a;
  background: #fafafa;
  background-image: linear-gradient(top, #fff, #eaeaea, #fff);
}
.scroll-box {
  overflow-x: auto;
}
.scroll-box::-webkit-scrollbar {
  height: 5px;
}
.scroll-box::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}
.scroll-box::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}

.editBox .prices-table th {
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
  box-shadow: 0 1px 0 white;
  white-space: nowrap;
  text-align: center;
  background: none;
}
.editBox .prices-table td {
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  border-bottom: 1px solid #ffffff;
  box-shadow: 0 1px 0 white;
  white-space: nowrap;
  text-align: center;
}

/*Body*/
.editBox .prices-table tbody td {
  text-align: center;
  font: normal 16px Verdana, Arial, Helvetica;
  width: auto;
}

.editBox .prices-table tbody td:first-child {
  width: auto;
}

.editBox .prices-table th{
  border-right: 1px solid white;
}
.editBox .prices-table td{
  border-right: 1px solid white;
}

.editBox .prices-table th:last-child{
  border-right: none;
}
.editBox .prices-table td:last-child{
/*   border-right: none; */
}



/*Header*/
.editBox .prices-table thead th {
  font: bold 1.0em 'trebuchet MS', 'Lucida Sans', Arial;
  border-top: 1px solid #eaeaea;
  line-height: 1.8em;
  vertical-align: middle;
  padding-top:20px ;
  padding-bottom:20px ;
}
.editBox .prices-table thead th.deviceName {
  font: normal .7em 'trebuchet MS', 'Lucida Sans', Arial;
}
.editBox .prices-table thead td {
  font: bold 1.2em 'trebuchet MS', 'Lucida Sans', Arial;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top: 1px solid #eaeaea;
}

.editBox .prices-table thead td:first-child {
  border-top: none;
}

.editBox .prices-table tr.rowLine td {
  border-top: 3px solid #ffffff;
}
.editBox .prices-table tr th.colLine {
  border-left: 3px solid #ffffff;
}
.editBox .prices-table tr td.colLine {
  border-left: 3px solid #ffffff;
}

.editBox .prices-table .rowArea {background: #eeeeee;}
.editBox .prices-table .setArea {
    background: #CADAF2;
  font: bold .9em 'trebuchet MS', 'Lucida Sans', Arial;
  text-align: center;
}
.editBox .prices-table .setArea.setTxt {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    line-height: 1.8em;
}
.editBox .prices-table .singleArea {
    background: #BCEFE0;
  font: bold .9em 'trebuchet MS', 'Lucida Sans', Arial;
  text-align: center;
}
.editBox .prices-table .singleArea.singleTxt {
    text-align: center;
    line-height: 1.8em;
}

.editBox .prices-table th.setArea {background: #CADAF2;}
.editBox .prices-table th.singleArea {background: #BCEFE0;}
/*Footer*/
.prices-table tfoot td {
  font: bold 1.4em Georgia;
  border-radius-bottomright: 10px;
  border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom: 1px solid #dadada;
}

.prices-table tfoot td:first-child {
  border-bottom: none;
}

.editBox .prices-table i { display: block; line-height: 40px; }

.editBox .prices-table .price01_01 {background: #DFEDF7;}
.editBox .prices-table .price01_02 {background: #DFEDF7;}
.editBox .prices-table .price01_03 {background: #DFEDF7;}
.editBox .prices-table .price02_01 {background: #DDF7ED;}
.editBox .prices-table .price02_02 {background: #DDF7ED;}
.editBox .prices-table .price02_03 {background: #DDF7ED;}
.editBox .prices-table .tax { font-size: 75%; }
.editBox .prices-table thead tr.sizeHead th {
    padding: 0;
}

.editBox .linkBtn { margin: 20px auto;width: 16em; text-align: center; }
.editBox .linkBtn a { display: block; padding: 10px; background: #1a1f49; color: #ffffff; text-decoration: none;text-align: center;}
.editBox .linkBtn a:hover { background: #1A1FA9;}