/* Generated by SCSS */
html.tb .searchform input[type="text"] {
  -webkit-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
html.tb body.about #SIDE_BAR {
  display: none !important;
}

html.sp {
  /*--------------------------------------------------------------------------*/
  /* 404
  /*--------------------------------------------------------------------------*/
}
html.sp body {
  padding-top: 44px;
  padding-bottom: 400px !important;
}
html.sp img {
  max-width: 100%;
  height: auto;
}
html.sp .globalHeader,
html.sp .fixedGlobalHeader,
html.sp .categoryMenu,
html.sp .contentsWrapper,
html.sp .detailContents,
html.sp .globalFooter .pageTopLinkWrapper,
html.sp .globalFooter .corporateMenu,
html.sp .globalFooter .copyRightContents {
  width: 100% !important;
}
html.sp .headerWrapper {
  background: #f1f2f6;
  min-width: 0;
}
html.sp .globalHeader {
  position: absolute !important;
  top: -44px;
  z-index: 10;
}
html.sp .globalHeader #SITE_CONCEPT {
  display: block !important;
  margin: 44px 0 0 0;
}
html.sp .globalHeader #SITE_CONCEPT p {
  max-width: 364px;
  width: 100%;
  margin: 0 auto 0;
  padding: 12px 15px 0;
}
html.sp .fixedGlobalHeader {
  position: fixed !important;
  top: 0;
  z-index: 1000;
}
html.sp .globalHeader,
html.sp .fixedGlobalHeader {
  left: 0;
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #000;
  height: 44px;
}
html.sp .globalHeader .functionalParts,
html.sp .fixedGlobalHeader .functionalParts {
  position: absolute !important;
  top: 30px !important;
  left: 0 !important;
  width: 100% !important;
  display: none !important;
}
html.sp .globalHeader .functionalParts .searchform,
html.sp .fixedGlobalHeader .functionalParts .searchform {
  display: none;
}
html.sp .globalHeader .logo,
html.sp .fixedGlobalHeader .logo {
	top:0;
 left:0;
 margin: 13px 13px;
}
html.sp .globalHeader .logo .siteName,
html.sp .fixedGlobalHeader .logo .siteName {
  background-image: url(../img/logo_sp03.jpg);
  background-size: 140px 19px;
  padding-top: 18px;
  width: 140px !important;
}
html.sp .mainContents,
html.sp .subContents {
  float: none;
}
html.sp .mainContents {
  width: 100%;
}
html.sp .contentsWrapper #SNS_ACCOUNT {
  background-color: #fff;
  margin: 50px 15px 0;
  padding: 15px 15px 15px;
  display: block !important;
  border: 2px solid #c0c0c0;
}
html.sp .contentsWrapper #SNS_ACCOUNT .title {
  text-align: center;
  margin: 0 0 15px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px dotted #c0c0c0;
  font-size: 14px !important;
  font-weight: bold;
}
html.sp .contentsWrapper #SNS_ACCOUNT .sns {
  zoom: 1;
  width: 230px !important;
  text-align: center;
  padding: 0 0 0 0;
  margin: 0 auto 0;
}
html.sp .contentsWrapper #SNS_ACCOUNT .sns:after {
  content: "";
  display: block;
  clear: both;
}
html.sp .contentsWrapper #SNS_ACCOUNT .sns .fb-like,
html.sp .contentsWrapper #SNS_ACCOUNT .sns .twitter-follow-button {
  display: block;
  float: left;
}
html.sp .contentsWrapper #SNS_ACCOUNT .sns div.fb-like {
  margin-top: -2px;
}
html.sp .contentsWrapper #SNS_ACCOUNT .sns iframe.fb-like {
  margin-left: 15px;
  width: 108px;
}
html.sp #POPUP_MENU,
html.sp #POPUP_RANKING {
  -webkit-transform: scale(0.98) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(0) translateY(0) skewX(0deg) skewY(0deg);
  -moz-transform: scale(0.98) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(0) translateY(0) skewX(0deg) skewY(0deg);
  -ms-transform: scale(0.98) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(0) translateY(0) skewX(0deg) skewY(0deg);
  transform: scale(0.98) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(0) translateY(0) skewX(0deg) skewY(0deg);
  display: none;
  position: fixed;
  top: 44px;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 600;
}
html.sp #POPUP_MENU .wrapper,
html.sp #POPUP_RANKING .wrapper {
  position: absolute;
  top: 9px;
  bottom: 15px;
  left: 10px;
  right: 10px;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  background-color: #fff !important;
}
html.sp #POPUP_MENU .wrapper .inner,
html.sp #POPUP_RANKING .wrapper .inner {
  padding-bottom: 15px;
}
html.sp #POPUP_MENU {
  padding-top: 9px;
		background-image: url(../img/globalHeader_popupTriangle_01.png);
		background-repeat: no-repeat;
		background-position: right 45px top 0px;
  background-size: 34px 9px;
}
html.sp #POPUP_MENU .menuList {
  padding-top: 1px;
  padding-bottom: 1px;
}
html.sp #POPUP_MENU .menuList li {
  margin: 14px 17px;
}
html.sp #POPUP_MENU .menuList li:last-child {
  margin-bottom: 0;
}
html.sp #POPUP_MENU .menuList li.new a.current {
  background-color: #ffdde5;
}
html.sp #POPUP_MENU .menuList li.feature a.current {
  background-color: #ccf2eb;
}
html.sp #POPUP_MENU .menuList li.digiculColumn a.current {
  background-color: #fee8d7;
}
html.sp #POPUP_MENU .menuList li.kddiNow a.current {
  background-color: #dbdae9;
}
html.sp #POPUP_MENU .menuList li.ictKeywords a.current {
  background-color: #d4f1ff;
}
html.sp #POPUP_MENU .menuList li.bonus a.current {
  background-color: #fedbda;
}
html.sp #POPUP_MENU .menuList li.about a.current {
  background-color: #ebebeb;
}
html.sp #POPUP_MENU .menuList li a {
  display: block;
  line-height: 35px;
  width: 100%;
  text-align: center;
  font-size: 14px !important;
}
html.sp #POPUP_MENU .menuList .new a {
  color: #f45ea5;
  border: 1px solid #f45ea5;
}
html.sp #POPUP_MENU .menuList .feature a {
  color: #01be9c;
  border: 1px solid #01be9c;
}
html.sp #POPUP_MENU .menuList .digiculColumn a {
  color: #fa8d39;
  border: 1px solid #fa8d39;
}
html.sp #POPUP_MENU .menuList .kddiNow a {
  color: #0d056c;
  border: 1px solid #0d056c;
}
html.sp #POPUP_MENU .menuList .ictKeywords a {
  color: #2ea3f4;
  border: 1px solid #2ea3f4;
}
html.sp #POPUP_MENU .menuList .bonus a {
  color: #fb4d46;
  border: 1px solid #fb4d46;
}
html.sp #POPUP_MENU .menuList .about a {
  color: #999999;
  border: 1px solid #999999;
}
html.sp #POPUP_MENU .menuList .present a {
  color: #7fc623;
  border: 1px solid #7fc623;
}
html.sp #POPUP_MENU .searchform {
  margin: 27px 0 20px;
  background-color: #fff;
  width: 100%;
  padding-left: 17px;
  padding-right: 17px;
}
html.sp #POPUP_MENU .searchform input[type="text"] {
  -webkit-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  border: none;
  border-bottom: 1px solid #000;
  width: 100%;
  outline: none;
  font-size: 15px;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 35px;
}
html.sp #POPUP_MENU .searchform input[type="submit"] {
  height: 0;
  color: transparent;
  line-height: 2em;
  padding-top: 25px;
  overflow: hidden;
  display: block;
  background-repeat: no-repeat;
  position: absolute;
  top: 0px;
  right: 17px;
  width: 30px;
  border: none;
  background: url(../img/search_icon_sp01.png) no-repeat;
  background-size: 30px 30px;
}
html.sp #POPUP_RANKING {
  padding-top: 9px;
  background: url(../img/globalHeader_popupTriangle_01.png) right 0 no-repeat;
  background-size: 34px 9px;
}
html.sp #POPUP_RANKING .viewRanking {
  padding: 22px 15px 0;
}
html.sp #POPUP_RANKING .viewRanking .headline {
  height: 0;
  color: transparent;
  line-height: 2em;
  padding-top: 17px;
  overflow: hidden;
  display: block;
  background-repeat: no-repeat;
  background-image: url(../img/globalHeader_rankingHeadline_01.png);
  background-size: 207px 17px;
  margin-bottom: 25px;
}
html.sp #POPUP_RANKING .viewRanking .post {
  display: block;
  min-height: 86px;
  margin-top: 15px;
  padding-bottom: 16px;
  background: url(../img/ranking_line_sp01.png) center bottom no-repeat;
  background-size: 156px 1px;
}
html.sp #POPUP_RANKING .viewRanking .post:last-child {
  background: none;
  padding-bottom: 2px;
}
html.sp #POPUP_RANKING .viewRanking .post .rank01,
html.sp #POPUP_RANKING .viewRanking .post .rank02,
html.sp #POPUP_RANKING .viewRanking .post .rank03,
html.sp #POPUP_RANKING .viewRanking .post .rank04,
html.sp #POPUP_RANKING .viewRanking .post .rank05 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  height: 20px;
  width: 20px;
  font-size: 11px;
  color: #fff;
  background: #000;
  text-align: center;
  line-height: 20px;
}
html.sp #POPUP_RANKING .viewRanking .post .image {
  width: 70px;
  height: 70px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
