@charset "utf-8";

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}#container a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
/*
 * box-sizing
 */
div,p,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,form,input,button,textarea,table,tr,th,td,article,aside,header,footer,section,nav{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#Header h1 ,#Header li, #Header a, #Header .keyword {
  font-size: 12px;
}
.pcrepairtitle02 {
  font-size: 14.4px;
}
#Globalnavi li .menu #reuseBuyIconWrapper .iconList01 a {
  font-size: 15px;
  line-height: 22px;
}
.menu.pcParts .partsList a {
  font-size: 12px;
}
.menu.pcParts .cateBlock, .menu.pcParts .featureBlock, .menu.pcParts .reuseBlock {
  box-sizing: content-box;
}
#Globalnavi li .menu.create .menu-create-item {
  box-sizing: content-box;
}
#Globalnavi li .menu.create .menu-create-ware dd a {
  font-size: 12px;
  line-height: 21px;
}
#Globalnavi li .menu.galleria .menu-galleria-item {
  box-sizing: content-box;
}
#Globalnavi li .menu.galleria ul.gn_ranking_box li .gn_modelName img {
  width: 30px;
}
#Globalnavi li .menu.galleria ul.gn_ranking_box li a, #Globalnavi li .menu.galleria ul.gn_ranking_box li span {
  font-size: 12px;
}
#Globalnavi li .menu.galleria ul.menu-galleria-item-03-text li a {
  line-height: 18px;
}
/*----------------------------------------------------------
    Clearfix
----------------------------------------------------------*/
.clear{clear:both}
br.clear{font-size:1px; line-height:100%; clear:both}
div.clear{line-height:100%;  clear:both}
.clearfix:after{ content:".";  display:block;  height:0;  clear:both;  visibility:hidden}
.clearfix{zoom:1}

.clearfix{display:block}
.imgfix{font-size:1px;  line-height:1px}

