@charset "utf-8";

/*
update: 2015 03 11
path:/jp/share/css/sp/exmod.css
*/

/*********
reset
*********/
html{-webkit-text-size-adjust: none;}
body{margin:0;padding:0; }

.exMod {line-height:160%; font-size:14px; font-family:HiraKakuProN-W3,arial,helvetica;}
.exMod h1{font-size:100%;font-weight:normal;margin:0;padding:0;}
.exMod ul,
.exMod li,
.exMod form,
.exMod input{margin:0;padding:0;font-size:100%} 
.exMod li{list-style:none}
.exMod a:link,
.exMod a:hover{ text-decoration: none; outline: none; color: blue}
.exMod a:active,
.exMod a:visited{ color: purple}

/*****************
header
******************/
#exHeader { display:block; clear:both; padding:0; }
#exHeader #exHeaderInner{ width:100%; height: 44px; overflow: hidden; position: relative; background: #fff;}
#exHeader #siteLogo{ margin:0 120px 0 0; padding:0 0 0 12px; font-size: 0; line-height:1; height: 44px; }
#exHeader #siteLogo a { display: inline-block; height: 36px; margin: 4px 0 0; height: 36px; overflow: hidden; }
#exHeader #logoExcite { width: 61px; height: 25px; float: left; margin: 5px 3px 0 0;
background-image: url(//image.excite.co.jp/jp/share/images/sp/logo_excite.png); background-size:61px 25px; }
#exHeader #logoSub{ float: left; font-size:15px; font-weight:bold; color:#000; line-height: 36px; margin: 2px 0 0; }
#exHeader .headerBtnR{ position: absolute; width: 44px; height: 44px;  top:0; right:0;}
#exHeader .headerBtnL{ position: absolute; width: 44px; height: 44px;  top:0; right:44px;}
#exHeader .iconHome{ background-image: url(//image.excite.co.jp/jp/share/images/sp/icon_home_white.png);}
#exHeader .iconLogin{ background-image: url(//image.excite.co.jp/jp/share/images/sp/icon_login_white.png);}
#exHeader .iconLogout{ background-image: url(//image.excite.co.jp/jp/share/images/sp/icon_logout_white.png);}
#exHeader .iconHome,
#exHeader .iconLogin,
#exHeader .iconLogout{ width: 36px; height: 36px; display: block; background-size: 36px 36px; margin: 4px 0 0 4px; }
#exHeader #headerMenuTrigger { float: left; width: 44px; height:44px; margin: 0 4px 0 0;}
#exHeader #headerBtnMenu { width:36px; height: 36px; display: block; background-image: url(//image.excite.co.jp/jp/share/images/sp/icon_menu_white.png); background-size: 36px 36px; margin: 4px 0 0 4px; }
/* image replace */
#logoExcite,
#exHeader a.iconHome,
#exHeader a.iconLogin,
#exHeader a.iconLogout,
#exHeader #headerBtnMenu { text-indent:100%; white-space: nowrap; position: relative; overflow: hidden; }

/*****************
footer
******************/
#exFooter{ display:block;clear:both;margin:0;padding:0; background: #f7f7f7;}
#exFooter .hList li{ display: inline-block;border-right: solid 1px #ccc; margin: 0 5px 0 0; padding: 0 5px 0 0; line-height: 1;}
#exFooter .hList li:last-child{ border: none; padding: 0; margin: 0}
.exMod .exCaption{ padding: 0 10px; line-height: 35px; color: #fff; font-weight: bold; text-align: left;
	-webkit-text-shadow: 0 1px 0 #000;
	-moz-text-shadow: 0 1px 0 #000;
text-shadow: 0 1px 0 #000;
  background: #333;
	background: -moz-linear-gradient(top, #444 0%, #222 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444), color-stop(100%,#222));
background: linear-gradient(top, #444 0%,#222 100%);}
#exFooter .footerLink { width: 100%; border-top: solid 1px #ccc; text-align: left;
	display: -moz-box;
	display: -webkit-box;
display: box;}
#exFooter .footerLink li { border-bottom: solid 1px #ddd;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f9f9f9));
  background: -webkit-linear-gradient(top, #ffffff 0%,#f9f9f9 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f9f9f9 100%);}
#exFooter .footerLink li a{display: block; font-weight: bold; padding: 8px 10px; color: #333;
	background: url(//image.excite.co.jp/jp/share/images/sp/icon_right_arrow_slim_50.png) no-repeat 90% center;
		-webkit-background-size: 10px auto;
		-moz-background-size: 10px auto;
	background-size: 10px auto;}
#exFooter .footerLinkL,
#exFooter .footerLinkR{width: 50%;
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
box-flex: 1;}
#exFooter .footerLink li a:visited{ color: #777}
#exFooter .footerLinkR li{ border-left: solid 1px #ddd; border-right: none;}
#exFooter .footerLinkR li{ border-right: none;}
#exFooter #serviceTopLinks,
#exFooter #displayMode ,
#exFooter #toServiceTop { padding: 15px 0 0; text-align: center;}
#exFooter #displayMode ul{ display: inline}
#exFooter .modeSp{ font-weight: bold;}
#exFooter .copyright { border-top:solid 1px #ccc; padding:20px 0; text-align:center;
	-webkit-text-shadow: 1px 1px 0 #fff;
	-moz-text-shadow: 1px 1px 0 #fff;
text-shadow: 1px 1px 0 #fff;}
#exFooter #supportLink { padding: 15px 0; text-align: center; overflow: hidden; font-size: 13px;}
#exFooter .copyrightTxt{ font-size:12px; color: #333; margin: 0 0 5px;}

/*seaerch*/
/* Reset input[type="search"] */
#exFooter input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;}
#exFooter input[type="search"]:focus {outline-offset: -2px;}
#exFooter input[type="search"]::-webkit-search-decoration { display: none;}

#exFooterSrc { width:100%; margin: 5px 0; padding: 15px 0 0;}
#exFooterSrc .inner{ margin: 0 30px; position: relative; overflow-x: hidden;}
#exFooterSrc #src-ipt{width: 60%; height: 24px; line-height: 24px; display:inline-block; color: #fff; font-weight: bold; text-align:left; border: none; padding: 3px 5px 3px 30px;
background: url(//image.excite.co.jp/jp/share/images/sp/icon_search.png) no-repeat 5px center;
	-webkit-background-size:20px auto;
	-moz-background-size:20px auto;
background-size:20px auto;}
#exFooterSrc #searchsubmit{ width: 25%; height: 30px; display: block; position: absolute; right: 0; top:0; text-indent: 5px;
color: #fff; font-weight: bold; font-size: 12px; line-height: 30px; letter-spacing: 0.3em; text-align: center; border: solid 1px #42000f;
	-webkit-text-shadow: 0 1px 0 #000;
	-moz-text-shadow: 0 1px 0 #000;
text-shadow: 0 1px 0 #000;
	-webkit-border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
  background: #ba0322;
  background: -moz-linear-gradient(top, #ba0322 0%, #a00303 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ba0322), color-stop(100%,#a00303));
  background: -webkit-linear-gradient(top, #ba0322 0%,#a00303 100%);
background: linear-gradient(to bottom, #ba0322 0%,#a00303 100%);}
#exFooterSrc #searchform{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
border-radius: 3px;
background: #333;
	background: -moz-linear-gradient(top, #333333 0%, #474747 100%) ;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#474747));
	background: linear-gradient(top, #333333 0%,#474747 100%);}