html.sp #POPUP_RANKING .viewRanking .post .text {
  padding-left: 80px;
}
html.sp #POPUP_RANKING .viewRanking .post .text .category {
  height: 0;
  color: transparent;
  line-height: 2em;
  padding-top: 14px;
  overflow: hidden;
  display: block;
  background-repeat: no-repeat;
  margin-bottom: 2px;
}
html.sp #POPUP_RANKING .viewRanking .post .text .title {
  font-size: 12px;
  line-height: 1.25em;
  font-weight: normal;
}
html.sp #POPUP_RANKING .viewRanking .feature .category {
  background-image: url(../img/ranking_categoryLabel_sp01.png);
  background-size: 24px 14px;
}
html.sp #POPUP_RANKING .viewRanking .digiculColumn .category {
  background-image: url(../img/ranking_categoryLabel_sp02.png);
  background-size: 80px 14px;
}
html.sp #POPUP_RANKING .viewRanking .kddiNow .category {
  background-image: url(../img/ranking_categoryLabel_sp03.png);
  background-size: 48px 14px;
}
html.sp #POPUP_RANKING .viewRanking .ictKeywords .category {
  background-image: url(../img/ranking_categoryLabel_sp04.png);
  background-size: 56px 14px;
}
html.sp #POPUP_RANKING .viewRanking .bonus .category {
  background-image: url(../img/ranking_categoryLabel_sp05.png);
  background-size: 42px 14px;
}
html.sp #POPUP_MENU_SWITCH,
html.sp #POPUP_RANKING_SWITCH,
html.sp #POPUP_MYPAGE_SWITCH {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: auto;
  -webkit-user-select: auto;
}
html.sp #POPUP_OVERLAY {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: auto;
  -webkit-user-select: auto;
}
html.sp #POPUP_MENU_SWITCH,
html.sp #POPUP_RANKING_SWITCH,
html.sp #POPUP_MYPAGE_SWITCH {
  position: absolute;
  top: 0;
  display: block;
  height: 44px;
  width: 44px;
  overflow: hidden;
}
html.sp #POPUP_MENU_SWITCH .close,
html.sp #POPUP_RANKING_SWITCH .close {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 44px;
  width: 44px;
  background-image: url(../img/globalHeader_closeBtn_01.png);
  background-size: 15px 15px;
  background-repeat: no-repeat;
  opacity: 0;
}
html.sp #POPUP_MENU_SWITCH {
  right: 48px;
}
html.sp #POPUP_MYPAGE_SWITCH {
  right: 0px;
}
/*html.sp #POPUP_MENU_SWITCH .top,
html.sp #POPUP_MENU_SWITCH .middle,
html.sp #POPUP_MENU_SWITCH .bottom {
  display: block;
  position: absolute;
  left: 12px;
  width: 18px;
  height: 1px;
  background: #000;
}
html.sp #POPUP_MENU_SWITCH .top {
  top: 11px;
}
html.sp #POPUP_MENU_SWITCH .middle {
  top: 17px;
}
html.sp #POPUP_MENU_SWITCH .bottom {
  top: 23px;
}
*/
html.sp #POPUP_MENU_SWITCH .loupe {
	height: 0;
	color: transparent;
	line-height: 2em;
	padding-top: 26px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	width: 30px;
	background-image: url(../img/search_icon_sp01.png);
	background-size: 26px 26px;
	position: absolute;
	top: 5px;
	left: 50%;
	margin-left: -14px;
}
html.sp #POPUP_MENU_SWITCH .text {
	height: 0;
	color: transparent;
	line-height: 2em;
	padding-top: 6px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	width: 28px;
	background-image: url(../img/globalHeader_searchBtn_01.png);
	background-size: 28px 6px;
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: -14px;
}
html.sp #POPUP_MENU_SWITCH .close {
	background-position: center center;
}
html.sp #POPUP_MYPAGE_SWITCH .mypage {
	height: 0;
	color: transparent;
	line-height: 2em;
	padding-top: 26px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	width: 30px;
	background-image: url(../img/search_icon_sp01.png);
	background-size: 26px 26px;
	position: absolute;
	top: 5px;
	left: 50%;
	margin-left: -14px;
}
html.sp #POPUP_MYPAGE_SWITCH .text {
	height: 0;
	color: transparent;
	line-height: 2em;
	padding-top: 6px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	width: 28px;
	background-image: url(../img/globalHeader_searchBtn_01.png);
	background-size: 28px 6px;
	position: absolute;
	top: 29px;
	left: 50%;
	margin-left: -14px;
}
html.sp #POPUP_MYPAGE_SWITCH .close {
	background-position: center center;
}
html.sp #POPUP_RANKING_SWITCH {
	right: 4px;
}
html.sp #POPUP_RANKING_SWITCH .crown,
html.sp #POPUP_RANKING_SWITCH .text {
  position: absolute;
}
html.sp #POPUP_RANKING_SWITCH .crown {
  height: 0;
  color: transparent;
  line-height: 2em;
  padding-top: 11px;
  overflow: hidden;
  display: block;
  background-repeat: no-repeat;
  width: 17px;
  background-image: url(../img/globalHeader_rankingBtn_01.png);
  background-size: 17px 11px;
  top: 13px;
  left: 50%;
  margin-left: -8px;
}
html.sp #POPUP_RANKING_SWITCH .text {
  height: 0;
  color: transparent;
  line-height: 2em;
  padding-top: 6px;
  overflow: hidden;
  display: block;
  background-repeat: no-repeat;
  width: 28px;
  background-image: url(../img/globalHeader_rankingBtn_02.png);
  background-size: 28px 6px;
  top: 29px;
  left: 50%;
  margin-left: -14px;
}
html.sp #POPUP_RANKING_SWITCH .close {
  background-position: center center;
}
html.sp #POPUP_OVERLAY {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: -100px;
  background: #000;
  z-index: 500;
  opacity: 0.0;
  display: none;
}
html.sp .sns {
  width: 100% !important;
  margin-top: 18px;
  margin-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
}
html.sp .sns .fb-like {
  margin-bottom: -1px;
  width: 120px;
}
html.sp .sns .twitter-share-button {
  width: 100px !important;
}
html.sp .contentsWrapper,
html.sp .detailContents {
  float: none !important;
}
html.sp .headerWrapper {
  margin: 0 0 0 0 !important;
}
html.sp .globalHeader .headerBanner {
	position: fixed;
	top: auto;
	bottom:0;
	left:0;
	right: 0;
	width: 100%;
	max-width:100%;
	height: auto;
	display:block;
	z-index:100;
}
html.sp .globalHeader .headerBanner a {
	display:block;
}
html.sp .globalHeader .headerBanner img {
	max-width: 100%;
	max-height: inherit;
	height: auto;
	width: auto\9;
	vertical-align: bottom;
}
html.sp .globalHeader .headerBanner .close {
	display: block;
	position:absolute;
	left:0;
	top:0;
	width:24px;
	height:24px;
	background:#ccc url(../img/globalHeader_closeBtn_01.png) no-repeat 50% 50%;
	background-size:10px 10px;
}