/*----------------------------------------------------------
    font
----------------------------------------------------------*/
.min { font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", 'Hiragino Mincho Pro', 'MS Mincho','HiraMinProN-W3', serif !important;}
.yu { font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic";}
#maincontent {
    font-family: "ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro', "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", 'MS PGothic', Helvetica, Arial, sans-serif;
    letter-spacing: 0px;
    -webkit-text-size-adjust: 100%;
}
#maincontent table { font-size:inherit;font:100%;}
pre,code,kbd,samp,tt {
    font-family:monospace;
    *font-size:100%;
    font:115% monospace;
    line-height:150%;
}
#maincontent h1,#maincontent h2,#maincontent h3,#maincontent h4,#maincontent h5,#maincontent h6 { font-weight:normal;}
#maincontent  { font-size: 3.125vw;}
@media screen and (min-width: 768px) {
    #maincontent  { font-size: 20px;}
}

/*
 * convenient styles
 */
.ta-c { text-align:center; }
.ta-l { text-align:left; }
.ta-r { text-align:right; }
.bold { font-weight:bold; }
.ttl-font { text-align:center; font-weight:bold; }
.block-center { margin:0 auto; }
.full-width { width:100%; }
.justify { text-align: justify; text-justify: distribute;}

#maincontent  { color:#333333; overflow-x: hidden; font-size: 75%;overflow-y: hidden;}
#maincontent a { color:#174884; text-decoration:underline;}
#maincontent a:hover { text-decoration:none;}
#maincontent a:focus { outline:none;}
#maincontent img { width: 100%; max-width :100%; vertical-align: bottom;}
#maincontent ul, #maincontent ol { list-style: none;}
#maincontent p { line-height: 1.6;}
#maincontent em,i { font-style: normal;}
/*----------------------------------------------------------
    General
----------------------------------------------------------*/
.fixed { position:fixed !important; z-index:9999;}
.content-inner { margin: 0 1rem; width:auto; position: relative;}
.content-inner:after { content:"";  display:block;  height:0;  clear:both;  visibility:hidden}
.responsive-movie { position:relative; width:100%; padding-top:56.25%}
.responsive-movie iframe { position:absolute; top:0; right:0; width:100% !important; height:100% !important}
@media (min-width: 768px) {
    #maincontent img { width: auto;}
    #maincontent .content-inner { width:980px; margin: 0 auto;}
}
/*
 * display
 */
.block { display: block; }
.inline { display: inline; }
.inline-block { display: inline-block; }

/*
 * float
 */
.left { float:left; }
.right { float:right; }

/*
 * position styles
 */
.relative { position:relative; }
.absolute { position: absolute; }
.front-position { position:relative; z-index:1; }

/* absolute-center */
.ab-center { position:absolute; left:0; right:0; margin:auto; }

/*
 * flex box
 */
.flex { display: flex; display: -webkit-flex; }
.f-wrap { flex-wrap: wrap; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.f-between { justify-content: space-between; -webkit-justify-content: space-between; }
.flex-list { display: flex; display: -webkit-flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; }

/*----------------------------------------------------------
    table
----------------------------------------------------------*/
#maincontent .table { display: table;}
#maincontent .table > * { display: table-cell;}

/*----------------------------------------------------------
    background
----------------------------------------------------------*/
.cover { -webkit-background-size: cover!important; background-size: cover!important;}

/*----------------------------------------------------------
    hidden
----------------------------------------------------------*/
.hide-sp{ display: none;}
br.hide-sp { display: none;}
@media (min-width: 768px) {
    .hide-pc{ display: none !important;}
    .hide-sp{ display: block;}
    br.hide-pc { display: none;}
    br.hide-sp { display: inline;}
}
@media (min-width: 768px) and (max-width: 1024px){
    br.hide-tablet { display: none;}
}
/*----------------------------------------------------------
    Effect
----------------------------------------------------------*/
@media (min-width: 768px) {
    .ov {
    -webkit-transition: opacity 0.3s;
       -moz-transition: opacity 0.3s;
            transition: opacity 0.3s;
    }
    .ov:hover{ opacity: 0.7;}
}


@media screen and (-webkit-min-device-pixel-ratio: 2){


}/* Retina */


section p { font-size: 1.3rem;}
#container { margin-top: 4rem;}
/*#wrapper { overflow-x: hidden;}*/

@media screen and (min-width: 768px) {
	section p { font-size: 18px;}
}
/*----------------------------------------------------------
	header
----------------------------------------------------------*/
#maincontent .header { width: 100%; top: 0; left: 0; background-color: #fff;}
#maincontent .header_logo { width: 7.25rem; float: left;}
#maincontent .header_btn { width: 12.75rem; float: right;}
#maincontent .header .content-inner { margin-right: 0.5rem; margin-bottom: 5px;}

@media screen and (min-width: 768px) {
	#maincontent .header_logo { width: 160px; padding-top: 6px;}
	#maincontent .header_btn { width: 254px;}
	#maincontent .header .content-inner { margin: 5px auto;}
}
/*----------------------------------------------------------
	kv
----------------------------------------------------------*/
@keyframes fadeinBg {
			0% { opacity: 1;}
			100% {opacity: 0;}
		}
@keyframes fadeinCopy {
			0% { opacity: 0;}
			25% { opacity: 0;}
			100% {opacity: 0.9;}
		}
@keyframes fadeinProduct {
			0% { opacity: 0;}
			50% { opacity: 0;}
			100% {opacity: 1;}
		}
.kv_bg { padding: 2.4rem 0 1.2rem; background: url(https://dev02-ap01-thirdwave.demandware.net/on/demandware.static/-/Library-Sites-RefArchSharedLibrary/default/dw5dcf3048/5info/img/vh-ad3s//kv_bg01.jpg);}
.kv_bg_white {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #fff; opacity: 0; animation: fadeinBg 3s;}
.kv .maincopy { opacity: 0.9; animation: fadeinCopy 4s; position: relative;}
.kv .product-image { width: 80%; margin: 2rem auto 0; opacity: 1; animation: fadeinProduct 4s;}
.kv_price { font-size: 3rem; position: absolute; bottom: 0.6rem; left: 50%; transform: translateX(-50%); width: 60%;}
.kv_price span.yen { font-size: 2rem;}

@media screen and (min-width: 768px) {
	.kv_bg { height: 720px; padding: 230px 0 0; background: url(https://dev02-ap01-thirdwave.demandware.net/on/demandware.static/-/Library-Sites-RefArchSharedLibrary/default/dw5dcf3048/5info/img/vh-ad3s//kv_bg01_pc.jpg) no-repeat center center; position: relative;}
	.kv .maincopy { width: 490px;}
	.kv .product-image { width: 600px; margin: 0; top: -100px; right: -180px; position: absolute;}
	.kv_price { font-size: 50px; text-align: center; line-height: 1.2; bottom: 4px;}
	.kv_price span.yen { font-size: 26px;}
}

/*----------------------------------------------------------
	lightness
----------------------------------------------------------*/
#maincontent .lightness .headline { margin-bottom: -2.4rem; padding: 2.5rem 0 5rem; background: rgb(168,93,48);
background: -moz-linear-gradient(-45deg, #acd13a 0%, #def791 100%);
background: -webkit-linear-gradient(-45deg, #acd13a 0%, #def791 100%);
background: linear-gradient(135deg, #acd13a 0%, #def791 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acd13a', endColorstr='#def791',GradientType=1 );}
#maincontent .lightness .headline h2 { margin: 0 auto; width: 21.35rem;}
#maincontent .lightness .block .photo { margin-bottom: 2.5rem;}
#maincontent .lightness .block h3 { margin-bottom: 1.5rem;}
#maincontent .lightness .block .size { margin-top: 2rem; color: #ee7687; font-size: 1.4rem;}
#maincontent .lightness .block .size .sizehead { display: inline; padding: .3rem 0.8rem; background-color: #ee7687; color: #fff; font-size: 1.2rem;}
#maincontent .lightness .block .size dd { display: inline; margin: 0 1.5rem 0 0.5rem; vertical-align: middle; }
#maincontent .lightness .block .body { position: relative;}
#maincontent .lightness_txt-02 {width: 460px;}
#maincontent .lightness_txt-03 { width: 400px;}
#maincontent .lightness .block-1 { position: relative; padding-bottom: 8.85rem;}
#maincontent .lightness .block-1 .side-image { position: absolute; right: 0; bottom: 0; width: 20.2rem;}
#maincontent .lightness .block-1 .body { position: relative; z-index: 1;}
#maincontent .lightness .block-2 .startup_time { margin-top: 2.4rem;}
#maincontent .lightness .footer-image { margin-top: -3.2rem;}

@media screen and (min-width: 768px) {
	#maincontent .lightness .headline { min-width: 980px; margin-bottom: 50px; padding: 60px 0;}
	#maincontent .lightness .block .body p { font-size: 20px;}
	#maincontent .lightness .block .size { font-size: 30px;}
	#maincontent .lightness .block .size .sizehead { padding: 6px 14px; font-size: 23px;}
	#maincontent .lightness .block-1 { margin-bottom: 50px; padding-bottom: 0;}
	#maincontent .lightness .block-1 .side-image{ top: -90px; right: -38px; bottom: auto; width: 460px;}
	#maincontent .lightness .block-1 .body { float: right; max-width: 560px; width: 57.2%;}
	#maincontent .lightness .block-1 .photo { margin-left: -230px; float: left; max-width: 600px; width: 61.2%;}
	#maincontent .lightness .block-2 .startup_time { margin-top: 40px;}
	#maincontent .lightness .footer-image { width: 938px; margin: 0 auto; height: 80px; position: relative;}
	#maincontent .lightness .footer-image img { width: 938px; margin-left: -70px; left: 50%; bottom: 60px; position: absolute;}
	#maincontent .lightness .bg { position: relative; z-index: 1;}
}

/*----------------------------------------------------------
	highspeed
----------------------------------------------------------*/
.highspeed .bg { padding: 4rem 0; background: #f6f6f6 url(https://dev02-ap01-thirdwave.demandware.net/on/demandware.static/-/Library-Sites-RefArchSharedLibrary/default/dw5dcf3048/5info/img/f-13//highspeed_bg01.png) no-repeat 0 0 / 100% auto;}
.highspeed .headline { margin-bottom: 2.15rem; text-align: center;}
.highspeed .spec { margin: 0 auto 2rem; width: 23.9rem;}
.highspeed_txt-01 { width: 27.15rem;}

@media screen and (min-width: 768px) {
	.highspeed .bg { padding: 70px 0 35px; border-bottom: solid #fff 32px; background: #f6f6f6 url(https://dev02-ap01-thirdwave.demandware.net/on/demandware.static/-/Library-Sites-RefArchSharedLibrary/default/dw5dcf3048/5info/img/f-13//highspeed_bg01_pc.jpg) no-repeat center center / cover;}
	.highspeed .spec { width: 414px; margin: 0 30px 0 0; float: left;}
	.highspeed .body { overflow: hidden;}
	.highspeed .body p { font-size: 20px;}
}
/*----------------------------------------------------------
	cv
----------------------------------------------------------*/
.cv-bg { padding: 3rem 0 2rem; background: url(https://dev02-ap01-thirdwave.demandware.net/on/demandware.static/-/Library-Sites-RefArchSharedLibrary/default/dw5dcf3048/5info/img/vh-ad3s//cv_bg01.png) no-repeat center center; color: #fff;}
.cv-title { margin-bottom: 1.5rem; text-align: center; line-height: 1.3; font-size: 1.9rem;}
.cv-title .txt { font-size: 1.2rem; text-align: center;}
.cv-title .model { font-size: 2.4rem; text-align: center; font-weight: bold; margin-top: 10px; display: inline-block;}
.cv .cv_btn { text-align: center;}
.cv .cv_btn p.cv_price { font-size: 3.6rem;}
.cv .cv_btn p.cv_price span.yen { font-size: 2rem;}
.cv .cv_btn img { width: 60%;}

.cv_flex { display: flex; justify-content: space-between; align-items: center; flex-direction: column; text-shadow: 2px 2px 6px rgba(0,0,0,0.5);}
@media screen and (min-width: 768px) {
	.cv-bg { padding: 30px 0 30px; background-image: url(https://dev02-ap01-thirdwave.demandware.net/on/demandware.static/-/Library-Sites-RefArchSharedLibrary/default/dw5dcf3048/5info/img/vh-ad3s//cv_bg01_pc.png)}
	.cv-title { font-size: 38px; text-align: left; margin-bottom: 0;}
	.cv-title .txt { display: inline; font-size: 20px; text-align: left; margin-bottom: 20px;}
	.cv-title .model { font-size: 44px; text-align: left;}
	.cv .cv_btn { }
	.cv .cv_btn p.cv_price { font-size: 50px; text-align: center; line-height: 1.2;}
	.cv .cv_btn p.cv_price span.yen { font-size: 26px;}
	.cv_flex { flex-direction: row;}
	.cv_flex h2 { width: 50%}
	.cv_flex .cv_btn { width: 30%}
	.cv .cv_btn img { width: 254px;}
}
/*----------------------------------------------------------
	design
----------------------------------------------------------*/
#maincontent .design_block-1 { padding: 4rem 0 0;}
#maincontent .design_block-1 .txt-wrap { position: relative; z-index: 5;}
#maincontent .design_block-1 .head { margin-bottom: 1.5rem;}
#maincontent .design_txt-01 { display: inline-block; width: 550px;}
#maincontent .design_txt-02 { display: inline-block; width: 600px;}
#maincontent .design_txt-04 { display: inline-block; width: 600px;}
#maincontent .design_block-2 { padding: 4rem 0 0;}
#maincontent .design_block-2 .head { margin-bottom: 2.7rem;}
#maincontent .design_block-2 .keyboard { margin-top: 2.2rem; margin-bottom: 2.4rem;}
#maincontent .design_block-2 .keyboard .txt { margin-bottom: -3rem; padding: 1.5rem 0 4rem; background-color: #a85d30; color: #fff; text-align: center;}
#maincontent .design_block-2 .keyboard .img { width: 25rem; margin: 0 auto;}
#maincontent .design_block-3 { padding: 3.4rem 0 2rem; background-color: #f6f7f7;}
#maincontent .design_block-3 .head { margin-bottom: 1rem; text-align: center;}
#maincontent .design_block-3 .content { width: 24.85rem; margin: 0 auto 1.5rem;}
#maincontent .design_block-3 .image { width: 25.4rem; margin: 0 auto;}
#maincontent .design_block-4 { padding: 3.8rem 0;}
#maincontent .design_block-4 .head {margin-bottom: 1.5rem;}
#maincontent .design_block-4 .image { margin: 2rem auto; width: 26.35rem;}
#maincontent .design_block-4 .utility { margin-bottom: 2rem; padding: 1.5rem; border: 1px solid #f2a4af; color: #ee7687;}

@media screen and (min-width: 768px) {
	#maincontent .design p { font-size: 20px;}
	#maincontent .design .text-1 { margin: 0 0 20px; }
	#maincontent .design_block-1 { padding: 90px 0 110px;}
	#maincontent .design_block-1 .image { right: -190px; top: -90px; position: absolute;}
	#maincontent .design_block-1 p { position: relative; z-index: 1;}
	#maincontent .design_block-2 { padding: 0;}
	#maincontent .design_block-2 .head { position: relative; margin-bottom: 30px; z-index: 5; }
	#maincontent .design_block-2 .content-inner { padding: 55px 0 280px 295px;}
	#maincontent .design_block-2 .content-inner p { position: relative; z-index: 1;}
	#maincontent .design_block-2 .image { width: 660px; left: -370px; bottom: 0; position: absolute; z-index: 0;}
	#maincontent .design_block-2 .keyboard { display: flex; position: relative; z-index: 1; margin: 40px auto 0; width: 685px;}
	#maincontent .design_block-2 .keyboard .txt { display: flex; align-items: center; width: 360px; margin: 0; padding: 0 0 0 30px;}
	#maincontent .design_block-2 .keyboard .txt p { font-size: 16px; text-align: left;}
	#maincontent .design_block-2 .keyboard .img { width: 325px;}
	#maincontent .design_block-3 { padding: 70px 0;}
	#maincontent .design_block-3 .content { float: left; margin: auto; width: 497px; }
	#maincontent .design_block-3 .head { text-align: left;}
	#maincontent .design_block-3 .text { width: 105%; }
	#maincontent .design_block-3 .image { float: right; max-width: 440px; width: 44.9%;}
	#maincontent .design_block-4 { padding: 70px 0;}
	#maincontent .design_block-4 .head { margin-bottom: 49px; text-align: center;}
	#maincontent .design_block-4 .image { float: left; margin: 0 0 25px; width: 430px; }
	#maincontent .design_block-4 .content { float: right; max-width: 510px; width: 52%; margin-top: 30px;}
	#maincontent .design_block-4 .utility { clear: both; margin: 25px 0 0; padding: 20px; text-align: center;}
	#maincontent .design_block-4 .utility p { font-size: 22px;}
}

/*----------------------------------------------------------
	safety
----------------------------------------------------------*/
#maincontent .safety_txt-01 {width: 500px;}
#maincontent .safety { padding: 4rem 0;}
#maincontent .safety .headline { margin-bottom: 2.4rem; text-align: center;}
/* .safety .campaign { margin: 0 0 3rem;} */

#maincontent .m2ssd {
    border: 4px solid #F3A3B0;
    box-sizing: border-box;
    padding: 20px;
    display: flex;
    margin-bottom: 70px;
    flex-wrap: wrap;
}
#maincontent .m2ssd .img_box {
    margin-right: 20px;
    width: 30%;
}
#maincontent .m2ssd .txt_box {
    flex: 1;
}
#maincontent .m2ssd .txt_box h3, .m2ssd .price_box h3 {
    font-size: 24px;
    background: #F3A3B0;
    padding: 10px 10px 8px;
    color: #fff;
    margin-bottom: 20px;
}
#maincontent .m2ssd .txt_box p.osusume {
    color:#e21d3e;
    font-weight: bold;
    margin: 10px 0;
    font-size: 20px;
}
#maincontent .m2ssd .price_box {
    width: 100%;
    box-sizing: border-box;
    margin-top: 20px;
}
#maincontent .m2ssd .pricelist {
    display: flex;
    justify-content: space-between;
}
#maincontent .m2ssd .pricelist_box {
    width: calc( 50% - 10px);
    border: 2px solid #F3A3B0;
    padding: 20px;
}
#maincontent .m2ssd .pricelist .price {
    font-weight: bold;
    margin: 5px 0;
}
#maincontent .m2ssd .pricelist .price span {
    font-size: 28px;
}
#maincontent .m2ssd .pricelist p {
    text-align: center;
}
  /*ウィンウィンドウ幅が0〜479pxの場合に適用するCSS*/
  @media screen and (max-width:786px) {
    #maincontent .m2ssd {
      flex-direction: column;
      padding: 10px;
    }
    #maincontent .m2ssd .img_box {
    margin-right: 0;
    width: 80%;
    margin-bottom: 20px;
    }
    #maincontent .m2ssd .txt_box h3, .m2ssd .price_box h3 {
    margin-bottom: 10px;
    }
    #maincontent .m2ssd .pricelist {
    flex-direction: column;
    }
    #maincontent .m2ssd .pricelist_box {
        width: 100%;
    }
    #maincontent .m2ssd .pricelist_box + .pricelist_box {
        margin-top: 10px;
    }
}

