@charset "utf-8";


@import url("root.css");

#main {padding-bottom:80px;}
#wrapper em {color:#e84388; font-weight:normal;}


/* base layout
========================================================================= */

.wrap {width:800px; padding:0; margin:0 auto;}
.textContainer:after{content:''; clear:both; display:block;}
#wrapper .cate_ttl {font-size:38px; font-weight:normal; text-align:center;height:100px;line-height:100px;
-webkit-text-shadow: 0 0 16px rgba(255,255,255,1.0), 0 0 16px rgba(255,255,255,1.0), 0 0 16px rgba(255,255,255,1.0), 0 0 16px rgba(255,255,255,1.0), 0 0 16px rgba(255,255,255,1.0), 0 0 16px rgba(255,255,255,1.0);
-o-text-shadow: 0 0 16px rgba(255,255,255,1.0), 0 0 16px rgba(255,255,255,1.0), 0 0 16px rgba(255,255,255,1.0), 0 0 16px rgba(255,255,255,1.0), 0 0 16px rgba(255,255,255,1.0), 0 0 16px rgba(255,255,255,1.0);
-moz-text-shadow:  0 0 16px rgba(255,255,255,1.0), 0 0 16px rgba(255,255,255,1.0), 0 0 16px rgba(255,255,255,1.0), 0 0 16px rgba(255,255,255,1.0), 0 0 16px rgba(255,255,255,1.0), 0 0 16px rgba(255,255,255,1.0);
text-shadow: 0 0 16px rgba(255,255,255,1.0), 0 0 16px rgba(255,255,255,1.0), 0 0 16px rgba(255,255,255,1.0), 0 0 16px rgba(255,255,255,1.0), 0 0 16px rgba(255,255,255,1.0), 0 0 16px rgba(255,255,255,1.0); }
.cate_ttl span{
  color:#e84388; font-weight:normal;
}
.article_ttl {font-size:30px; font-weight:normal;}
.article_h2 {font-size:24px; font-weight:normal;}
h3 {font-size:18px; font-weight:normal; line-height:1.7;color:#e84388;margin-bottom:4px;}
.footnote {font-size:12px; line-height:2.33;}
.sign {text-align:right !important;}
p.mt1em {margin-top:1em;}
p.margin50 {margin-bottom:-8px;}

.section .article_h2 {line-height:1.58;}
.section p {line-height:2;}


/*.sns li:hover{ opacity:0.5;filter: alpha(opacity=50);  -ms-filter: "alpha(opacity=50)";transition: opacity .5s ease}*/
/*.item.hover{ opacity:0.5;filter: alpha(opacity=50);  -ms-filter: "alpha(opacity=50)";transition: opacity .5s ease}
.item.hover .btn a{opacity:0.5;filter: alpha(opacity=50);  -ms-filter: "alpha(opacity=50)";transition: opacity .5s ease}
*/
/*#topNavi li a:hover span,
#subNavi li a:hover span{ color:#B6B6B6;}
#topNavi li a:hover span span:after { content:"";  background:url(../img/bg_outsideLink_hover.webp) left top no-repeat;}
*/
/*content番号は見出し前の番号順にする*/
.mainHeader { padding:57px 0 42px;}
.mainHeader .article_ttl {background:url(../img/sub_no01.webp) left top no-repeat;margin-bottom:17px; padding: 8px 0 0 42px; min-height:46px;line-height:1.13;}
.mainHeader.content01 .article_ttl {letter-spacing:-1px;} /*タイトルが長いため、調整、更新の際に参考にしてください*/
.mainHeader.content02 .article_ttl {background:url(../img/sub_no02.webp) left top no-repeat; padding-top:0; }
.mainHeader.content03 .article_ttl {background:url(../img/sub_no03.webp) left top no-repeat; }
.mainHeader.content04 .article_ttl {background:url(../img/sub_no04.webp) left top no-repeat; }
.mainHeader.content05 .article_ttl {background:url(../img/sub_no05.webp) left top no-repeat;}
.mainHeader p {padding-left:42px;font-size:14px; line-height:2;}
.mainHeader p.lead span {text-decoration:underline;}
#gnavi h2 {font-size:0;}
.pc #gnavi ol {display:block !important; }
#gnavi ol{padding: 21px 0 27px;}
#gnavi ol li {width:400px; float:left; padding: 2px 0 0 10px;font-size:15px; line-height:2.27; line-height:1.58;}
#gnavi ol li.odd {padding-left:0; padding-right:10px;}
#gnavi ol li.long {letter-spacing:-1px;}
#gnavi ol li a{border-bottom:1px solid #D2D2D2; display:block;color:#e84388; padding:5px 0 6px 2em; text-indent:-1.4em;}
#gnavi ol li a span {color:#6E6E6E;padding-left:0.78em;}
#gnavi ol li.last a{border-bottom:none;}
/*#gnavi ol li a:hover span{ color:#B6B6B6;}*/

#topNavi {font-size:0;}
#topNavi li{width:260px;height:90px; display:inline-block; margin-right:10px;border: 1px solid #d1d1d1;font-size:14px;line-height:1.5;}
#topNavi li.third{margin-right:0;}
#topNavi li span {display: table-cell; vertical-align:middle;}
#topNavi li span span{position: relative;padding-right:20px;}
#topNavi li span span:after {content:""; display:block; position:absolute; right:0; bottom:8px; background:url(../img/bg_outsideLink.webp) right bottom no-repeat; width:12px;height:9px;}
#topNavi li a:after { content:""; background:url(../img/arrow.webp) left center no-repeat; right:14px; top:0; width:8px;height:90px;display:block; position:absolute;}
#topNavi li a{width:260px;height:90px;position:relative;display:table;background:url(../img/nav_btn01.webp) left top no-repeat; padding-left:98px;}
#topNavi li.second a{background:url(../img/nav_btn02.webp) left top no-repeat; }
#topNavi li.third a{background:url(../img/nav_btn03.webp) left top no-repeat; }

#subNavi h2 {font-size:22px;margin-bottom:2px;}
#subNavi .subNaviHeader {padding:0 10px;}
#subNavi p {margin-bottom:15px;font-size:14px;line-height:1.5;}
#subNavi ol {border-top:1px solid #c8c8c8;}
#subNavi li { float:left;border-bottom:1px solid #c8c8c8; padding:15px 34px 8px 15px;font-size:14px;line-height:1.5;}
#subNavi li.odd{border-right:1px solid #c8c8c8;}
#subNavi li a{display:table;width:350px; height:85px;}
#subNavi li span {display: table-cell; vertical-align:middle; padding-right:10px;}
/*#subNavi li a:after { content:""; background:url(../img/arrow.webp) left center no-repeat; right:0; top:0; width:8px;height:90px;display:block; position:absolute;}*/
#subNavi li a{position:relative;display:table;background:url(../img/thmb05s.webp) 10px top no-repeat; padding-left:118px;}
#subNavi li.second a{background:url(../img/thmb04s.webp) 10px top no-repeat; }
#subNavi li.third a{background:url(../img/thmb02s.webp) 10px top no-repeat; }
#subNavi li.fourth a{background:url(../img/thmb03s.webp) 10px top no-repeat; }
#subNavi li.fifth a{background:url(../img/thmb01s.webp) 10px top no-repeat; }

/*コンテンツ*/

.items{padding-bottom:40px;font-size:0;}
.item {background:url(../img/bg_item.webp) left top no-repeat;position:relative;width:260px;height:303px; padding:15px; float:left;margin-right:8px;margin-top:10px;}
.item.third {margin-right:0;}
.item.fourth {padding-right:7px;}
.item .title {font-size:16px; line-height:1.42;background:url(../img/no01.webp) left top no-repeat;padding:0 0 0 30px;}
.item .title span{color:#e84388; font-weight:normal;}
.section .item .title {font-size:16px;line-height:1.42;}
.item.second .title { background:url(../img/no02.webp) left top no-repeat;}
.item.third .title { background:url(../img/no03.webp) left top no-repeat;}
.item.fourth .title { background:url(../img/no04.webp) left top no-repeat;}
.item.fifth .title { background:url(../img/no05.webp) left top no-repeat;}
.item img {margin-bottom:10px;}
.item p.btn {position:absolute;left:0px;bottom:0; text-indent:200%; white-space:nowrap;overflow:hidden; background:url(../img/bg_item_btm.webp) center bottom no-repeat;}
.item p.btn a{display:block; width:192px; height:38px;background: url(../img/btn.gif) center top no-repeat; margin:0 34px 24px;}
.item:hover {cursor:pointer;}

.numberBox {padding-bottom:49px;border-bottom:1px solid #d1d1d1;}
.numberBox .article_h2 {background:url(../img/no01s.webp) left top no-repeat; min-height:35px;padding:1px 0 0 46px;}
.numberBox.second .article_h2 { background:url(../img/no02s.webp) left top no-repeat; }
.numberBox.third .article_h2 { background:url(../img/no03s.webp) left top no-repeat;}
.numberBox.fourth .article_h2 { background:url(../img/no04s.webp) left top no-repeat; }
.numberBox.fifth .article_h2 { background:url(../img/no05s.webp) left top no-repeat;}
.numberBox:after {content:''; clear:both; display:block;}
.numberBox .textContainer h3{margin-top:15px;margin-bottom:4px;}
.numberBox .textBox {width:420px;float:left; margin-right:12px;}

.column{float:left; width:380px;margin-right:40px; margin-top:36px;}
.column.fist {margin-top:30px;}
.column.even {margin-right:0;}
.column.second{margin-bottom:-8px;}
.column.odd:before {content:''; clear:both; display:block;}

.borderBox { background:url(../img/bg_borderBox.webp) left bottom no-repeat;margin:50px 0 40px;padding-bottom:26px;}
.borderBox h3 {padding:0 17px; background: url(../img/bg_borderBox_top.webp) left top no-repeat; margin-bottom:14px;}
.borderBox h3 span{padding: 0 14px; background:#FFFFFF;}
.borderBox p {margin:0 30px 0;}

.sns ul{text-align:right; font-size:0; margin:0 0 55px}
.sns ul li { display:inline-block; width:90px; height:30px;}
.sns ul li + li {margin-left:10px;}

/* top layout
========================================================================= */
.top { background:url(../img/idx_bgHeader.webp) left top repeat-x;}
.top #kenkyu_header {margin:0;height:0; background:url(../img/idx_header.webp) center top no-repeat; height:100px;}
.top .lead {text-align:center; margin:40px 15px 9px;font-size:14px; line-height:2.0}
.top .main p {font-size:16px; line-height:1.42;}
#topNavi {display: flex;}

/* sub contents layout
========================================================================= */
/*.sub { background:url(../img/sub_bgHeader.webp) left top repeat-x;}*/
.sub { background:url(../img/sub_bgHeader_ie.webp) left top repeat-x;}

.sub #kenkyu_header {margin:0;height:0;/* background:url(../img/sub_header.webp) center top no-repeat; height:256px;*/
background:url(../img/sub_header_ie.webp) center top no-repeat; height:280px;}
.sub img {margin:0 auto;}
.sub .section {margin-bottom:60px;}


.sub h2 + p {margin-top:21px;}
.textBox + img {float:right;}
.textBox + img:after {content:""; clear: both; display:block;}
.numberBox + .numberBox {margin-top:45px;}
.numberBox p + .textContainer {margin-top:47px;}
.numberBox p + img {margin-top:41px;}
.numberBox p + .imgGraph {margin-top:61px;}
.numberBox p + p.footnote {margin-top:2px; margin-bottom:-6px;}
.imgGraph + h3 {margin-top:75px;}
.textContainer + .textContainer {margin-top:53px;}
.numberBox h2 + h3 {margin-top:23px;}
.numberBox h2 + .textBox {margin-top:25px;}
img.showSP + img.showSP {margin-top:70px;}

/*kenkyu04nのむずがゆ因子セッション*/
.numberBox .textBox.w380 {width:380px;}
/*.numberBox .textBox.w380 p + p {margin-top:25px;}*/

.showPC{display:block;}
.showSP{display:none;}

/* 固定バナー */
/*.btm_bnr_pc{
  display:block;
}
.btm_bnr_sp{
  display:none;
}
.btm_bnr{
  display:block;
  position:fixed;
  right:0;
  bottom:0;
  border:solid 1px #999;
  background-color: #fff;
  z-index:100;
}
.btm_bnr .btm_bnr_btn{
  position:absolute;
  top:0;right:0;
}*/


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

/* base layout
====================================== */
body {font-size:12px; line-height:1; color:#5C5C5C;width:100%;overflow-x:hidden;min-width:300px;}
#main{padding:0; width:100%;}
.section,.mainHeader {padding:0 15px;}
.wrap {width:100%; padding:0; margin:0 auto;}
#kenkyu_header { background:none;}
#main img {width:100%;height:auto;}

#wrapper .cate_ttl {width:100%;font-size:18px; line-height:56px; height:56px; text-shadow:none;}
.cate_ttl span{
  color:#e84388; font-weight:normal;
}
.article_ttl {font-size:20px;}
.article_ttl span{color:#e84388; font-weight:normal;}
.article_h2 {font-size:18px;}
h3 {font-size:14px;margin-bottom:3px; line-height:1.58;}
p{ font-size:12px;line-height:1.58;}
.section p{ line-height:1.58;}
p.footnote {font-size:12px; line-height:1.58;}
p.sign {text-align:left;}
p.margin50 {margin-bottom:0;}

/*#topNavi li a:hover span,
#subNavi li a:hover span{color:#ADADAD;}*/

.top,.sub {background:none;}
#wrapper .top #kenkyu_header {
  background-image: url(../img/idx_h1_sp.webp),
   url(../img/idx_header_sp.webp) ;
   background-repeat:
   no-repeat,
   no-repeat;
   background-position:
   center top,
   center top;
   background-size:
   320px auto,
   100% auto;
   background-color:#e7f1fa;
   height:79px;}
#wrapper .sub #kenkyu_header {
  background-image: url(../img/sub_h1_sp.webp),
   url(../img/sub_header_sp.webp) ;
   background-repeat:
   no-repeat,
   no-repeat;
   background-position:
   center top,
   center top;
   background-size:
   320px auto,
   100% auto;
   background-color:#e7f1fa;

   height:auto;}
#wrapper .top h1 {width:100%;font-size:24px; line-height:79px; height:79px;}

#gnavi{width:100%; z-index:100; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0 15px; position:relative;}
#gnavi h2 {border-top:1px solid #838383;width:100%; position:relative; padding:24px 0 21px;font-size:16px; cursor:pointer;}
#gnavi h2:after {content:"";position:absolute; right:11px; top:0; width:25px;height:62px;background:url(../img/icon_plus.webp) right center no-repeat; background-size:25px 25px;}
#gnavi h2.open:after {content:"";background:url(../img/icon_minus.webp) right center no-repeat; background-size:25px 25px;}
#gnavi ol{width:100%; padding:0; margin:0; display:none; background:#e7f1fa;}
#gnavi ol li {width:100%;float:none;border-top:1px solid #838383; background:#e7f1fa;margin:0;padding:0;font-size:12px;line-height:1.58;}
#gnavi ol li.odd, #gnavi ol li.even {margin:0;padding:0;}
#gnavi ol li.long { letter-spacing:0;}
#gnavi ol li a{ display:block; padding: 16px 12px 16px;border-bottom:none; text-indent:-14px;}

#topNavi {display:block;padding:0 15px;margin-bottom:40px;}
#topNavi li{width:100%;height:71px; margin:0;font-size:12px;line-height:1.58;}
#topNavi li a{width:100%;height:71px;background:url(../img/nav_btn01_sp.webp) left top no-repeat; background-size:71px auto; padding-left:82px;}
#topNavi li a:after { content:""; background:url(../img/arrow_sp.webp) left center no-repeat; background-size: auto 12px; right:8px; top:0; width:8px;height:70px;display:block; position:absolute;}
#topNavi li span span:after {content:""; bottom:4px;}
#topNavi li:nth-child(2) a{background:url(../img/nav_btn02_sp.webp) left top no-repeat; background-size:71px auto;  }
#topNavi li:nth-child(3) a{background:url(../img/nav_btn03_sp.webp) left top no-repeat; background-size:71px auto;  }
#topNavi li + li {margin-top:10px;}

#subNavi h2 {text-align:center;margin-bottom:8px;font-size:16px;}
#subNavi p {text-align:center;margin-bottom:17px;}
#subNavi ol {border-top:1px solid #c8c8c8;}
#subNavi li { float:none;padding:0px;position:relative;font-size:12px;line-height:1.58;}
#subNavi li.odd{border-right:none;}
#subNavi li a{width:100%;padding:0 0 0 60px;height:60px;background:url(../img/thmb05s.webp) 10px center no-repeat; background-size:40px 40px;}
#subNavi li:after { content:""; background:url(../img/arrow_sp.webp) left center no-repeat; background-size:auto 12px; right:21px; top:0; width:8px;height:60px;display:block; position:absolute;}
#subNavi li:nth-child(2) a{background:url(../img/thmb04s.webp) 10px center no-repeat; background-size:40px 40px;}
#subNavi li:nth-child(3) a{background:url(../img/thmb02s.webp) 10px center no-repeat; background-size:40px 40px;}
#subNavi li:nth-child(4) a{background:url(../img/thmb03s.webp) 10px center no-repeat; background-size:40px 40px;}
#subNavi li:nth-child(5) a{background:url(../img/thmb01s.webp) 10px center no-repeat; background-size:40px 40px;}
#subNavi p {font-size:12px;line-height:1;}

.top .lead{margin:23px 15px 16px;/**/font-size:12px;line-height:1.58;}
.items{padding-bottom:25px;}
.item { background:none;width:100%; height:auto; margin:0;padding:0;border:1px solid #D1D1D1; -webkit-border-radius:4px; -moz-border-radius:4px;-0-border-radius:4px;border-radius:4px; float:none;}
.item:nth-child(n+2) {margin-top:25px;}
.item.fourth {padding-right:0;}
.item .title { background:url(../img/no01_sp.webp) 5% top no-repeat; background-size:34px 40px;padding:4px 5% 0 16%;margin:0 0 15px;}
.item .title span{color:#e84388; font-weight:normal;}
.section .item .title {font-size:18px;}
.item img {margin-bottom:11px;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-o-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}
.item p.btn {position:relative; background:none;left:0; top:0;text-indent:200%; white-space:nowrap;overflow:hidden;margin-bottom:31px;}
.item p.btn a{display:block; width:180px; height:40px;background: url(../img/btn_sp.gif) center top no-repeat; background-size:180px auto;margin:0 auto;}
.item:nth-child(2) .title { background:url(../img/no02_sp.webp) 5% top no-repeat;background-size:34px 40px;}
.item:nth-child(3) .title { background:url(../img/no03_sp.webp) 5% top no-repeat;background-size:34px 40px;}
.item:nth-child(4) .title { background:url(../img/no04_sp.webp) 5% top no-repeat;background-size:34px 40px;}
.item:nth-child(5) .title { background:url(../img/no05_sp.webp) 5% top no-repeat;background-size:34px 40px;}

.sub .section {margin-bottom:33px;}

.mainHeader {margin:26px 0 37px}
.mainHeader .article_ttl{background:url(../img/sub_no01_sp.webp) left top no-repeat; background-size:31px auto;padding:7px 0 0 40px; margin-bottom:20px;line-height:1.4;}
.mainHeader.content01 .article_ttl {letter-spacing:0;}
.mainHeader.content02 .article_ttl{background:url(../img/sub_no02_sp.webp) left top no-repeat; background-size:31px auto; }
.mainHeader.content03 .article_ttl{background:url(../img/sub_no03_sp.webp) left top no-repeat; background-size:31px auto; }
.mainHeader.content04 .article_ttl{background:url(../img/sub_no04_sp.webp) left top no-repeat; background-size:31px auto; }
.mainHeader.content05 .article_ttl{background:url(../img/sub_no05_sp.webp) left top no-repeat; background-size:31px auto; }
.mainHeader p {padding-left:0;font-size:12px;line-height:1.58;}

.numberBox {padding-bottom:23px;}
.numberBox .article_h2 { background:url(../img/no01s_sp.webp) left top no-repeat; background-size:34px auto; min-height:38px;padding:4px 0 0 42px;line-height:1.28;}
.numberBox .textBox {width:100% !important;margin:0; float:none;}
.numberBox img {margin-top:22px;margin-bottom:10px;}
.numberBox img.imgGraph {margin-top:28px;}
.numberBox:nth-child(2) .article_h2 { background:url(../img/no02s_sp.webp) left top no-repeat; background-size:34px auto; }
.numberBox:nth-child(3) .article_h2 { background:url(../img/no03s_sp.webp) left top no-repeat; background-size:34px auto;}
.numberBox:nth-child(4) .article_h2 { background:url(../img/no04s_sp.webp) left top no-repeat; background-size:34px auto; }
.numberBox:nth-child(5) .article_h2 { background:url(../img/no05s_sp.webp) left top no-repeat; background-size:34px auto;}

.borderBox {border:1px solid #a0a0a0; -webkit-border-radius:2px; -moz-border-radius:2px;-0-border-radius:2px;border-radius:2px;margin:28px 0 28px; padding-bottom:0; background:none;}
.borderBox h3 {margin:-6px 17px; text-align:center; font-weight:500; background:none;}
.borderBox h3 span{padding: 0 10px;}
.borderBox p {margin:15px 21px 10px;}

.column{width:100%;margin:30px 0 0;}
.column:nth-child(1) {margin-top:24px;}/*kenkyu01 段落間　40px*/
.column.second{margin-bottom:0;}

.sns ul{text-align:center; font-size:0; margin:0 0 24px}
.sns ul li { display:inline-block; width:110px; height:30px;}
.sns ul li + li {margin-left:20px;}

.textBox + img {float:none;}
.numberBox h2 + h3 {margin-top:10px;}
.numberBox h2 + .textBox {margin-top:11px;}
.numberBox h2 + p {margin-top:10px;}
.numberBox p + p.footnote {margin-bottom:0;}
.numberBox p + img {margin-top:21px;}
.numberBox p + .imgGraph {margin-top:41px;}
.numberBox p + .textContainer {margin-top:13px;} /*kenkyu05 段落間　25px*/
.imgGraph + h3 {margin-top:34px;}/*kenkyu04 段落間　40px*/
.textContainer + .textContainer {margin-top:30px;}/*kenkyu03 段落間　35px*/
.column + .column {margin-top:22px;}/*kenkyu01 段落間　35px*/
img.showSP + img.showSP {margin-top:30px;}
.numberBox + .numberBox {margin-top:27px;}


/*.numberBox .textBox.w380 p + p {margin-top:10px;}*/

.showPC{display:none;}
.showSP{display:block;}

#footer_pc { display:none;}
#footer_sp{position:relative;width:100%;margin-bottom:-10px}
.footer-nav-sp{line-height:1;width:100%;background-color:#313131;}
.footer-nav-sp p{margin:0;padding:0}
.footer-nav-sp img{border:0}
#index_section1,#index_section3{text-align:center;border-top:2px solid #d00040}
.footer-nav-sp p.ci{float:left}
.footer-nav-sp .ci-area{padding:7px 10px}
.footer-nav-sp ul,.footer-nav-sp ul li{list-style-type:none;margin:0;padding:0;}
.footer-nav-sp ul{padding:12px 10px 6px 0;box-sizing:border-box}
.footer-nav-sp ul,.footer-nav-sp ul li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;}
.footer-nav-sp ul li{margin:0 0 6px 12px;display:inline-block;font-size:12px;box-sizing:border-box}
.footer-nav-sp ul li a.color-gold{font-size:75%}
.footer-nav-sp p.copyright{float:right;font-size:7px !important;line-height:13px!important;}
.footer-nav-sp .ci-area:after,.group-sp:after{visibility:hidden;overflow:hidden;display:block;content:".";clear:both;font-size:.1em;line-height:0}
.footer-nav-sp ul li a{padding-left:10px;-moz-background-size:7px auto;-webkit-background-size:7px auto;background-size:7px auto;background-image:url(/sp/shared/cmn_footer/html/gray/icon_fnavi.gif);background-repeat:no-repeat;background-position:left center;font-size:12px;text-shadow: 2px 2px 0px #FFF;}
.footer-nav-sp ul li a.color-gold{-moz-background-size:5px 5px;-webkit-background-size:5px 5px;background-size:5px 5px;background-image:url(/sp/shared/cmn_footer/html/gray/icon_fnavi2.gif);font-size:10px;text-shadow: 2px 2px 0px #FFF;}
.group-sp:after{height:0}
* html .group-sp{height:1%}
.group-sp{display:block}
.footer-nav-sp .ci-area:after{height:0}
* html .footer-nav-sp .ci-area{height:1%}
.footer-nav-sp .ci-area{background-color:#FFFFFF;border-top: 1px solid #CCCCCC; padding-top: 6px;}
.footer-nav-sp ul{background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebebeb), color-stop(100%, #f5f5f5));  background: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);border-bottom: 1px solid #FFF;}
.footer-nav-sp img{width:75px;height:13px;}
.footer-nav-sp p.copyright,.footer-nav-sp ul li a{color:#333333;}

/*----------------------------------------------------
  btm_bnr -- modified 2016/12
--------------------------------------------------- */
/*.btm_bnr_pc{
  display:none;
}
.btm_bnr_sp{
  display:block;
}
.btm_bnr{
  display:block;
  position:fixed;
  left:0;right:0;bottom:0;
  border-top:solid 1px #ccc;
  line-height:0;
  z-index:99;
}
.btm_bnr img{
  display:block;
  width:100%;
}
.btm_bnr_btn{
  position:absolute;
  top:0;right:0;
  width:27px;
}*/

}