/*--------------------------
CATEGORY MENU
--------------------------*/
html.sp .categoryMenu {
 margin: 0;
 padding:0;
}
html.sp .categoryMenu .categoryMenuWrapper {
 margin: 0;
 padding:0;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
html.sp .categoryMenu .categoryMenuWrapper::-webkit-scrollbar,
html.sp .categoryMenu .menuList::-webkit-scrollbar {
 display: none;
}
html.sp .categoryMenu .menuList {
	zoom: 1;
	margin-left: 0;
	width:560px;
	display: table;
}
html.sp .categoryMenu .menuList:after {
	content: "";
	display: block;
	clear: both;
}
html.sp .categoryMenu .menuList li {
	float: left;
	width: 70px;
	height:40px;
	border: none;
	margin: 0;
	padding:5px 0 0;
	text-align: center;
	display: table-cell;
}
html.sp .categoryMenu .menuList li a {
 height: inherit;
 padding: 0px;
 line-height: 1.2;
 display: table-cell;
	width: 140px;
	height: 35px;
	color: #fff;
	font-size:10px;
	text-align: center;
	vertical-align: middle;
	background: #000;
	background-image:none;
}
html.sp .categoryMenu .menuList li.new a {
 background: #f45ea5;
}
html.sp .categoryMenu .menuList li.feature a {
 background: #01be9c;
}
html.sp .categoryMenu .menuList li.digiculColumn a {
 background: #fa8d39;
}
html.sp .categoryMenu .menuList li.kddiNow a {
 background: #0d056c;
}
html.sp .categoryMenu .menuList li.ictKeywords a {
 background: #2ea3f4;
}
html.sp .categoryMenu .menuList li.bonus a {
 background: #fb4d46;
}
html.sp .categoryMenu .menuList li.present a {
 background: #7fc623;
}
html.sp .categoryMenu .menuList li.community a {
 background: #3a70eb;
}
html.sp .categoryMenu .menuList li.current,
html.sp .categoryMenu .menuList li.current a {
 padding: 0;
	height: 40px;
}
html.sp .categoryMenu .menuList li .hoverTopLine,
html.sp .categoryMenu .menuList li .hoverRightLine,
html.sp .categoryMenu .menuList li .hoverBottomLine,
html.sp .categoryMenu .menuList li .hoverLeftLine {
	position: static;
	display:none;
}
html.sp .categoryMenu .balloonsWrapper {
	height: auto;
	overflow: inherit;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	height: auto !important;
	margin:0;
}
html.sp .categoryMenu .balloonsWrapper .balloon {
	background: none !important;
	position: relative;
	top: 0;
	padding: 15px;
}
html.sp .categoryMenu .balloonsWrapper .balloon:before {
	content: "";
	display: none;
	width: 0;
	position: absolute;
	left: 0px;
	margin: auto;
	border: 8px solid transparent;
	border-top-width: 0;
	border-bottom-color: #999;
	top: -8px;
}

html.sp .categoryMenu .balloon .title,
html.sp .categoryMenu .balloon .lead {
  float: none !important;
}
html.sp .categoryMenu .balloon .title {
	display:none;
	/*font-size: 20px !important;
	font-weight: bold;
	margin-bottom: 10px !important;
	border: none;
	letter-spacing: 0em;*/
}
html.sp .categoryMenu .balloon .lead {
	font-size: 15px;
	font-weight:bold;
	line-height:1.4;
	padding: 0 !important;
}
html.sp .categoryMenu #BALLOON_NEW {
	border-top:3px solid #f45ea5;
 color: #f45ea5;
}
html.sp .categoryMenu #BALLOON_PRESENT {
	border-top:3px solid #7fc623;
 color: #7fc623;
}
html.sp .categoryMenu #BALLOON_FEATURE {
	border-top:3px solid #01be9c;
 color: #01be9c;
}
html.sp .categoryMenu #BALLOON_DIGICUL {
	border-top:3px solid #fa8d39;
 color: #fa8d39;
}
html.sp .categoryMenu #BALLOON_NOW {
	border-top:3px solid #0d056c;
 color: #0d056c;
}
html.sp .categoryMenu #BALLOON_ICT {
	border-top:3px solid #2ea3f4;
 color: #2ea3f4;
}
html.sp .categoryMenu #BALLOON_BONUS {
	border-top:3px solid #fb4d46;
 color: #fb4d46;
}
html.sp .categoryMenu #BALLOON_COMMUNITY {
	border-top:3px solid #3a70eb;
 color: #3a70eb;
}
html.sp #SIDE_BAR {
 float: none;
}
html.sp #SIDE_BAR .recommend {
  margin: 50px 15px 0 !important;
  width: auto !important;
}
html.sp #SIDE_BAR .fbLikeBox,
html.sp #SIDE_BAR .twTimeline {
  display: none;
}
html.sp .pageNavi {
 margin: 20px 0 30px 0 !important;
}
html.sp .pageNavi .pageNaviList {
  width: 100%;
  height: 44px;
}
html.sp .pageNavi .pageNaviList li {
  position: absolute;
}
html.sp .pageNavi .pageNaviList li a {
  margin: 0 0 0 0 !important;
}
html.sp .pageNavi .pageNaviList li .lastPageNum {
  display: inline !important;
  margin: 0 0 0 0 !important;
  color: #000 !important;
}
html.sp .pageNavi .pageNaviList li .link_before,
html.sp .pageNavi .pageNaviList li .link_next {
  width: 44px !important;
  background-size: 44px 44px;
}
html.sp .pageNavi .pageNaviList li .link_before {
  background-image: url(../img/pageNav_back_sp01.png);
  left: 15px;
}
html.sp .pageNavi .pageNaviList li .link_next {
  background-image: url(../img/pageNav_next_sp01.png);
  right: 15px;
}
html.sp .pageNavi .pageNaviList li .abbreviation {
  display: none !important;
}
html.sp .pageNavi .current_page {
  width: 100px !important;
  text-align: center;
  color: #000 !important;
  font-size: 22px !important;
  margin: 0 0 0 0 !important;
  border-bottom: none !important;
  line-height: 44px !important;
}
html.sp .pageNavi .link_page {
  display: none;
}
/* search */
html.sp .pageNavi .pageNaviList li .before,
html.sp .pageNavi .pageNaviList li .next {
  width: 44px !important;
  background-size: 44px 44px;
}
html.sp .pageNavi .pageNaviList li .before {
	background-image: url(../img/pageNav_back_sp01.png);
	left: 15px;
}
html.sp .pageNavi .pageNaviList li .next {
 background-image: url(../img/pageNav_next_sp01.png);
 right: 15px;
}
html.sp .contentsWrapper .pageNavi ul.pageNaviList li a,
html.tb .contentsWrapper .pageNavi ul.pageNaviList li a {
	-webkit-transition: opacity 200ms ease-out;
	-moz-transition: opacity 200ms ease-out;
	-ms-transition: opacity 200ms ease-out;
	-o-transition: opacity 200ms ease-out;
	transition: opacity 200ms ease-out;
}
html.sp .pageNavi .pageNaviList li .abbreviation {
  display: none !important;
}
html.sp .pageNavi .current {
		width: 100px !important;
		text-align: center;
		color: #000 !important;
		font-size: 22px !important;
		margin: 0 0 0 0 !important;
		border-bottom: none !important;
		line-height: 44px !important;
}
html.sp .pageNavi .page {
  display: none;
}
html.sp .globalFooter {
  min-width: 0;
}
html.sp .globalFooter .pageTopLinkWrapper {
  height: 0;
  margin-bottom: 0px;
}
html.sp .globalFooter .pageTopLinkWrapper .pageTopLink {
  background: #FFF url(../img/ico/ico_arrow_top.svg) no-repeat 50% 50%;
		background-size: 18px 18px;
  position: fixed;
		bottom:20px;
		right:8px;
  margin: 0;
  width: 44px;
  height: 44px;
		border:2px solid #000;
		z-index:100;
}
html.sp .globalFooter .corporateMenuWrapper {
  height: auto !important;
}
html.sp .globalFooter .corporateMenuWrapper .kddiLogo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 65px;
  position: relative;
  top: auto;
  margin-top: 20px;
  margin-bottom: 10px;
}
html.sp .globalFooter .corporateMenuWrapper .kddiLogo a {
  width: 65px !important;
  background-image: url(../img/globalFooter_kddiLogo_sp01.png);
  background-size: 66px 30px;
  background-position: center left;
}
html.sp .globalFooter .corporateMenuWrapper .corporateLinkList {
  margin: 0 0 0 0 !important;
		padding:0;
  height: auto !important;
  padding-bottom: 20px;
}
html.sp .globalFooter .corporateMenuWrapper .corporateLinkList ul {
	padding:0;
}
html.sp .globalFooter .corporateMenuWrapper .corporateLinkList ul.over {
	padding: 0 0 10px;
}
html.sp .globalFooter .corporateMenuWrapper .corporateLinkList ul.under {
	padding: 10px 0 0;
}
html.sp .globalFooter .corporateMenuWrapper .corporateLinkList li {
  float: left !important;
  width: 50% !important;
  margin: 0 0 0 0 !important;
  line-height: 33px !important;
  background-position: 10px 14px !important;
  padding-left: 10px !important;
}
html.sp .globalFooter .corporateMenuWrapper .corporateLinkList li a {
  width: 100% !important;
  margin: 0 0 0 0 !important;
  padding-left: 15px !important;
  color: #666666 !important;
}
html.sp .globalFooter .copyRightWrapper {
  height: auto !important;
}
html.sp .globalFooter .copyRightWrapper .siteName,
html.sp .globalFooter .copyRightWrapper .catchCopy {
  line-height: 1.5em;
  margin: 0;
  float: none;
  width: 100%;
  text-align: center;
}
html.sp .globalFooter .copyRightWrapper .siteName {
  margin-top: 10px;
}
html.sp .globalFooter .copyRightWrapper .catchCopy {
  background: none !important;
  padding: 0 0 0 0;
}
html.sp .globalFooter .copyRightWrapper .copyRight {
  width: 100%;
  text-align: center;
  font-size: 8px !important;
  color: #999;
}
html.sp body.new .seriesLinks a.current,
html.sp body.new .seriesLinks li.current a {
  background-color: #ffdde5 !important;
}
html.sp body.feature .seriesLinks a.current,
html.sp body.feature .seriesLinks li.current a {
  background-color: #ccf2eb !important;
}
html.sp body.digiculColumn .seriesLinks a.current,
html.sp body.digiculColumn .seriesLinks li.current a {
  background-color: #fee8d7 !important;
}
html.sp body.kddiNow .seriesLinks a.current,
html.sp body.kddiNow .seriesLinks li.current a {
  background-color: #dbdae9 !important;
}
html.sp body.ictKeywords .seriesLinks a.current,
html.sp body.ictKeywords .seriesLinks li.current a {
  background-color: #d4f1ff !important;
}
html.sp body.bonus .seriesLinks a.current,
html.sp body.bonus .seriesLinks li.current a {
  background-color: #fedbda !important;
}
html.sp body.about .seriesLinks a.current,
html.sp body.about .seriesLinks li.current a {
  background-color: #ebebeb !important;
}
html.sp body.new .seriesLinks,
html.sp body.feature .seriesLinks,
html.sp body.digiculColumn .seriesLinks,
html.sp body.kddiNow .seriesLinks,
html.sp body.ictKeywords .seriesLinks,
html.sp body.bonus .seriesLinks {
  -webkit-box-shadow: 0.5px 1px 5px 0 rgba(4, 0, 0, 0);
  box-shadow: 0.5px 1px 5px 0 rgba(4, 0, 0, 0);
  margin-left: 0px;
  margin-right: 0px;
  background: none;
  overflow: hidden;
  padding-top: 0;
  margin-bottom: 5px;
}
html.sp body.new .seriesLinks .seriesList,
html.sp body.feature .seriesLinks .seriesList,
html.sp body.digiculColumn .seriesLinks .seriesList,
html.sp body.kddiNow .seriesLinks .seriesList,
html.sp body.ictKeywords .seriesLinks .seriesList,
html.sp body.bonus .seriesLinks .seriesList {
  padding-left: 15px;
  padding-right: 15px;
  margin-right: -15px;
}
html.sp body.new .seriesLinks .seriesList li,
html.sp body.feature .seriesLinks .seriesList li,
html.sp body.digiculColumn .seriesLinks .seriesList li,
html.sp body.kddiNow .seriesLinks .seriesList li,
html.sp body.ictKeywords .seriesLinks .seriesList li,
html.sp body.bonus .seriesLinks .seriesList li {
  width: 50%;
  padding-left: 0;
}
html.sp body.new .seriesLinks .seriesList li.current a,
html.sp body.feature .seriesLinks .seriesList li.current a,
html.sp body.digiculColumn .seriesLinks .seriesList li.current a,
html.sp body.kddiNow .seriesLinks .seriesList li.current a,
html.sp body.ictKeywords .seriesLinks .seriesList li.current a,
html.sp body.bonus .seriesLinks .seriesList li.current a {
  text-decoration: none;
}
html.sp body.new .seriesLinks .seriesList li a,
html.sp body.feature .seriesLinks .seriesList li a,
html.sp body.digiculColumn .seriesLinks .seriesList li a,
html.sp body.kddiNow .seriesLinks .seriesList li a,
html.sp body.ictKeywords .seriesLinks .seriesList li a,
html.sp body.bonus .seriesLinks .seriesList li a {
  -webkit-box-shadow: 0.5px 1px 5px 0 rgba(4, 0, 0, 0.1);
  box-shadow: 0.5px 1px 5px 0 rgba(4, 0, 0, 0.1);
  background-color: #fff;
  background-size: 10px 12px;
  background-position: 7px 8px;
  font-size: 11px;
  line-height: 15px;
  margin: 0px 15px 0px 0px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 3px;
}
html.sp body.new .seriesLinks .seriesList li a:hover,
html.sp body.feature .seriesLinks .seriesList li a:hover,
html.sp body.digiculColumn .seriesLinks .seriesList li a:hover,
html.sp body.kddiNow .seriesLinks .seriesList li a:hover,
html.sp body.ictKeywords .seriesLinks .seriesList li a:hover,
html.sp body.bonus .seriesLinks .seriesList li a:hover {
  text-decoration: none !important;
}
html.sp body.new .posts,
html.sp body.feature .posts,
html.sp body.digiculColumn .posts,
html.sp body.kddiNow .posts,
html.sp body.ictKeywords .posts,
html.sp body.bonus .posts {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0px;
}
html.sp body.new .posts .post,
html.sp body.feature .posts .post,
html.sp body.digiculColumn .posts .post,
html.sp body.kddiNow .posts .post,
html.sp body.ictKeywords .posts .post,
html.sp body.bonus .posts .post {
  width: 100% !important;
  margin-right: 0;
  height: auto;
  margin-bottom: 20px;
}
html.sp body.new .posts .post:after,
html.sp body.feature .posts .post:after,
html.sp body.digiculColumn .posts .post:after,
html.sp body.kddiNow .posts .post:after,
html.sp body.ictKeywords .posts .post:after,
html.sp body.bonus .posts .post:after {
  display: none;
}
html.sp body.new .posts .post.feature .image img,
html.sp body.feature .posts .post.feature .image img,
html.sp body.digiculColumn .posts .post.feature .image img,
html.sp body.kddiNow .posts .post.feature .image img,
html.sp body.ictKeywords .posts .post.feature .image img,
html.sp body.bonus .posts .post.feature .image img {
  width: 100%;
}
html.sp body.new .posts .post.feature .text,
html.sp body.feature .posts .post.feature .text,
html.sp body.digiculColumn .posts .post.feature .text,
html.sp body.kddiNow .posts .post.feature .text,
html.sp body.ictKeywords .posts .post.feature .text,
html.sp body.bonus .posts .post.feature .text {
  position: relative;
  background-color: #fff;
}
html.sp .contentsWrapper .mainContents .posts .big .text {
  position: relative;
  background-color: #fff;
}
html.sp body.new .posts .post.feature .text .category,
html.sp body.feature .posts .post.feature .text .category,
html.sp body.digiculColumn .posts .post.feature .text .category,
html.sp body.kddiNow .posts .post.feature .text .category,
html.sp body.ictKeywords .posts .post.feature .text .category,
html.sp body.bonus .posts .post.feature .text .category {
  background-color: #01be9c;
}
html.sp body.new .posts .post.feature .text .title,
html.sp body.feature .posts .post.feature .text .title,
html.sp body.digiculColumn .posts .post.feature .text .title,
html.sp body.kddiNow .posts .post.feature .text .title,
html.sp body.ictKeywords .posts .post.feature .text .title,
html.sp body.bonus .posts .post.feature .text .title {
  height: auto;
}
html.sp body.new .posts .post .image img,
html.sp body.feature .posts .post .image img,
html.sp body.digiculColumn .posts .post .image img,
html.sp body.kddiNow .posts .post .image img,
html.sp body.ictKeywords .posts .post .image img,
html.sp body.bonus .posts .post .image img {
  display: block;
  width: 100%;
  height: auto;
  z-index: 1;
}
html.sp body.new .posts .post .text,
html.sp body.feature .posts .post .text,
html.sp body.digiculColumn .posts .post .text,
html.sp body.kddiNow .posts .post .text,
html.sp body.ictKeywords .posts .post .text,
html.sp body.bonus .posts .post .text {
  margin-top: 0px;
  z-index: 2;
}
html.sp body.new .posts .post .text .category,
html.sp body.feature .posts .post .text .category,
html.sp body.digiculColumn .posts .post .text .category,
html.sp body.kddiNow .posts .post .text .category,
html.sp body.ictKeywords .posts .post .text .category,
html.sp body.bonus .posts .post .text .category {
  margin-bottom: 2px !important;
  height: auto;
  padding-top: 0;
  color: #fff;
  font-size: 10px;
  padding-left: 10px;
  background-image: none;
  height: 20px;
  overflow: hidden;
  line-height: 22px;
}
html.sp body.new .posts .post .text .category:after,
html.sp body.feature .posts .post .text .category:after,
html.sp body.digiculColumn .posts .post .text .category:after,
html.sp body.kddiNow .posts .post .text .category:after,
html.sp body.ictKeywords .posts .post .text .category:after,
html.sp body.bonus .posts .post .text .category:after {
  display: none;
}
html.sp body.new .posts .post .text .date,
html.sp body.new .posts .post .text .series,
html.sp body.feature .posts .post .text .date,
html.sp body.feature .posts .post .text .series,
html.sp body.digiculColumn .posts .post .text .date,
html.sp body.digiculColumn .posts .post .text .series,
html.sp body.kddiNow .posts .post .text .date,
html.sp body.kddiNow .posts .post .text .series,
html.sp body.ictKeywords .posts .post .text .date,
html.sp body.ictKeywords .posts .post .text .series,
html.sp body.bonus .posts .post .text .date,
html.sp body.bonus .posts .post .text .series {
  float: left !important;
  margin-bottom: 0 !important;
}
html.sp body.new .posts .post .text .date,
html.sp body.feature .posts .post .text .date,
html.sp body.digiculColumn .posts .post .text .date,
html.sp body.kddiNow .posts .post .text .date,
html.sp body.ictKeywords .posts .post .text .date,
html.sp body.bonus .posts .post .text .date {
 font-size: 12.5px;
	padding: 5px 10px 0px !important;
}
html.sp body.new .posts .post .text .series,
html.sp body.feature .posts .post .text .series,
html.sp body.digiculColumn .posts .post .text .series,
html.sp body.kddiNow .posts .post .text .series,
html.sp body.ictKeywords .posts .post .text .series,
html.sp body.bonus .posts .post .text .series {
 font-size: 12.5px;
	padding: 5px 0 0 0 !important;
}
html.sp body.new .posts .post .text .title,
html.sp body.feature .posts .post .text .title,
html.sp body.digiculColumn .posts .post .text .title,
html.sp body.kddiNow .posts .post .text .title,
html.sp body.ictKeywords .posts .post .text .title,
html.sp body.bonus .posts .post .text .title {
  padding-top: 5px !important;
  padding-right: 10px;
  font-size: 15px;
  line-height: 1.25em;
  padding: 2px 10px 10px;
  clear: both;
}
html.sp .contentsWrapper .mainContents .posts .present {
	width: 100%;
	padding: 2px 2px 42px;
}
html.sp .contentsWrapper .mainContents .posts .present .category {
	font-size:15px;
	padding: 2px 5px 4px;
}
html.sp .contentsWrapper .mainContents .posts .present .text {
	position:relative;
	padding: 0px 10px 15px;
}
html.sp .contentsWrapper .mainContents .posts .present .text .title {
	font-size:15px;
	padding: 0px;
}
html.sp .contentsWrapper .mainContents .posts .present .text .num {
	color:#FFF;
	font-size:12px;
	text-align:right;
	padding: 0;
}
html.sp .contentsWrapper .mainContents .posts .present .text .num em {
	font-size:18px;
	font-weight:bold;
	font-style:normal;
}
html.sp .contentsWrapper .mainContents .posts .present .btn {
	position:absolute;
	bottom:2px;
	left:0px;
	right:0px;
	width: 80%;
	margin: 0 auto 8px;
	padding:12px 5px;
	font-size:16px;
	font-weight:bold;
	background:#333 url(../img/ico/ico_arrow_next.svg) no-repeat 97.5% 50%;
	background-size: 14px 10.8px;
}
html.sp .contentsWrapper .mainContents .posts .present:hover .btn {
	background:#000 url(../img/ico/ico_arrow_next.svg) no-repeat 97.5% 50%;
	background-size: 14px 10.8px;
}