#maincontent .safety .campaign .image { margin-bottom: 3rem;}
#maincontent .safety .campaign .body .balloon { margin-bottom: 2.5rem;}
#maincontent .safety .campaign .body .free dt { display: inline-block; margin-bottom: 1rem; padding: 0.8rem; font-size: 1.4rem;color: #fff; background-color: #acd13a;}

@media screen and (min-width: 768px) {
	#maincontent .safety { padding: 70px 0 45px;}
	#maincontent .safety .campaign { margin-bottom: 0;}
	#maincontent .safety .campaign .image { float: left; margin: 0; max-width: 435px; width: 44.4%;}
	#maincontent .safety .campaign .body { float: right; max-width: 520px; width: 53%;}
	#maincontent .safety .campaign .body .balloon { margin-bottom: 25px;}
	#maincontent .safety .campaign .body .free dt { float: left; margin: 4px 20px 0 0; padding: 14px 16px; font-size: 22px; line-height: 1.13;}
	#maincontent .safety .campaign .body .free dd { float: left; width: 375px; font-size: 18px;}
}
/*----------------------------------------------------------
	service
----------------------------------------------------------*/
#maincontent .service_wrap { padding: 1.3rem 0; background-color: #f6f7f7;}
#maincontent .service .headline { padding: 1.1em; background-color: #acd13a; text-align: center;}
#maincontent .service .notes { margin-top: 1rem; font-size: 0.9rem;}
#maincontent .service_txt-01 { width: 500px;padding: 10px 0;}
#maincontent .service-list { padding: 0 1rem;}
#maincontent .service-list li::after {display: table;clear: both;content: '';}
#maincontent .service-list li { padding: 1rem 0.5rem 2rem 0; border-bottom: 1px solid #dadbdb;}
#maincontent .service-list li:last-child { border-bottom: none;}
#maincontent .service-list .icon { float: right; width: 6.85rem;}
#maincontent .service-list .body .list-head { display: flex; margin: 1.7rem 0;}
#maincontent .service-list .body .list-head .num { margin-right: 0.6rem; width: 2.25rem;}
#maincontent .service-list .body .list-head h3 { color: #acd13a; line-height: 1.34; font-size: 1.6rem; font-weight: bold;}