html.sp body.feature .contentsWrapper .detailContents .pageNavi ul.pageNaviList li a.link_before {
  background-image: url(../img/pageNav_back_sp02.png);
  left: 0;
}
html.sp body.feature .contentsWrapper .detailContents .pageNavi ul.pageNaviList li a.link_next {
  background-image: url(../img/pageNav_next_sp02.png);
  right: 0;
}
html.sp body.digiculColumn .contentsWrapper .detailContents .pageNavi ul.pageNaviList li a.link_before {
  background-image: url(../img/pageNav_back_sp03.png);
  left: 0;
}
html.sp body.digiculColumn .contentsWrapper .detailContents .pageNavi ul.pageNaviList li a.link_next {
  background-image: url(../img/pageNav_next_sp03.png);
  right: 0;
}
html.sp body.kddiNow .contentsWrapper .detailContents .pageNavi ul.pageNaviList li a.link_before {
  background-image: url(../img/pageNav_back_sp04.png);
  left: 0;
}
html.sp body.kddiNow .contentsWrapper .detailContents .pageNavi ul.pageNaviList li a.link_next {
  background-image: url(../img/pageNav_next_sp04.png);
  right: 0;
}
html.sp body.ictKeywords .contentsWrapper .detailContents .pageNavi ul.pageNaviList li a.link_before {
  background-image: url(../img/pageNav_back_sp05.png);
  left: 0;
}
html.sp body.ictKeywords .contentsWrapper .detailContents .pageNavi ul.pageNaviList li a.link_next {
  background-image: url(../img/pageNav_next_sp05.png);
  right: 0;
}
html.sp body.bonus .contentsWrapper .detailContents .pageNavi ul.pageNaviList li a.link_before {
  background-image: url(../img/pageNav_back_sp06.png);
  left: 0;
}
html.sp body.bonus .contentsWrapper .detailContents .pageNavi ul.pageNaviList li a.link_next {
  background-image: url(../img/pageNav_next_sp06.png);
  right: 0;
}
html.sp #CONTENTS_WRAP .detailContents .detailContentsInner .spmb0, html.sp #CONTENTS_WRAP .detailContentsOld .detailContentsInner .spmb0 {
  margin-bottom: 0 !important;
}
html.sp #CONTENTS_WRAP .detailContents .detailContentsInner .spmb5, html.sp #CONTENTS_WRAP .detailContentsOld .detailContentsInner .spmb5 {
  margin-bottom: 5px !important;
}
html.sp #CONTENTS_WRAP .detailContents .detailContentsInner .spmb10, html.sp #CONTENTS_WRAP .detailContentsOld .detailContentsInner .spmb10 {
  margin-bottom: 10px !important;
}
html.sp #CONTENTS_WRAP .detailContents .detailContentsInner .spmb20, html.sp #CONTENTS_WRAP .detailContentsOld .detailContentsInner .spmb20 {
  margin-bottom: 20px !important;
}
html.sp #CONTENTS_WRAP .detailContents .detailContentsInner .spmb30, html.sp #CONTENTS_WRAP .detailContentsOld .detailContentsInner .spmb30 {
  margin-bottom: 30px !important;
}
html.sp #CONTENTS_WRAP .detailContents .detailContentsInner .spmb40, html.sp #CONTENTS_WRAP .detailContentsOld .detailContentsInner .spmb40 {
  margin-bottom: 40px !important;
}
html.sp #CONTENTS_WRAP .detailContents .detailContentsInner .spmt0, html.sp #CONTENTS_WRAP .detailContentsOld .detailContentsInner .spmt0 {
  margin-top: 0 !important;
}
html.sp #CONTENTS_WRAP .detailContents .detailContentsInner .spmt5, html.sp #CONTENTS_WRAP .detailContentsOld .detailContentsInner .spmt5 {
  margin-top: 5px !important;
}
html.sp #CONTENTS_WRAP .detailContents .detailContentsInner .spmt10, html.sp #CONTENTS_WRAP .detailContentsOld .detailContentsInner .spmt10 {
  margin-top: 10px !important;
}
html.sp #CONTENTS_WRAP .detailContents .detailContentsInner .spmt20, html.sp #CONTENTS_WRAP .detailContentsOld .detailContentsInner .spmt20 {
  margin-top: 20px !important;
}
html.sp #CONTENTS_WRAP .detailContents .detailContentsInner .spmt30, html.sp #CONTENTS_WRAP .detailContentsOld .detailContentsInner .spmt30 {
  margin-top: 30px !important;
}
html.sp #CONTENTS_WRAP .detailContents .detailContentsInner .spmt40, html.sp #CONTENTS_WRAP .detailContentsOld .detailContentsInner .spmt40 {
  margin-top: 40px !important;
}
html.sp #CONTENTS_WRAP .detailContents .detailContentsInner .senryu, html.sp #CONTENTS_WRAP .detailContentsOld .detailContentsInner .senryu {
  font-size: 20px;
}
html.sp #CONTENTS_WRAP .detailContents .detailContentsInner .spnobr br, html.sp #CONTENTS_WRAP .detailContentsOld .detailContentsInner .spnobr br {
  display: none;
}
html.sp .detailContents {
  padding-top: 30px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  border-top: none !important;
		margin-bottom:20px !important;
}
html.sp .detailContents .detailContentsInner section {
  width: 100% !important;
}
html.sp .detailContents .detailContentsInner section ul li {
  margin-top: 5px;
}
html.sp .detailContents iframe.youtube {
  height: 320px !important;
}
html.sp .detailContents .detailMainSns {
  float: none !important;
}
html.sp .detailContents .detailMainSns li {
  height: 35px;
  overflow: hidden;
  padding: 0;
}
html.sp .detailContents .detailMainSns .fb {
  width: auto;
}
html.sp .detailContents .detailMainSns .pocket {
 	margin: 0px 0px 0px 20px;
}
html.sp .detailContents .cornerTitle {
  margin-bottom: 15px !important;
}
html.sp .detailContents .detailMainTxt {
  margin-top: 15px !important;
}
html.sp .detailContents .detailMainTxt h2 {
  font-size: 20px !important;
}
html.sp .detailContents .detailContentsInner h3 {
  margin-top: 10px !important;
}
html.sp .detailContents .imageLeftBlock .imageArea,
html.sp .detailContents .imageRightBlock .imageArea {
  float: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
html.sp .detailContents .imageLeftBlock .imageArea img,
html.sp .detailContents .imageRightBlock .imageArea img {
  width: 100%;
}
html.sp .detailContents .ftLeft,
html.sp .detailContents .ftRight {
  width: 100% !important;
  margin-bottom: 20px !important;
}
html.sp .detailContents .mgLeft,
html.sp .detailContents .mgRight,
html.sp .detailContents .left,
html.sp .detailContents .right {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
html.sp .detailContents .right,
html.sp .detailContents .left {
  float: none;
}
html.sp .detailContents .right table,
html.sp .detailContents .left table {
  width: 100% !important;
}
html.sp .detailContents .largeImage,
html.sp .detailContents .img520,
html.sp .detailContents .img480,
html.sp .detailContents .img335,
html.sp .detailContents .img320,
html.sp .detailContents .img260,
html.sp .detailContents .img228,
html.sp .detailContents .img200 {
  width: 100% !important;
}
html.sp .detailContents .largeImage img,
html.sp .detailContents .img520 img,
html.sp .detailContents .img480 img,
html.sp .detailContents .img335 img,
html.sp .detailContents .img320 img,
html.sp .detailContents .img260 img,
html.sp .detailContents .img228 img,
html.sp .detailContents .img200 img {
  width: 100%;
}
html.sp .detailContents img.left, html.sp .detailContents img.right {
  width: 100%;
  height: auto;
}
html.sp .detailContents .twoColumn .imgeArea {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
html.sp .detailContents .twoColumn .imgeArea .ftLeft,
html.sp .detailContents .twoColumn .imgeArea .ftRight {
  margin-bottom: 0 !important;
}
html.sp .detailContents .twoColumn2 .imgeArea {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
html.sp .detailContents .twoColumn2 .imgeArea .ftLeft,
html.sp .detailContents .twoColumn2 .imgeArea .ftRight {
  margin-bottom: 5px !important;
}
html.sp .detailContents .threeColumn2 .cap {
  clear: both;
  margin-right: 0 !important;
}
html.sp .detailContents .detailLink {
  margin-left: -15px !important;
  margin-right: -15px !important;
  padding: 0 15px 0 !important;
}
html.sp .detailContents .detailLink li {
  border-bottom: none !important;
  line-height: 1.35em !important;
  margin-top: 10px !important;
}
html.sp .detailContents .detailLink .keywordList dd {
  width: 100% !important;
}
html.sp .detailContents .detailLink .keywordList {
  margin: 30px 0 !important;
}
html.sp .detailContents .detailProfile {
  padding: 10px 0 15px 0 !important;
}
html.sp .detailContents .detailProfile .proItext {
  width: 100% !important;
}
html.sp .detailContents .detailProfile .proItext .name {
  padding-top: 0 !important;
  margin-bottom: 0 !important;
}
html.sp .detailContents .detailProfile .proItext p {
  padding-top: 0 !important;
}
html.sp .detailContents .mark {
  margin: 0 0 0 0;
}
html.sp #CONTENTS_WRAP .detailContents .articleFixedSns {
	width: 100%;
	left: 0;
	text-align: left;
}
html.sp #CONTENTS_WRAP .detailContents .articleFixedSns .wrapper {
	display: inline-block;
}
html.sp #CONTENTS_WRAP .detailContents .articleFixedSns .wrapper .sns-buttons {
	margin: 0 0 0 0;
}
html.sp #CONTENTS_WRAP .detailContents .articleFixedSns .wrapper .sns-buttons .line {
	display: block;
}
html.sp .detailContents .related-link .headline,
html.sp .detailContents .related-link-kddi .headline {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
html.sp .detailContents .related-link .link a,
html.sp .detailContents .related-link-kddi .link a {
  padding-left: 8px !important;
}
html.sp .detailContents .detailRelatedLinks {
  margin-left: -15px !important;
  margin-right: -15px !important;
  padding: 0 15px 0 !important;
}
html.sp .detailContents .detailRelatedLinks h3 {
  width: 100%;
  background-image: url(../img/relatedLinks_headline_sp01.png) !important;
  background-size: 210px 25px;
}
html.sp .detailContents .detailRelatedLinks .link {
  width: 100% !important;
  margin-right: 0 !important;
}
html.sp .detailContents .detailRelatedLinks .link .text {
  width: 100% !important;
  margin-left: -80px !important;
  padding-left: 90px !important;
}
html.sp body.search {
  padding-bottom: 360px !important;
}
html.sp body.search .contentsWrapper {
  margin-top: 0px;
}
html.sp body.search .mainContents {
  border-top: none !important;
}
html.sp body.search .mainContents .posts {
  padding-bottom: 0;
  margin-bottom: 40px;
}
html.sp body.search .mainContents .posts .searchResult {
  padding-left: 15px;
  padding-right: 15px;
}
html.sp body.search .mainContents .posts .searchResult .headline {
  font-size: 14px;
}
html.sp body.search .mainContents .posts .post {
  padding: 15px 15px;
  min-height: 0 !important;
}
html.sp body.search .mainContents .posts .post:after {
  display: none;
}
html.sp body.search .mainContents .posts .post .image {
  top: 15px;
  left: 15px;
  width: 70px;
  height: auto;
}
html.sp body.search .mainContents .posts .post .text {
  padding: 0 0 0 85px;
}
html.sp body.search .mainContents .posts .post .text .title {
  margin-bottom: 0;
  padding-right: 0;
}
html.sp body.search .mainContents .posts .post .text .title .postTitle {
  margin-bottom: 10px;
  font-size: 15px !important;
}
html.sp body.search .mainContents .posts .post .text .url {
  display: none;
}
html.sp body.keyword .contentsWrapper {
  margin-top: 0px;
}
html.sp body.keyword .mainContents {
  border-top: none !important;
}
html.sp body.keyword .mainContents .posts {
  padding-bottom: 0;
  margin-bottom: 60px;
}
html.sp body.keyword .mainContents .posts .keywordResult {
  padding-left: 15px;
  padding-right: 15px;
}
html.sp body.keyword .mainContents .posts .keywordResult .headline {
  font-size: 14px;
}
html.sp body.keyword .mainContents .posts .keywordResult .headline strong {
  font-size: 16px;
}
html.sp body.keyword .mainContents .posts .post {
  border-top: 1px dotted #333;
  background: none;
  padding: 15px 15px;
  min-height: 110px !important;
}
html.sp body.keyword .mainContents .posts .post:after {
  display: none;
}
html.sp body.keyword .mainContents .posts .post .image {
  width: 80px;
  height: 80px;
  top: 15px;
  left: 15px;
}
html.sp body.keyword .mainContents .posts .post .text {
  padding: 0 0 0 90px;
}
html.sp body.keyword .mainContents .posts .post .text .category {
  padding-top: 14px;
  margin-bottom: 0;
}
html.sp body.keyword .mainContents .posts .post .text .title {
  margin-bottom: 0;
  font-size: 14px;
}
html.sp body.keyword .mainContents .posts .feature .text .category {
  background-image: url(../img/ranking_categoryLabel_sp01.png);
  background-size: 24px 14px;
}
html.sp body.keyword .mainContents .posts .digiculColumn .text .category {
  background-image: url(../img/ranking_categoryLabel_sp02.png);
  background-size: 41px 14px;
}
html.sp body.keyword .mainContents .posts .kddiNow .text .category {
  background-image: url(../img/ranking_categoryLabel_sp03.png);
  background-size: 48px 14px;
}
html.sp body.keyword .mainContents .posts .ictKeywords .text .category {
  background-image: url(../img/ranking_categoryLabel_sp04.png);
  background-size: 49px 14px;
}
html.sp body.keyword .mainContents .posts .bonus .text .category {
  background-image: url(../img/ranking_categoryLabel_sp05.png);
  background-size: 42px 14px;
}
html.sp body.about .contentsWrapper .mainContents {
  text-align: left;
  padding-top: 30px;
  padding-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
  border-top: none;
  margin-top: -10px;
  background-color: #fff;
}
html.sp body.about .contentsWrapper .mainContents .headline {
  font-size: 19px;
  line-height: 1.714285714em;
  margin-bottom: 30px;
  letter-spacing: auto;
}
html.sp body.about .contentsWrapper .mainContents .image {
  text-align: center;
}
html.sp body.about .contentsWrapper .mainContents .image img {
  width: 272px;
  height: 188px;
}
html.sp body.about .contentsWrapper .mainContents .author {
  text-align: center;
}
html.sp body.about .contentsWrapper .mainContents p {
  line-height: 2.14em;
  margin-bottom: 20px;
  letter-spacing: 0.058em;
  font-size: 14px;
}
html.sp body.about .contentsWrapper .mainContents p br {
  display: none;
}
html.sp body.about #SIDE_BAR {
  display: none;
}
html.sp body.error404 .contentsWrapper .logo {
  height: 0;
  color: transparent;
  line-height: 2em;
  padding-top: 70px;
  overflow: hidden;
  display: block;
  background-repeat: no-repeat;
  background-image: url("../img/logo_01.png");
  background-size: 260px 60px;
  width: 260px;
  margin: 100px auto 30px;
}
html.sp body.error404 .contentsWrapper .headline {
  font-weight: normal;
  font-size: 16px;
  margin-bottom: 15px;
}
html.sp body.error404 .contentsWrapper .note {
  font-size: 11px;
}