@media screen and (min-width: 768px) {
	#maincontent .service .notes { font-size: 14px; margin-top: 20px;}
	#maincontent .service_wrap { padding: 25px 0 5px;}
	#maincontent .service-list { padding: 0 5.1%;}
	#maincontent .service-list li { padding: 20px 6.25% 20px 8.52%;}
	#maincontent .service-list .icon { width: 148px;}
	#maincontent .service-list .body { width: 560px; }
	#maincontent .service-list .body .list-head { position: relative; margin: 30px 0 15px;}
	#maincontent .service-list .body .list-head .num { position: absolute; left: -55px; width: 36px; width: 45px; height: 71px; }
	#maincontent .service-list .body .list-head h3 { font-size: 28px;}
}
/*----------------------------------------------------------
	plan
----------------------------------------------------------*/
#maincontent .plan_txt-01 { width: 21.9rem;}
#maincontent .plan .headline { margin-bottom: 2.5rem; text-align: center;}
#maincontent .plan .bg { padding: 3.5rem 0;}
#maincontent .plan_block { margin-bottom: 1.5rem; border: 1px solid #acd13a;}
#maincontent .plan_block .head { padding: 1.5rem 0 1rem; background-color: #acd13a; color: #fff;  text-align: center;}
#maincontent .plan_block .head .txt { margin-bottom: 0.5rem; font-size: 2rem; font-weight: bold; }
#maincontent .plan_block .head .price { font-size: 1.5rem;}
#maincontent .plan_block .content { padding: 1.5rem 0 0.4rem;}
#maincontent .plan_block .content .icons { display: flex; justify-content: center; flex-wrap: wrap;}
#maincontent .plan_block .content .icons span { flex:0 0 8.75rem; margin-bottom: 1.3rem; text-align: center;}
#maincontent .plan_block .content .icons img { display: inline-block; width: 6rem;}
#maincontent .plan_footer { display: flex; margin: 0 1rem;}
#maincontent .plan_footer .icon { margin-right: 1.2rem; width: 5rem;}
#maincontent .plan_footer .txt { font-size: 1.4rem; font-weight: bold;}
#maincontent .plan_footer .txt .bold { color: #acd13a;}