/*--------------------------------------------------------------------------*/
/* On Touch
/*--------------------------------------------------------------------------*/
html.sp .contentsWrapper .mainContents .posts .post,
html.tb .contentsWrapper .mainContents .posts .post {
  -webkit-transition: background 100ms ease-out;
  -moz-transition: background 100ms ease-out;
  -ms-transition: background 100ms ease-out;
  -o-transition: background 100ms ease-out;
  transition: background 100ms ease-out;
}
html.sp .contentsWrapper .mainContents .posts .post.current .image img,
html.tb .contentsWrapper .mainContents .posts .post.current .image img {
  opacity: 1;
  filter: alpha(opacity=100);
  /* ie lt 8 */
  -ms-filter: "alpha(opacity=100)";
  /* ie 8 */
  zoom: 1;
  /* ie lt 9 */
}
html.sp .contentsWrapper .mainContents .posts .post .image img,
html.tb .contentsWrapper .mainContents .posts .post .image img {
  -webkit-transition: all 100ms ease-out;
  -moz-transition: all 100ms ease-out;
  -ms-transition: all 100ms ease-out;
  -o-transition: all 100ms ease-out;
  transition: all 100ms ease-out;
  padding: 0;
  border: 0px;
  border-radius: 0px;
}
html.sp .contentsWrapper .mainContents .posts .feature.current .text,
html.tb .contentsWrapper .mainContents .posts .feature.current .text {
  background: rgba(204, 242, 235, 0.9);
}
html.sp .contentsWrapper .mainContents .posts .feature .text,
html.tb .contentsWrapper .mainContents .posts .feature .text {
  -webkit-transition: background 100ms ease-out;
  -moz-transition: background 100ms ease-out;
  -ms-transition: background 100ms ease-out;
  -o-transition: background 100ms ease-out;
  transition: background 100ms ease-out;
}
html.sp .contentsWrapper .mainContents .posts .digiculColumn.current,
html.tb .contentsWrapper .mainContents .posts .digiculColumn.current {
  background: #fee8d7;
}
html.sp .contentsWrapper .mainContents .posts .kddiNow.current,
html.tb .contentsWrapper .mainContents .posts .kddiNow.current {
  background: #dbdae9;
}
html.sp .contentsWrapper .mainContents .posts .ictKeywords.current,
html.tb .contentsWrapper .mainContents .posts .ictKeywords.current {
  background: #d4f1ff;
}
html.sp .contentsWrapper .mainContents .posts .bonus.current,
html.tb .contentsWrapper .mainContents .posts .bonus.current {
  background: #fedbda;
}
html.sp .contentsWrapper .mainContents .posts .palace.current,
html.tb .contentsWrapper .mainContents .posts .palace.current {
  background: #fff2d5;
}
html.sp .contentsWrapper .mainContents .posts .searchResult.current .image img,
html.tb .contentsWrapper .mainContents .posts .searchResult.current .image img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  /* ie lt 8 */
  -ms-filter: "alpha(opacity=70)";
  /* ie 8 */
  zoom: 1;
  /* ie lt 9 */
  -webkit-transform: scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(0) translateY(0) skewX(0deg) skewY(0deg);
  -moz-transform: scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(0) translateY(0) skewX(0deg) skewY(0deg);
  -ms-transform: scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(0) translateY(0) skewX(0deg) skewY(0deg);
  transform: scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(0) translateY(0) skewX(0deg) skewY(0deg);
}
html.sp .contentsWrapper .mainContents .posts .searchResult.current .text,
html.tb .contentsWrapper .mainContents .posts .searchResult.current .text {
  opacity: 0.7;
  filter: alpha(opacity=70);
  /* ie lt 8 */
  -ms-filter: "alpha(opacity=70)";
  /* ie 8 */
  zoom: 1;
  /* ie lt 9 */
}
html.sp .contentsWrapper .mainContents .posts .searchResult .image img,
html.sp .contentsWrapper .mainContents .posts .searchResult .text,
html.tb .contentsWrapper .mainContents .posts .searchResult .image img,
html.tb .contentsWrapper .mainContents .posts .searchResult .text {
  -webkit-transition: opacity 100ms ease-out;
  -moz-transition: opacity 100ms ease-out;
  -ms-transition: opacity 100ms ease-out;
  -o-transition: opacity 100ms ease-out;
  transition: opacity 100ms ease-out;
}
html.sp .contentsWrapper .pageNavi ul.pageNaviList li a,
html.tb .contentsWrapper .pageNavi ul.pageNaviList li a {
  -webkit-transition: opacity 200ms ease-out;
  -moz-transition: opacity 200ms ease-out;
  -ms-transition: opacity 200ms ease-out;
  -o-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out;
}
html.sp .contentsWrapper .pageNavi ul.pageNaviList li a.current,
html.tb .contentsWrapper .pageNavi ul.pageNaviList li a.current {
  opacity: 0.7;
  filter: alpha(opacity=70);
  /* ie lt 8 */
  -ms-filter: "alpha(opacity=70)";
  /* ie 8 */
  zoom: 1;
  /* ie lt 9 */
}
html.sp .contentsWrapper #KEYWORD_LINKS a,
html.sp .contentsWrapper #RELATED_LINKS a,
html.tb .contentsWrapper #KEYWORD_LINKS a,
html.tb .contentsWrapper #RELATED_LINKS a {
  -webkit-transition: opacity 200ms ease-out;
  -moz-transition: opacity 200ms ease-out;
  -ms-transition: opacity 200ms ease-out;
  -o-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out;
}
html.sp .contentsWrapper #KEYWORD_LINKS a.current,
html.sp .contentsWrapper #RELATED_LINKS a.current,
html.tb .contentsWrapper #KEYWORD_LINKS a.current,
html.tb .contentsWrapper #RELATED_LINKS a.current {
  opacity: 0.7;
  filter: alpha(opacity=70);
  /* ie lt 8 */
  -ms-filter: "alpha(opacity=70)";
  /* ie 8 */
  zoom: 1;
  /* ie lt 9 */
}
html.sp .contentsWrapper .subContents .viewRanking .post.current .image img,
html.tb .contentsWrapper .subContents .viewRanking .post.current .image img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* ie lt 8 */
  -ms-filter: "alpha(opacity=80)";
  /* ie 8 */
  zoom: 1;
  /* ie lt 9 */
}
html.sp .contentsWrapper .subContents .viewRanking .post .image img,
html.tb .contentsWrapper .subContents .viewRanking .post .image img {
  -webkit-transition: opacity 100ms ease-out;
  -moz-transition: opacity 100ms ease-out;
  -ms-transition: opacity 100ms ease-out;
  -o-transition: opacity 100ms ease-out;
  transition: opacity 100ms ease-out;
}
html.sp .contentsWrapper .subContents .viewRanking .post .text .title,
html.tb .contentsWrapper .subContents .viewRanking .post .text .title {
  -webkit-transition: color 100ms ease-out;
  -moz-transition: color 100ms ease-out;
  -ms-transition: color 100ms ease-out;
  -o-transition: color 100ms ease-out;
  transition: color 100ms ease-out;
}
html.sp .contentsWrapper .subContents .viewRanking .feature.current .text .title,
html.tb .contentsWrapper .subContents .viewRanking .feature.current .text .title {
  color: #01be9c;
}
html.sp .contentsWrapper .subContents .viewRanking .digiculColumn.current .text .title,
html.tb .contentsWrapper .subContents .viewRanking .digiculColumn.current .text .title {
  color: #fa8d39;
}
html.sp .contentsWrapper .subContents .viewRanking .kddiNow.current .text .title,
html.tb .contentsWrapper .subContents .viewRanking .kddiNow.current .text .title {
  color: #0d056c;
}
html.sp .contentsWrapper .subContents .viewRanking .ictKeywords.current .text .title,
html.tb .contentsWrapper .subContents .viewRanking .ictKeywords.current .text .title {
  color: #2ea3f4;
}
html.sp .contentsWrapper .subContents .viewRanking .bonus.current .text .title,
html.tb .contentsWrapper .subContents .viewRanking .bonus.current .text .title {
  color: #fb4d46;
}
html.sp .globalFooter .pageTopLinkWrapper .pageTopLink,
html.tb .globalFooter .pageTopLinkWrapper .pageTopLink {
  -webkit-transition: opacity 100ms ease-out;
  -moz-transition: opacity 100ms ease-out;
  -ms-transition: opacity 100ms ease-out;
  -o-transition: opacity 100ms ease-out;
  transition: opacity 100ms ease-out;
}
html.sp .globalFooter .pageTopLinkWrapper .pageTopLink.current,
html.tb .globalFooter .pageTopLinkWrapper .pageTopLink.current {
  opacity: 0.7;
  filter: alpha(opacity=70);
  /* ie lt 8 */
  -ms-filter: "alpha(opacity=70)";
  /* ie 8 */
  zoom: 1;
  /* ie lt 9 */
}
html.sp body.feature .contentsWrapper .mainContents .posts .feature.current,
html.tb body.feature .contentsWrapper .mainContents .posts .feature.current {
  background: #ccf2eb;
}
html.sp body.feature .contentsWrapper .mainContents .posts .feature.current .image img,
html.tb body.feature .contentsWrapper .mainContents .posts .feature.current .image img {
  -webkit-transition: all 100ms ease-out;
  -moz-transition: all 100ms ease-out;
  -ms-transition: all 100ms ease-out;
  -o-transition: all 100ms ease-out;
  transition: all 100ms ease-out;
  opacity: 1;
  filter: alpha(opacity=100);
  /* ie lt 8 */
  -ms-filter: "alpha(opacity=100)";
  /* ie 8 */
  zoom: 1;
  /* ie lt 9 */
}
html.sp body.keyword .contentsWrapper .mainContents .posts .feature.current,
html.tb body.keyword .contentsWrapper .mainContents .posts .feature.current {
  background: #ccf2eb;
}
html.sp body.keyword .contentsWrapper .mainContents .posts .feature.current .image img,
html.tb body.keyword .contentsWrapper .mainContents .posts .feature.current .image img {
  -webkit-transition: all 100ms ease-out;
  -moz-transition: all 100ms ease-out;
  -ms-transition: all 100ms ease-out;
  -o-transition: all 100ms ease-out;
  transition: all 100ms ease-out;
  opacity: 0.9;
  filter: alpha(opacity=90);
  /* ie lt 8 */
  -ms-filter: "alpha(opacity=90)";
  /* ie 8 */
  zoom: 1;
  /* ie lt 9 */
}
html.sp body.keyword .contentsWrapper .mainContents .posts .post.current .image img,
html.tb body.keyword .contentsWrapper .mainContents .posts .post.current .image img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* ie lt 8 */
  -ms-filter: "alpha(opacity=80)";
  /* ie 8 */
  zoom: 1;
  /* ie lt 9 */
}
html.sp body.keyword .contentsWrapper .mainContents .posts .feature.current .text,
html.tb body.keyword .contentsWrapper .mainContents .posts .feature.current .text {
  background: none;
}
html.sp body.keyword .contentsWrapper .mainContents .posts .feature .text,
html.tb body.keyword .contentsWrapper .mainContents .posts .feature .text {
  -webkit-transition: none 100ms ease-out;
  -moz-transition: none 100ms ease-out;
  -ms-transition: none 100ms ease-out;
  -o-transition: none 100ms ease-out;
  transition: none 100ms ease-out;
}

/*151217*/
html.sp .detailMainSns .fb .fb-share-button {
  margin-left: 0 !important;
}


/*--------------------------------------------------------------------------
 add 201703
--------------------------------------------------------------------------*/
/*------ btn ------*/
html.sp .btn_set {
	padding:30px 0 0;
}
html.sp .btn {
	display:block;
	width: 84%;
	min-width:244px;
	padding: 16px 5px;
	margin: 0 auto 15px;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	line-height:1;
	text-align:center;
	background:#999;
}
html.sp .btn_set.double {
	margin-top:30px;
	overflow:hidden;
}
html.sp .btn_set.double:after {
	content: "";
	display: table;
	clear: both;
}
html.sp .btn_set.double .btn {
	display: block;
	width: 84%;
	margin:0 auto 20px;
}
html.sp .btn_set.double .btn:nth-child(1) {
	float: none;
}
html.sp .btn_set.double .btn:nth-child(2) {
	float: none;
}
html.sp .btn_set.double .btn:last-child {
	margin:0 auto 10px;
}
html.sp .btn_large {
	padding:12px 5px;
}
html.sp .btn:hover {
	opacity:0.6;
}
html.sp .btn.btn_red {
	background:#f7476c;
}
html.sp .btn.btn_fb {
	background:#4862a3;
}
html.sp .btn.btn_tw {
	background:#55acee;
}
html.sp .btn.btn_bl_ar {
	background:#333 url(../img/ico/ico_arrow_next.svg) no-repeat 97% 50%;
	background-size: 14px 10.8px;
}
html.sp .btn.btn_gr_ar {
	background:#999 url(../img/ico/ico_arrow_next.svg) no-repeat 97% 50%;
	background-size: 14px 10.8px;
}
html.sp .btn.btn_bl_ar_prev {
	background:#333 url(../img/ico/ico_arrow_prev.svg) no-repeat 3% 50%;
	background-size: 14px 10.8px;
}
html.sp .btn_orange_ar {
	background:#ea5404 url(../img/ico/ico_arrow_next.svg) no-repeat 97% 50%;
	background-size: 14px 10.8px;
}
html.sp .btn_green_ar {
	background:#00aa40 url(../img/ico/ico_arrow_next.svg) no-repeat 97% 50%;
	background-size: 14px 10.8px;
}
html.sp .btn.btn_small {
	width: 84%;
	padding:14px 10px;
	background:#999999;
}
html.sp .btn span {
	display:inline-block;
	padding: 2px 0 2px 24px;
}
html.sp .btn em {
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	display: block;
	padding: 0 0 4px;
}
html.sp .btn span.no_icon {
	padding: 2px 0px;
}
html.sp .ico_mail {
	background:url(../img/ico/ico_mail.svg) no-repeat 0 50%;
 background-size: 18px 18px;
}
html.sp .ico_fb {
	background:url(../img/ico/ico_fb.svg) no-repeat 0 50%;
 background-size: 18px 18px;
}
html.sp .ico_tw {
	background:url(../img/ico/ico_tw.svg) no-repeat 0 50%;
 background-size: 18px 18px;
}
html.sp .btn:last-child {
	margin: 0 auto;
}