@media screen and (min-width: 768px) {
	#maincontent .plan_txt-01 { display: inline-block; width: 343px;}
	#maincontent .plan .headline { margin-bottom: 30px;}
	#maincontent .plan .bg { padding: 40px 0 46px;}
	#maincontent .plan_container { display: flex; justify-content: space-between;}
	#maincontent .plan_block { margin-bottom: 40px; width: 320px;}
	#maincontent .plan_block .head .txt { margin: 0 0 3px; font-size: 22px;}
	#maincontent .plan_block .head .price { font-size: 18px;}
	#maincontent .plan_block .content { padding: 20px 0 5px;}
	#maincontent .plan_block .content .icons span{ flex:0 0 95px; margin-bottom: 15px;}
	#maincontent .plan_block .content .icons img { width: 65px;}
	#maincontent .plan_footer { margin: 0 0 0 130px; width: 750px; align-items: center;}
	#maincontent .plan_footer .icon { margin-right: 30px; width: 99px;}
	#maincontent .plan_footer .txt p { font-size: 28px;}
}
/*----------------------------------------------------------
	developer
----------------------------------------------------------*/
#maincontent .developer_txt-01 { width: 17rem;}
#maincontent .developer .bg { padding: 3.5rem 0 4rem; background-color: #f6f7f7;}
#maincontent .developer .headline { margin-bottom: 1.6rem; text-align: center;}
#maincontent .developer .headline .logo { display: inline-block; margin-top: 1.8rem; width: 12.3rem;}
#maincontent .developer .product_image { margin: 0 auto 1.6rem; width: 26.65rem;}
#maincontent .developer .txt { margin: 0 .75rem; }
#maincontent .developer .txt + .txt { margin-top: 1.5rem;; }
#maincontent .developer .txt-last { margin: .75rem; }

@media screen and (min-width: 768px) {
	#maincontent .developer_txt-01 { width: 293px;}
	#maincontent .developer .bg { padding: 60px 0 90px;}
	#maincontent .developer .headline { margin-bottom: 25px; text-align: left;}
	#maincontent .developer .headline .logo { margin-top: 30px; width: 214px;}
	#maincontent .developer .content p { margin: auto 0; font-size: 16px; line-height: 1.68; position: relative; z-index: 1;}
	#maincontent .developer .content .txt-last { margin-top: 1.6em;}
	#maincontent .developer .product_image { top: -35px; right: 0; position: absolute; max-width: 533px; width: 54.4%;}
}
/*----------------------------------------------------------
	faq
----------------------------------------------------------*/
#maincontent .faq_txt-01 { width: 260px;}
#maincontent .faq .headline { margin-bottom: 2.5rem; text-align: center;}
#maincontent .faq .bg { padding: 4rem 0;}
#maincontent .faq_block { margin-bottom: 1rem;}
#maincontent .faq_block .head { display: table; width: 100%; padding: 1.2rem 0.8rem; background-color: #f2a4af; color: #fff; font-size: 1.4rem;}
#maincontent .faq_block .head > p { display: table-cell; vertical-align: middle; padding-left: 1rem; line-height: 1.2;}
#maincontent .faq_block .head .icon { display: table-cell; vertical-align: middle; height: 2.4rem; width: 2.3rem; background-color: #fff; color: #f2a4af; font-size: 1.4rem; text-align: center;}
#maincontent .faq_block .head::after { display: table-cell; vertical-align: middle; height: 2.4rem; width: 2.3rem; color: #fff; content: '+'; text-align: center;}
#maincontent .faq_block.open .head::after { content: '-';}
#maincontent .faq_block .content { position: relative; padding: 1.5rem 1rem 1rem 4rem;}
#maincontent .faq_block .content .icon { position: absolute; top: 1.5rem;left: 0.8rem; line-height: 2.4rem; height: 2.4rem; width: 2.3rem; background-color: #febbc4; color: #fff; font-size: 1.4rem; text-align: center;}
#maincontent .faq_block .content .notes { margin: .6rem 0 0; font-size: 1rem;}

@media screen and (min-width: 768px) {
	#maincontent .faq .bg { padding: 65px 0 30px;}
	#maincontent .faq_wrap { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 20px;}
	#maincontent .faq_block { max-width: 444px; width: 47.3%;}
	#maincontent .faq_block .head { padding: 15px 16px;}
	#maincontent .faq_block .head > p { line-height: 1.55;}
	#maincontent .faq_block .head::after { display: none;}
	#maincontent .faq_block .content .icon { top: 12px; left: 16px;}
	#maincontent .faq_block .content { display: block!important; padding: 20px 20px 20px 80px;}
	#maincontent .faq_block .content p { font-size: 16px;}
	#maincontent .faq_block .content .notes { margin: 25px 0 0; font-size: 14px;}
	#maincontent .faq_block .toggle { pointer-events: none;}
}
/*----------------------------------------------------------
	buy
----------------------------------------------------------*/
#maincontent .buy_txt-01 { display: inline-block; width: 23.95rem;}
#maincontent .buy .headline { margin-bottom: 1.3rem; padding: 1.6rem; text-align: center; background-color: #fff;}
#maincontent .buy .bg { padding: 3rem 0; background-color: #f6f7f7;}
#maincontent .buy .product_image { position: relative; margin-bottom: 1rem;}
#maincontent .buy .product_image .txt { position: absolute; top: 3.5rem; left: 15.3rem; font-size: 1.5rem; font-weight: bold;}
#maincontent .buy .product_image .image { display: block; margin: 0 auto 0 2.5rem; width: 18.6rem;}
#maincontent .buy_price { margin-bottom: 2rem; text-align: center;}
#maincontent .buy_price .normal { font-size: 1.2rem;}
#maincontent .buy_price .normal .bold { font-size: 1.6rem;}
#maincontent .buy_price .web { font-size: 1.6rem; color: #da0998;}
#maincontent .buy_price .web .bold { font-size: 2.4rem;}
#maincontent .buy_price .fee-free { padding: .5rem 0; background-color: #fff; text-align: center; }
#maincontent .buy_price .discount { margin: 1rem 0 1.5rem;}
#maincontent .buy_price a { color: #174884; font-weight: bold;}
#maincontent .buy .btn_block .no-confirm { margin: 3rem 0 0; text-align: center;}

@media screen and (min-width: 768px) {
	#maincontent .buy_txt-01 { width: 442px;}
	#maincontent .buy .headline { min-width: 980px; margin-bottom: 35px;}
	#maincontent .buy .bg { padding: 60px 0 50px;}
	#maincontent .buy .product_image { float: left; max-width: 462px; width: 47.2%; margin: 0;}
	#maincontent .buy .product_image .image { margin: 0; width: 100%;}
	#maincontent .buy .product_image .txt { display: none;}
	#maincontent .buy_price { min-width: 400px;  margin: 0 0 22px 50.1%; text-align: left;}
	#maincontent .buy_price .txt { font-size: 30px; font-weight: bold;}
	#maincontent .buy_price .normal { font-size: 18px;}
	#maincontent .buy_price .normal .bold { font-size: 26px;}
	#maincontent .buy_price .web { line-height: 1; font-size: 25px;}
	#maincontent .buy_price .web .bold { font-size: 41px;}
	#maincontent .buy_price .fee-free { padding: 7px 0; font-size: 16px; letter-spacing: .04rem; }
	#maincontent .buy .btn_block { min-width: 400px; margin-left: 50.1%;}
	#maincontent .buy .btn_block .no-confirm { margin-top: 26px;}
	#maincontent .buy .content-inner { padding-right: 40px;}
}
/*----------------------------------------------------------
	spec
----------------------------------------------------------*/
.spec .bg { padding: 4rem 0 2rem;}
.spec .headline { margin-bottom: 1.5rem; padding-bottom: 0.3rem; border-bottom: 2px solid #f2a4af; font-size: 1.7rem; font-weight: bold; position: relative;}
.spec .headline::after { border-bottom: 2px solid #febbc4; width: 7rem; height: 0; position: absolute; left: 0; bottom: -2px; content: '';}
.spec-table { width: 100%; margin: 0 0 1.3rem ;}
.spec-table th,
.spec-table td { width: 66%; padding: 0.7rem; border: 1px solid #d5d8d8; font-size: 1.2rem; line-height: 1.38; vertical-align: middle;}
.spec-table th { width: 34%; background-color: #f6f7f7; text-align: right; font-weight: bold;}
.spec .icon_list { display: flex; flex-wrap: wrap;}
.spec .icon_list li { flex: 0 0 4.8rem; margin-bottom: 0.5rem;}
.spec .icon_list li img { width: 4.2rem;}

@media screen and (min-width: 768px) {
	.spec .bg { padding: 0 0 67px; background-color: #f6f7f7;}
	.spec .spec_block { padding: 30px 45px 30px; background-color: #fff;}
	.spec .headline { font-size: 24px; border-bottom-width: 4px;}
	.spec .headline::after { bottom: -4px; border-bottom-width: 4px;}
	.spec-table th,
	.spec-table td { padding: 15px; font-size: 18px;}
	.spec-table th { width: 29.7%; }
	.spec .icon_list li { flex: 0 0 57px; margin: 0 10px 0 0;}
	.spec .icon_list li img { width: 57px;}
}
/*----------------------------------------------------------
	dospara
----------------------------------------------------------*/
  #container {
    width: 100%;
    margin: 0 auto;
    position: static;
  }

  .column2R #main {
    float: none;
    width: auto;
  }

  main {
    color: #333333;
    font-size: 20px;
    line-height: 1.4;
    position: relative;
  }

  #pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 55px;
  }

  #pagetop a {
    background-color: #333;
    border-radius: 5px;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    line-height: 1.5em;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
  }

  #container .pagetop {
    margin: 0 auto;
    width: 970px;
  }

  #container .pagetop a {
    font-size: 12px;
    padding-left: 14px;
    background: url(/5img/iconArrowWhite2.gif) left center no-repeat;
  }

  #maincontent nav {
    background: #fff;
    box-shadow: 0px 6px 5px -5px rgba(0, 0, 0, 0.4);
  }

  #maincontent nav>.headerWrap {
    display: flex;
    justify-content: flex-end;
  }

  #maincontent nav>.headerWrap div {
    margin-right: auto;
  }
  .menuBox {
    opacity: 0.9;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
  }
  .wrap,
  .headerWrap {
    margin: 0 auto;
    position: relative;
    width: 970px;
  }

  .wrap p {
    text-align: center;
  }
  #footerNav2 a,
  .footerTagline,
  .copyright {
    font-size: 12px;
    line-height: 19.2px;
  }

  #footerNav2 li {
    margin: 0 0 0 5px;
  }

  #sigosoto {
    margin: 0 auto 40px;
    width: 980px;
  }

  #sigosoto h2 {
    /*color: #febbc4;*/
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 15px 20px;
  }

  #sigosoto .bg {
    background-image: url(https://dev02-ap01-thirdwave.demandware.net/on/demandware.static/-/Library-Sites-RefArchSharedLibrary/default/dw5dcf3048/5info/img/f-13/sigosoto_img.jpg),url(https://dev02-ap01-thirdwave.demandware.net/on/demandware.static/-/Library-Sites-RefArchSharedLibrary/default/dw5dcf3048/5info/img/f-13/sigosoto_bnr_bg.jpg);
    background-repeat: no-repeat, repeat;
    background-position: center left 20px, center top;
    background-size: auto 50%, cover;
    color: #fff;
    padding: 80px 20px 159px 0;
  }
  #sigosoto .text {
    margin-left: 320px;
  }
  #sigosoto .text p {
    margin-bottom: 20px;
  }
  .sigosoto_img {
    max-width: 273px;
    display: block;
    margin: 0 auto;
  }
  #sigosoto .sigosoto_title {
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
  }
    #sigosoto .btn_block {
      background: linear-gradient(to right, #acd13a, #def791);
      float: right;
      padding: 20px;
      margin: 40px 20px 0 0;
      width: 400px;
    }
	#sigosoto .btn_block:hover {
		opacity: 0.9;
		cursor: pointer;
    }

    #sigosoto .btn_block a {
      align-items: center;
      color: #fff;
      display: flex;
      font-weight: bold;
      justify-content: center;
      text-decoration: none;
    }

    #sigosoto .sigosoto_bnr {
      margin: 20px auto 0;
      width: 800px;
    }

    #sigosoto .sigosoto_bnr img {
      display: block;
    }

    #sigosoto .sigosoto_bnr p {
      font-size: 14px;
    }

    #sigosoto .sigosoto_bnr .bold {
      font-weight: bold;
      margin-top: 10px;
    }

    #sigosoto .sigosoto_bnr .indent {
      padding-left: 1em;
      text-indent: -1em;
    }


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

    .spCtn {
      display: block;
    }

    .logo img,
    .copyright img {
      width: auto;
    }

    #sigosoto {
      padding: 0 10px;
      width: 100%;
    }

    #sigosoto h2 {
      font-size: 24px;
    }

    #sigosoto .bg {
      background-image: url(https://dev02-ap01-thirdwave.demandware.net/on/demandware.static/-/Library-Sites-RefArchSharedLibrary/default/dw5dcf3048/5info/img/f-13/sigosoto_bnr_bg.jpg);
      background-repeat: repeat;
      background-position: center top;
      background-size: cover;
      padding: 5px 0 20px;
    }
    #sigosoto .sigosoto_title {
      margin-top: 20px;
      font-size: 22px;
    }
    #sigosoto .text {
      margin: 60px 0 0;
      padding: 0 10px;
    }
    #sigosoto .sigosoto_bnr {
      width: 100%;
    }
    #sigosoto .btn_block {
      float: none;
      margin: 10px auto;
      padding: 0;
      width: 90%;
    }
    #sigosoto .btn_block a {
      padding: 14px 10px;
      width: 100%;
		font-size: 3.4vw;
    }
  }