html.sp.ofyh {
	height:100%;
	overflow-y:hidden;
}
html.sp #POPUP_MYPAGE_SWITCH {
	position: absolute;
	top: 0;
	right: 0px;
	display: block;
	overflow: hidden;
	width: 43px;
	height: 43px;
}
html.sp #POPUP_MYPAGE_SWITCH a.mypageBtn {
	display: block;
	width: 43px;
	height: 43px;
	margin-right:3px;
	background:#fff url(../img/globalHeader_mypageBtn_01.png) no-repeat 50% 50%;
	background-size:43px 43px;
}
html.sp #POPUP_MYPAGE_SWITCH a.mypageBtn.open {
	background:#fff url(../img/globalHeader_mypageBtn_02.png) no-repeat 50% 50%;
	background-size:43px 43px;
}
html.sp #POPUP_MYPAGE_SWITCH a.loginBtn {
	display:none;
	width: 78px;
	height: 43px;
	color:#FFF;
	font-size:10px;
	line-height:1.2;
	padding: 10px 2px;
	text-align:center;
	background:#eb5505;
}
html.sp body.logout #POPUP_MYPAGE_SWITCH {
	width: 78px;
}
html.sp body.logout #POPUP_MYPAGE_SWITCH a.mypageBtn {
	display: none;
}
html.sp body.logout #POPUP_MYPAGE_SWITCH a.loginBtn {
	display:block;
}
html.sp body.logout #POPUP_MENU_SWITCH {
	right: 80px;
}
html.sp #POPUP_MENU {
	background-position: right 78px top 0px;
}
html.sp #mypage {
	background: rgba(255,255,255,1);
	width: 100%;
	height:100%;
	position: fixed;
	top: 1000px;
	/*top: 44px;*/
	left: 0px;
	right: 0px;
	padding: 0 0 40px;
	z-index: 500;
	color: #000;
	overflow-y: auto;
	transition: transform .6s;
	-webkit-transition: -webkit-transform .6s;
	-webkit-overflow-scrolling: touch;
}
html.sp .mypageOpen {
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .6s;
	transition-duration: .6s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	transform: translateY(-956px) rotateY(0deg) translateZ(0px);
	-webkit-transform: translateY(-956px) rotateY(0deg) translateZ(0px);
}
html.sp .mypageclose {
	padding: 8px;
	display:block;
	cursor:pointer;
	text-align:center;
}
html.sp .mypageclose span {
	padding: 10px 40px 8px;
	margin:0 auto;
	font-size:.9em;
	font-weight:bold;
	line-height:1;
	display: inline-block;
	border: 2px solid #000;
	background: url(../img/ico/ico_arrow_bottom.svg) no-repeat 14px 50%;
	background-size:16px 16px;
}
html.sp .mypageOver {
	padding: 15px 15px 5px;
	background:#f1f2f6;
}
html.sp .mypageOver .box {
	margin: 0 0 10px;
}
html.sp .mypageOver .mds {
	font-size:14px;
	font-weight:bold;
	display: block;
	text-align:center;
	margin: 10px 0 5px;
}
html.sp .mypageOver .profile {
	overflow:hidden;
	position:relative;
	min-height:90px;
}
html.sp .mypageOver .profile_thumb {
	float:left;
	width: 80px;
	height: 80px;
}
html.sp .mypageOver .profile_thumb img {
	width: 80px;
	height: auto;
}
html.sp .mypageOver .profile_name {
	padding: 0 0 0 100px;
}
html.sp .mypageOver .profile_name .name {
	font-size:1em;
	font-weight:bold;
	line-height:1.3em;
	margin:0 0 10px;
}
html.sp .mypageOver .member {
	margin:0;
}
html.sp .mypageOver .member span {
	color:#FFF;
	font-size:.9em;
	line-height:1.5;
	display:inline-block;
	padding: 6px 12px 6px 36px;
	margin:0 0 3px;
	background:#999;
	border-radius:4px;
}
html.sp .mypageOver .member em {
	display:block;
	color:#999;
	font-size:.9em;
	font-style:normal;
}
html.sp .mypageOver .member.normal span {
	background:#00aa40 url(../img/ico/ico_member.svg) no-repeat 10px 50%;
	background-size:16px 16px;
}
html.sp .mypageOver .member.star span {
	background:#eb5505 url(../img/ico/ico_star.svg) no-repeat 10px 50%;
	background-size:16px 16px;
}
html.sp .mypageOver .member.normal em {
	color:#00aa40;
}
html.sp .mypageOver .member.star em {
	color:#eb5505;
}
html.sp .mypageOver .graph {
	width:100%;
	display:block;
	margin:0 0 10px;
	background-image: linear-gradient(
    -45deg,
    #f4ceba 25%,
    #f8e2d6 25%, #f8e2d6 50%,
    #f4ceba 50%, #f4ceba 75%,
    #f8e2d6 75%, #f8e2d6
 );
 background-size: 6px 6px;
}
html.sp .mypageOver .graph span {
	width: 0%;
	display:block;
	text-align:center;
	padding:5px;
	color:#FFF;
	letter-spacing:0.1em;
	background-image: linear-gradient(
    -45deg,
    #eb5505 25%,
    #ea8149 25%, #ea8149 50%,
    #eb5505 50%, #eb5505 75%,
    #ea8149 75%, #ea8149
 );
 background-size: 6px 6px;
}
html.sp .mypageOver .graph.attain_1 span {
	width:20%;
	font-size:.8em;
	padding:5px 2px;
}
html.sp .mypageOver .graph.attain_2 span {
	width:40%;
}
html.sp .mypageOver .graph.attain_3 span {
	width:60%;
}
html.sp .mypageOver .graph.attain_4 span {
	width:80%;
}
html.sp .mypageOver .graph.attain_5 span {
	width:100%;
}
html.sp .mypageOver .badge {
	overflow:hidden;
}
html.sp .mypageOver .badge:after {
	content: "";
	display: table;
	clear: both;
}
html.sp .mypageOver .badge li {
	float:left;
	display: block;
	width: 20%;
	padding:4px;
	line-height:1;
}
html.sp .mypageOver .stamp {
	text-align:center;
	margin:0 0 5px;
}
html.sp .mypageOver .stamp span {
	display:inline-block;
	width: 20%;
	padding:4px;
	margin:0 -0.7%;
	line-height:1;
}
html.sp .mypageUnder {
	padding: 0 15px 15px;
}
html.sp .mypageUnder .box {
	padding: 15px 0;
}
html.sp .mypageUnder .btn_half {
	overflow:hidden;
}
html.sp .mypageUnder .btn_half:after {
	content: "";
	display: table;
	clear: both;
}
html.sp .mypageUnder .btn_half .btn {
	display: inline-block;
	width:44% !important;
	min-width:inherit;
	margin:0 3%;
}
html.sp .mypageUnder .btn_half .btn:nth-child(1) {
	float: left;
}
html.sp .mypageUnder .btn_half .btn:nth-child(2) {
	float: right;
}


/* post */
html.sp .memberbox {
	border: 1px solid #eb5505;
	padding: 15px 10px;
	text-align:center;
	background: #ffece2;
}
html.sp #CONTENTS_WRAP .detailContents .detailContentsInner .memberbox p.msg,
html.sp #CONTENTS_WRAP .detailContentsOld .detailContentsInner .memberbox p.msg {
	font-size:1em;
	font-weight:bold;
	text-align:center;
 margin-bottom: 10px;
}
html.sp #CONTENTS_WRAP .detailContents .detailContentsInner a.btn,
html.sp #CONTENTS_WRAP .detailContentsOld .detailContentsInner a.btn,
html.sp .memberbox .btn {
	color:#fff;
	display:inline-block;
	width:auto;
	padding: 18px 20px;
}


/* index */
html.sp .contentsWrapper .loginArea {
	display:none;
}
html.sp .contentsWrapper .logoutArea {
	width: auto;
	padding:0 1px 15px;
	margin:0;
	overflow:hidden;
}
html.sp body.keyword .contentsWrapper .logoutArea,
html.sp body.search .contentsWrapper .logoutArea {
	width: auto;
	padding:0 15px 15px;
	margin:0;
	overflow:hidden;
}
html.sp .contentsWrapper .logoutArea:after {
	content: "";
	display: table;
	clear: both;
}
html.sp .contentsWrapper .logoutArea .aboutBtn {
	float:left;
	width: 49%;
	margin: 0;
}
html.sp .contentsWrapper .logoutArea .aboutBtn a {
	display:block;
	width: auto;
	height:70px;
	border:3px solid #eb5505;
	border-radius:4px;
	background: #fff url(../images/item_aboutbtn.png) no-repeat 50% 50%;
	background-size: 90% auto;
	padding: 12px;
	box-shadow:0px 0px 5px 3px rgba(0,0,0,.05);
	-moz-box-shadow:0px 0px 5px 3px rgba(0,0,0,.05);
	-webkit-box-shadow:0px 0px 5px 3px rgba(0,0,0,.05);
	-webkit-box-shadow: 0.5px 1px 5px 0 rgba(4, 0, 0, 0.1);
	box-shadow: 0.5px 1px 5px 0 rgba(4, 0, 0, 0.1);
}
html.sp .contentsWrapper .logoutArea .aboutBtn a:hover {
	background: #ffede3 url(../images/item_aboutbtn.png) no-repeat 50% 50%;
	background-size: 95% auto;
}
html.sp body.search .contentsWrapper .logoutArea .aboutBtn {
	float:none;
	width: auto;
}
html.sp body.search .contentsWrapper .logoutArea .aboutBtn a {
	background: #fff url(../images/item_aboutbtn.png) no-repeat 50% 50%;
	background-size: 65% auto;
}
html.sp body.search .contentsWrapper .logoutArea .aboutBtn a:hover {
	background: #ffede3 url(../images/item_aboutbtn.png) no-repeat 50% 50%;
	background-size: 65% auto;
}