/*----------------------------------------------------------
	other note pc (再開時コメントアウト解除してください)
----------------------------------------------------------*/
/*
#other_note_pc{
    background:#f6f7f7;
    padding-top:60px;
    padding-bottom:150px;
}
#other_note_pc h2{
    text-align: center;
    font-size: 30px;
    letter-spacing: 2px;
    padding: 30px;
    background:#fff;
}
#other_note_pc .other_note_pc_list{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    margin-top:20px;
}
#other_note_pc .other_note_pc_list>li{
    box-sizing:border-box;
    width:480px;
    padding:14px;
    border:1px solid #d5d8d8;
    background:#fff;
    position:relative;
}
#other_note_pc .other_note_pc_list>li:nth-of-type(2n){
    margin-left:20px;
}
#other_note_pc a.other_item_block,
#other_note_pc a.other_item_block span{
    text-decoration:none;
    color:#333;
}
#other_note_pc a.other_item_block{
    display:block;
    transition:opacity .4s;
}
#other_note_pc a.other_item_block:hover{
    opacity:.7;
}
#other_note_pc .other_note_pc_list>li>a.other_item_block::after{
    content:'';
    display:block;
    position:absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 100px 100px;
    border-color: transparent transparent #b2d645 transparent;
    right:0;
    bottom:0;
    transition:border-color .2s;
}
#other_note_pc .other_item_name{
    padding:7px 13px;
border-radius:4px;
}
#other_note_pc .other_item_spec{
    display:table;
    width:100%;
}
#other_note_pc .other_item_spec>ul{
    display:table-row;
}
#other_note_pc .other_item_spec>ul>li{
    display:table-cell;
    padding:10px;
}
#other_note_pc .other_item_spec>ul>li{
    border:1px solid #f6f7f7;
}
#other_note_pc .other_item_spec>ul:nth-of-type(n+2)>li{
    border-top:none;
}
#other_note_pc .other_item_spec>ul>li:nth-of-type(1){
    background:#f6f7f7;
    text-align:right;
    font-weight:bold;
}

@media screen and (max-width: 1000px) {
    #other_note_pc .other_note_pc_list>li{
        width:48%;;
    }
    #other_note_pc .other_note_pc_list>li:nth-of-type(2n){
        margin-left:2%;
    }
}

@media screen and (max-width: 768px) {
    #other_note_pc h2{
        font-size:6.5vw;
        padding:20px;
    }
    #other_note_pc .other_note_pc_list>li{
        width:100%;
    }
    #other_note_pc .other_note_pc_list>li:nth-of-type(2n){
        margin-left:auto;
    }
    #other_note_pc .other_note_pc_list>li:nth-of-type(n+2){
        margin-top:20px;
    }
    #other_note_pc .other_item_name{
        font-size:5vw;
    }
    #other_note_pc .other_item_spec>ul>li{
        font-size:3.5vw;
    }
    #other_note_pc{
        padding-top:30px;
        padding-bottom:80px;
        padding-left:1rem;
        padding-right:1rem;
    }
}
*/

/*----------------------------------------------------------
	2019/2/20追記 
----------------------------------------------------------*/
ul.breadCrumb {
 width: 970px;
 margin: auto;
}

/*----------------------------------------------------------
	camp
----------------------------------------------------------*/

.lightness .campline { margin-bottom: -2.4rem; padding: 2.5rem 0 5rem; background: rgb(168,93,48);
background: -moz-linear-gradient(-45deg, #ff1f3e 0%, #ff3f5a 100%);
background: -webkit-linear-gradient(-45deg, #ff1f3e 0%, #ff3f5a 100%);
background: linear-gradient(135deg, #ff1f3e 0%, #ff3f5a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1f3e', endColorstr='#ff3f5a',GradientType=1 );
text-align: center;
color: #fff;}
.lightness .campline .campHead {
  font-size: 38px;
  margin-bottom: 10px;
}
#container .lightness .campline a.campLink {
  font-size: 22px;
  color: #fff;
}
.camp .headline {
  background: #ff203e;
  color: #fff;
  padding: 20px 0;
  text-align: center;
  font-size: 26px;
  line-height: 1.3;
  margin: 60px 0;
}
#campLink {
  padding-top: 60px;
  margin-top: -60px;
}
.campBox {
  margin-bottom: 60px;
}
.campTtl {
  margin-bottom: 1.2rem;
  padding-bottom: 0.3rem;
  border-bottom: 2px solid #f2a4af;
  font-size: 24px;
  position: relative;
}
.campTtl:after {
  bottom: -4px;
  border-bottom-width: 4px;
  border-bottom: 2px solid #febbc4;
  width: 7rem;
  height: 0;
  position: absolute;
  left: 0;
  bottom: -2px;
  content: '';
}
.campNotesList li {
  line-height: 1.5em;
  font-size: 0.8rem;
}
.campNotesList li:before {
  content: '※';
}
.campBnrLink img {
  display: block;
  margin: 0 auto !important;
}
@media screen and (max-width:786px) {
  .lightness .campline .campHead {
    font-size: 5vw;
    margin-bottom: 10px;
  }
  #container .lightness .campline a.campLink {
    font-size: 4vw;
  }
  .camp .headline {
    font-size: 4.8vw;
  }
  .campBox {
    margin-bottom: 40px;
  }
  .campTtl {
    font-size: 5.5vw;
  }
  .campTxt {
    font-size: 4vw;
  }
  .campNotesList li {
    font-size: 3.2vw;
  }
}




@media screen and (max-width:768px){

/*--------------------------
 全体
----------------------------*/
body {
	min-width: 100% !important;
	-webkit-text-size-adjust: 100%;
}

/*--------------------------
 ヘッダー
----------------------------*/
#Globalnavi, #Header #head_navi_menu_g, #Header .keyword, #Header #headsearchBox, #Header .wishBtn, #Header .btn, #Header h1, .leadSection .recomWin_black, .leadSectionInner , #head_navi_menu {
	display: none;
}

#Header, #Header .inner, #Header h1 {
	height: auto;
	width: 100%;
}

#Header {
	min-width: 100%;
	overflow: hidden;
	width: 100%;
}

#Header .logo {
	padding: 12px 0 12px 6px;
	position: relative;
	top: 0;
	width: 90%;
  max-width: 186px;
}

#container {
	margin: 0 auto 20px;
	padding-top: 0;
	width: 100%;
}

#wrapper_premium_member .topicPath, #wrapper_premium_member .breadCrumb, .breadCrumb, p.h1_game {
	display: none;
}

/*--------------------------
 フッター
----------------------------*/
.pagetop {
	width: 97%;
}

#pagetop {
	bottom: 10px;
	right: 10px;
}

.footerTagline {
	box-sizing: border-box;
	font-size: 90%;
	line-height: 140%;
	margin-bottom: 4px;
	padding: 0 2%;
	text-align: left;
}

.footerTagline, #footer, #footerNav2, #footerLinks #footerLinks_Nav, #footerLinks #footerLinks_NavParts, #footerCopy, #footerCopy p.copyright {
	font-size: 12px;
	width: 100%;
}

#footer {
	padding: 9px 0px 7px 0px;
}

#footerLinks {
	display: none;
}

#footerLinks ul {
	float: none;
}
#footerCopy p.copyright {
  max-width: 186px;
}

  #footerCopy p.copyright a {
	display: block;
	margin-bottom: 7px;
}

#footerLinks ul {
	margin: 12px 0 0 5px;
}

#footerLinks ul li {
	box-sizing: border-box;
	display: inline-table;
	width: 45%;
}

#footerLinks ul li.catName, #footerLinks ul li.noLink {
	width: 90%;
}

#footerNav2 ul {
	margin: 0% 4%;
}

body #footerNav2 li {
	border-left: medium none;
	box-sizing: border-box;
	display: inline-table;
	margin: 0 0 9px;
	padding: 0;
	width: 49%;
}

#footerNav2 li:first-of-type {
	margin-bottom: 9px !important;
}

#splink_footer {
	display: none !important;
}

#footerCopy p.copyright {
	font-size: 80%;
	text-align: center;
}

body #footerCopy {
	min-width: 100%;
}

.pageLink {
	margin: 0;
	padding:0;
}

#lp_page {
  width: 97%;
  margin: 20px auto;
}
#lp_page img {
  max-width: 100%;
  height: auto;
}

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

}
/*サイドバナーの左は追従メニューと被るので撤去*/
.sidebannerLeft, .sidebannerRight {
  top: 1200px;
}



@media screen and (max-width: 479px){
section p {
    font-size: 16px!important;
}
#maincontent .design_block-3 .content{
    
    width: auto!important;
}
#maincontent .design_block-4 .image {
    width: auto!important;
}
#maincontent .design_block-3 .image{
     width: auto!important;   
}
#maincontent .lightness .block .size {
    font-size: 14px;
}
#maincontent .lightness_txt-02,#maincontent .lightness_txt-03 {
    width: 70vw;
}
#maincontent .design_block-3 .content-inner{
  padding: 0 20px;  
}
.cv-title {

    font-size: 3em;
}
.cv-title .model {
    font-size: 1.4em;
}
#maincontent .safety .campaign .body .free dt {
    padding: 6px;
    font-size: 2.4em;

}
#maincontent .service_txt-01 {
    width: 80vw;
    padding: 2px 0;
}
#maincontent .service-list .icon {
    width: 22vw;
}
#maincontent .service-list .body .list-head h3 {
    font-size: 2.6em;
}
#maincontent .service-list .body .list-head .num {
    margin-right: 2vw;
    width: 8vw;
}
#maincontent .plan_txt-01 {
    width: 70vw;
}
#maincontent .plan_block .head .txt {
    font-size: 3.2em;
}
#maincontent .plan_block .content .icons img {
    width: 18vw;
}
#maincontent .plan_block .content .icons {
display: flex;
    flex-wrap: wrap;
    padding: 0 30px;
    justify-content: space-evenly;
}
#maincontent .plan_block .content .icons span {
    flex: 0 0 20vw;
}
#maincontent .plan_block .head {
    padding: 10px;
}
#maincontent .plan_footer .icon {
    margin-right: 10px;
    width: 16vw;
}
#maincontent .faq_txt-01 {
    width: 42vw;
}
#maincontent .buy_txt-01 {
    display: inline-block;
    width: 80vw;
}
#maincontent .buy .product_image .txt {
    position: absolute;
    top: 10vw;
    left: 55vw;
}
.spec-table th, .spec-table td {
    font-size: 1.2em;
}
#maincontent .service .notes {
    font-size: 1em!important;
}
section .utility p {
    font-size: 2.1em!important;
}
}