html.sp .contentsWrapper .logoutArea .aboutBtn a span {
	display:none;
}
html.sp .contentsWrapper .logoutArea .memberArea {
	float: right;
	width: 49%;
	margin: 0;
}
html.sp .contentsWrapper .logoutArea .memberArea .mds,
html.sp .contentsWrapper .logoutArea .memberArea .mds span,
html.sp .contentsWrapper .logoutArea .memberArea .copy_pc,
html.sp .contentsWrapper .logoutArea .memberArea .copy_sp,
html.sp .contentsWrapper .logoutArea .memberArea .txt,
html.sp .contentsWrapper .logoutArea .memberArea .txt .more,
html.sp .contentsWrapper .memberArea .memberArea .btnArea .btn_green_ar em,
html.sp .contentsWrapper .logoutArea .memberArea .btnArea .btn_orange_ar {
	display:none;
}
html.sp .contentsWrapper .logoutArea .memberArea .btnArea {
	padding: 0px;
}
html.sp .contentsWrapper .logoutArea .memberArea .btnArea .btn {
	display: block;
	width: auto;
	height:70px;
	min-width:inherit;
	padding: 12px;
	overflow:hidden;
	text-indent:-9999px;
	margin: 0 auto;
	cursor: pointer;
	border:3px solid #eb5505;
	border-radius:4px;
	box-shadow:0px 0px 5px 3px rgba(0,0,0,.05);
	-moz-box-shadow:0px 0px 5px 3px rgba(0,0,0,.05);
	-webkit-box-shadow:0px 0px 5px 3px rgba(0,0,0,.05);
	-webkit-box-shadow: 0.5px 1px 5px 0 rgba(4, 0, 0, 0.1);
	box-shadow: 0.5px 1px 5px 0 rgba(4, 0, 0, 0.1);
}
html.sp .contentsWrapper .memberArea .btnArea .btn_green_ar {
	background:#fff url(../images/item_menberbtn.png) no-repeat 50% 0%;
	background-size: auto 100%;
}
html.sp .contentsWrapper .memberArea .btnArea .btn_orange_ar {
	display:none !important;
}
html.sp .contentsWrapper .viewRanking {
	-webkit-box-shadow: 0.5px 1px 5px 0 rgba(4, 0, 0, 0.1);
	box-shadow: 0.5px 1px 5px 0 rgba(4, 0, 0, 0.1);
	border-top: 2px solid #333333;
	width: auto;
	margin:0 15px 15px;
	padding: 0px 15px 0;
	background: #fff;
	word-wrap: break-word;
}
html.sp .contentsWrapper .viewRanking .headline {
  height: 0;
  color: transparent;
  line-height: 2em;
  padding-top: 17px;
  overflow: hidden;
  display: block;
  background-repeat: no-repeat;
  background-image: url(../img/globalHeader_rankingHeadline_01.png);
  background-size: 207px 17px;
  margin-bottom: 25px;
}
html.sp .contentsWrapper .viewRanking .post {
  display: block;
  min-height: 86px;
  margin-top: 15px;
  padding-bottom: 16px;
  background: url(../img/ranking_line_sp01.png) center bottom no-repeat;
  background-size: 156px 1px;
}
html.sp .contentsWrapper .viewRanking .post:last-child {
  background: none;
  padding-bottom: 2px;
}
html.sp .contentsWrapper .viewRanking .post .rank01,
html.sp .contentsWrapper .viewRanking .post .rank02,
html.sp .contentsWrapper .viewRanking .post .rank03,
html.sp .contentsWrapper .viewRanking .post .rank04,
html.sp .contentsWrapper .viewRanking .post .rank05 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	height: 20px;
	width: 20px;
	font-size: 11px;
	color: #fff;
	text-align: center;
	line-height: 20px;
}
html.sp .contentsWrapper .viewRanking .post .image {
	width: 70px;
	height: 70px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
html.sp .contentsWrapper .viewRanking .post .text {
	padding-left: 80px;
	float: none;
	width: auto;
	font-size: 12px;
	line-height: 1.25em;
}
html.sp .contentsWrapper .viewRanking .post .text .category {
	height: 0;
	color: transparent;
	line-height: 2em;
	padding-top: 14px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	margin-bottom: 2px;
}
html.sp .contentsWrapper .viewRanking .post .text .title {
	font-size: 12px;
	line-height: 1.25em;
	font-weight: normal;
}
html.sp .contentsWrapper .viewRanking .feature .category {
	background-image: url(../img/ranking_categoryLabel_sp01.png);
	background-size: 24px 14px;
}
html.sp .contentsWrapper .viewRanking .digiculColumn .category {
	background-image: url(../img/ranking_categoryLabel_sp02.png);
	background-size: 41px 14px;
}
html.sp .contentsWrapper .viewRanking .kddiNow .category {
	background-image: url(../img/ranking_categoryLabel_sp03.png);
	background-size: 48px 14px;
}
html.sp .contentsWrapper .viewRanking .ictKeywords .category {
	background-image: url(../img/ranking_categoryLabel_sp04.png);
	background-size: 49px 14px;
}
html.sp .contentsWrapper .viewRanking .bonus .category {
	background-image: url(../img/ranking_categoryLabel_sp05.png);
	background-size: 42px 14px;
}

/*------ base-up ------*/
html.sp body.base-up {
  padding-top: 44px;
  padding-bottom: 476px !important;
}
html.sp body.base-up .globalFooter {
	bottom:80px;
}
html.sp body.base-up .globalFooter .pageTopLinkWrapper .pageTopLink {
 bottom:90px;
}
html.sp body.base-up #CONTENTS_WRAP .detailContents .articleFixedSns,
html.sp body.base-up #CONTENTS_WRAP .detailContentsOld .articleFixedSns {
 bottom: 90px;
}

@media screen and (max-width: 374px) {
html.sp .contentsWrapper .memberArea .btnArea .btn_green_ar {
	background:#fff url(../images/item_menberbtn_s.png) no-repeat 50% 0%;
	background-size: auto 100%;
}
/*------ base-up ------*/
html.sp body.base-up {
  padding-top: 44px;
  padding-bottom: 464px !important;
}
html.sp body.base-up .globalFooter {
	bottom: 68px;
}
html.sp body.base-up .globalFooter .pageTopLinkWrapper .pageTopLink {
 bottom:78px;
}
html.sp body.base-up #CONTENTS_WRAP .detailContents .articleFixedSns,
html.sp body.base-up #CONTENTS_WRAP .detailContentsOld .articleFixedSns {
 bottom: 78px;
}
#CONTENTS_WRAP .detailContents .articleFixedSns .wrapper .sns-buttons .facebook,
#CONTENTS_WRAP .detailContents .articleFixedSns .wrapper .sns-buttons .twitter,
#CONTENTS_WRAP .detailContents .articleFixedSns .wrapper .sns-buttons .hatebu,
#CONTENTS_WRAP .detailContents .articleFixedSns .wrapper .sns-buttons .googleplus,
#CONTENTS_WRAP .detailContents .articleFixedSns .wrapper .sns-buttons .line, #CONTENTS_WRAP .detailContents .articleFixedSns .wrapper .sns-buttons .pocket, #CONTENTS_WRAP .detailContentsOld .articleFixedSns .wrapper .sns-buttons .facebook,
#CONTENTS_WRAP .detailContentsOld .articleFixedSns .wrapper .sns-buttons .twitter,
#CONTENTS_WRAP .detailContentsOld .articleFixedSns .wrapper .sns-buttons .hatebu,
#CONTENTS_WRAP .detailContentsOld .articleFixedSns .wrapper .sns-buttons .googleplus,
#CONTENTS_WRAP .detailContentsOld .articleFixedSns .wrapper .sns-buttons .line,
#CONTENTS_WRAP .detailContentsOld .articleFixedSns .wrapper .sns-buttons .pocket {
		margin-right: 4px;
		margin-left: 4px;
}
#CONTENTS_WRAP .detailContents .articleFixedSns .wrapper .sns-buttons .facebook a,
#CONTENTS_WRAP .detailContents .articleFixedSns .wrapper .sns-buttons .twitter a,
#CONTENTS_WRAP .detailContents .articleFixedSns .wrapper .sns-buttons .hatebu a,
#CONTENTS_WRAP .detailContents .articleFixedSns .wrapper .sns-buttons .googleplus a,
#CONTENTS_WRAP .detailContents .articleFixedSns .wrapper .sns-buttons .line a,
#CONTENTS_WRAP .detailContents .articleFixedSns .wrapper .sns-buttons .pocket a, #CONTENTS_WRAP .detailContentsOld .articleFixedSns .wrapper .sns-buttons .facebook a,
#CONTENTS_WRAP .detailContentsOld .articleFixedSns .wrapper .sns-buttons .twitter a,
#CONTENTS_WRAP .detailContentsOld .articleFixedSns .wrapper .sns-buttons .hatebu a,
#CONTENTS_WRAP .detailContentsOld .articleFixedSns .wrapper .sns-buttons .googleplus a,
#CONTENTS_WRAP .detailContentsOld .articleFixedSns .wrapper .sns-buttons .line a,
#CONTENTS_WRAP .detailContentsOld .articleFixedSns .wrapper .sns-buttons .pocket a {
  width: 35px;
  height: 35px;
}
}
html.sp div.banner {
 text-align:center;
 margin-top: 20px;
 padding:0 15px;
}
html.sp div.banner img {
 width:100%;
}
html.sp .subContents .logoutArea {
	padding: 0 15px 15px;
}
html.sp #CONTENTS_WRAP .mainContents .detailMainSns {
	display: block;
	padding: 15px 15px 0;
	margin:0;
}
html.sp #CONTENTS_WRAP .mainContents .detailMainSns li {
	height: 35px;
	overflow: hidden;
	padding: 0;
}
html.sp #CONTENTS_WRAP .mainContents .detailMainSns .pocket {
 margin: 0px 0px 0px 20px;
}
html.sp #CONTENTS_WRAP .detailContents .detailContentsInner a.btn {
	color: #fff;
	display: block;
	width: auto;
	padding: 18px 20px;
}