/* ==============================
	headerfooter.css
============================== */

/*----------------------------------
----------------------------------
 ヘッダー関係（共通）
----------------------------------
----------------------------------*/
@charset "utf-8";

#dyn-header-wrapper{
	font-size:12px;
	font-family: "ＭＳ Ｐゴシック", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	line-height:1.6;
	background:#f1f1f1;
	text-align:center;
	min-width:940px;
}
#dynmember-header-wrapper{
	font-size:12px;
	font-family: "ＭＳ Ｐゴシック", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	line-height:1.6;
	background:#f1f1f1;
	text-align:center;
	border-bottom:6px solid #00a000;
	min-width:940px;
}
#dyntoto-header-wrapper, #dyntoto-header-wrapper-mini{
	font-size:12px;
	font-family: "ＭＳ Ｐゴシック", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	line-height:1.6;
	background:#f1f1f1;
	text-align:center;
	border-bottom:6px solid #ffcc00;
	min-width:940px;
}
#dynbig-header-wrapper, #dynbig-header-wrapper-mini{
	font-size:12px;
	font-family: "ＭＳ Ｐゴシック", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	line-height:1.6;
	background:#f1f1f1;
	text-align:center;
	border-bottom:6px solid #e7010f;
	min-width:940px;
}

.baseWide{
	min-width:1024px !important;
}

/*----------------------------------
----------------------------------
 ヘッダー関係（1024px設定）
----------------------------------
----------------------------------*/

#dyn-header-wrapper #header-contents{
	width:1024px;

	height:63px;
	margin:0 auto;
	text-align:left;
}
#dynmember-header-wrapper #header-contents{
	width:1024px;
	height:92px;
	margin:0 auto;
	text-align:left;
}
#dyntoto-header-wrapper #header-contents{
	width:1024px;

	height:92px;
	margin:0 auto;
	text-align:left;
}
#dynbig-header-wrapper #header-contents{
	width:1024px;

	height:92px;
	margin:0 auto;
	text-align:left;
}

#header-contents h1{
	width:154px;
	height:63px;
	margin:0;
	padding:0;
	float:left;
}
#header-contents #header-left{
	width:440px;
	float:left;
}
#header-contents #header-left p.headercopy{
	margin:14px 0 0 0;
	padding:0;
	line-height:16px;
	display:block;
	width:286px;
	float:right;
	font-size:11px;
}


#header-contents #header-right{
	padding:10px 0 0 0;
	width:520px;
	float:right;
	text-align:right;
}
#header-contents #header-right a{
	color:#0099ff;
}
#header-contents #header-right a:hover{
	color:#ff6410;
	text-decoration:none;
}
#header-contents #header-right img{
	vertical-align:middle;
}
#header-contents #header-right #header-navi{
	width:315px;
	float:left;
}
#header-contents #header-right #header-navi .tenpobt{
	margin:0;
	padding:0 0 0 7px;
}
#header-contents #header-right #formset{
	width:205px;
	float:right;
}

#header-contents form{
	margin:0;
	padding:0 10px 0 0;
	display:inline;
}
#header-contents form input{
	margin:0;
	padding:0;
	font-size:12px;
	vertical-align:middle;
}
#header-contents form input.search{
	width:120px;
	height:13px;
	font-size:12px;
	ime-mode:active;
}


/* 検索窓がない場合 */
#header-contents #header-right #header-navi-nosearch{
	width:325px;
	float:right;
}
#header-contents #header-right #header-navi-nosearch .tenpobt{
	margin:0;
	padding:0 10px 0 7px;
}


/* ログアウト時の記述 */

#header-contents #header-left-logout{
	width:440px;
	float:left;
}
#header-contents #header-left-logout p.headercopy{
	margin:14px 0 0 0;
	padding:0;
	line-height:16px;
	display:block;
	width:286px;
	float:right;
	font-size:11px;
}

#header-contents #header-right-logout{
	padding:10px 0 0 0;
	width:580px;
	float:right;
	text-align:right;
}
#header-contents #header-right-logout a{
	color:#0099ff;
}
#header-contents #header-right-logout a:hover{
	color:#ff6410;
	text-decoration:none;
}
#header-contents #header-right-logout img{
	vertical-align:middle;
}
#header-contents #header-right-logout #header-navi{
	width:295px;
	float:left;
}
#header-contents #header-right-logout #header-navi .tenpobt{
	margin:0;
	padding:0 0 0 7px;
}
#header-contents #header-right-logout #formset{
	width:285px;
	float:right;
}
#header-contents #loginForm{
	padding:0 10px 0 0;
}


/* ログアウト時の記述：検索窓がない場合 */

#header-contents #header-right-logout-nosearch{
	padding:10px 0 0 0;
	width:387px;
	float:right;
	text-align:right;
}
#header-contents #header-right-logout-nosearch a{
	color:#0099ff;
}
#header-contents #header-right-logout-nosearch a:hover{
	color:#ff6410;
	text-decoration:none;
}
#header-contents #header-right-logout-nosearch img{
	vertical-align:middle;
}
#header-contents #header-right-logout-nosearch #header-navi{
	width:295px;
	float:left;
}
#header-contents #header-right-logout-nosearch #header-navi .tenpobt{
	margin:0;
	padding:0 0 0 7px;
}
#header-contents #header-right-logout-nosearch #formset{
	width:90px;
	float:right;
}
#header-contents #loginForm{
	padding:0 10px 0 0;
}

/* ログイン時の記述：検索窓がある場合 */

#header-contents #header-right-logout-search{
 padding:10px 0 0 0;
 width:580px;
 float:right;
 text-align:right;
}
#header-contents #header-right-logout-search a{
 color:#0099ff;
}
#header-contents #header-right-logout-search a:hover{
 color:#ff6410;
 text-decoration:none;
}
#header-contents #header-right-logout-search img{
 vertical-align:middle;
}
#header-contents #header-right-logout-search #header-navi{
 width:295px;
 float:left;
}
#header-contents #header-right-logout-search #header-navi .tenpobt{
 margin:0;
 padding:0 0 0 7px;
}
#header-contents #header-right-logout-search #formset{
 width:285px;
 float:right;
}
#header-contents #loginForm{
 padding:0 10px 0 0;
}

/*----------------------------------
----------------------------------
 ヘッダー関係（940px設定）
----------------------------------
----------------------------------*/

#dyn-header-wrapper #header-contents-mini{
	width:940px;
	height:63px;
	margin:0 auto;
	text-align:left;
}
#dynmember-header-wrapper #header-contents-mini{
	width:940px;
	height:92px;
	margin:0 auto;
	text-align:left;
}
#dyntoto-header-wrapper #header-contents-mini{
	width:940px;
	height:92px;
	margin:0 auto;
	text-align:left;
}
#dynbig-header-wrapper #header-contents-mini{
	width:940px;
	height:92px;
	margin:0 auto;
	text-align:left;
}

#header-contents-mini h1{
	width:144px;
	height:63px;
	margin:0;
	padding:0;
	float:left;
}

#header-contents-mini #header-left{
	width:430px;
	float:left;
}
#header-contents-mini #header-left p.headercopy{
	margin:14px 0 0 0;
	padding:0;
	line-height:16px;
	display:block;
	width:286px;
	float:right;
	font-size:11px;
}


#header-contents-mini #header-right{
	padding:10px 0 0 0;
	width:480px;
	float:right;
	text-align:right;
}
#header-contents-mini #header-right a{
	color:#0099ff;
}
#header-contents-mini #header-right a:hover{
	color:#ff6410;
	text-decoration:none;
}
#header-contents-mini #header-right img{
	vertical-align:middle;
}
#header-contents-mini #header-right #header-navi{
	width:315px;
	float:left;
}
#header-contents-mini #header-right #header-navi .tenpobt{
	margin:0;
	padding:0 0 0 7px;
}
#header-contents-mini #header-right #formset{
	width:205px;
	float:right;
}

#header-contents-mini form{
	margin:0;
	padding:0 10px 0 0;
	display:inline;
}
#header-contents-mini form input{
	margin:0;
	padding:0;
	font-size:12px;
	vertical-align:middle;
}
#header-contents-mini form input.search{
	width:120px;
	height:13px;
	font-size:12px;
	ime-mode:active;
}


/* 検索窓がない場合 */
#header-contents-mini #header-right #header-navi-nosearch{
	width:325px;
	float:right;
}
#header-contents-mini #header-right #header-navi-nosearch .tenpobt{
	margin:0;
	padding:0 0 0 7px;
}


/* ログアウト時の記述 */

#header-contents-mini #header-left-logout{
	width:430px;
	float:left;
}
#header-contents-mini #header-left-logout p.headercopy{
	margin:14px 0 0 0;
	padding:0;
	line-height:16px;
	display:block;
	width:286px;
	float:right;
	font-size:11px;
}

#header-contents-mini #header-right-logout{
	padding:10px 0 0 0;
	width:580px;
	float:right;
	text-align:right;
}
#header-contents-mini #header-right-logout a{
	color:#0099ff;
}
#header-contents-mini #header-right-logout a:hover{
	color:#ff6410;
	text-decoration:none;
}
#header-contents-mini #header-right-logout img{
	vertical-align:middle;
}
#header-contents-mini #header-right-logout #header-navi{
	width:295px;
	float:left;
}
#header-contents-mini #header-right-logout #header-navi .tenpobt{
	margin:0;
	padding:0 0 0 7px;
}
#header-contents-mini #header-right-logout #formset{
	width:285px;
	float:right;
}
#header-contents-mini #loginForm{
	padding:0 10px 0 0;
}


/* ログアウト時の記述：検索窓がない場合 */

#header-contents-mini #header-right-logout-nosearch{
	padding:10px 0 0 0;
	width:377px;
	float:right;
	text-align:right;
}
#header-contents-mini #header-right-logout-nosearch a{
	color:#0099ff;
}
#header-contents-mini #header-right-logout-nosearch a:hover{
	color:#ff6410;
	text-decoration:none;
}
#header-contents-mini #header-right-logout-nosearch img{
	vertical-align:middle;
}
#header-contents-mini #header-right-logout-nosearch #header-navi{
	width:295px;
	float:left;
}
#header-contents-mini #header-right-logout-nosearch #header-navi .tenpobt{
	margin:0;
	padding:0 0 0 7px;
}
#header-contents-mini #header-right-logout-nosearch #formset{
	width:80px;
	float:right;
}
#header-contents-mini #loginForm{
	padding:0 0 0 0;
}



/*-----------------
 グローバルナビ関係
-----------------*/

#globalnavi-wrapper{
	padding:0 10px 0 10px;
	height:29px;
	line-height:0;
}
#globalnavi-wrapper-mini{
	padding:0 10px 0 0;
	height:29px;
	line-height:0;
}
#globalnavi-left{
	width:610px;
	height:29px;
	float:left;
}
#globalnavi-left img{
	vertical-align:bottom;
}
#globalnavi-left ul{
	margin:0;
	padding:0;
	height:29px;
	list-style:none;
}
#globalnavi-left ul li{
	margin:0;
	padding:0 1px 0 0;
	height:29px;
	float:left;
}
#globalnavi-left ul li.last{
	padding:0;
}

#globalnavi-right{
	width:368px;
	float:right;
	height:29px;
}
#globalnavi-right ul{
	margin:0;
	padding:0;
	list-style:none;
}
#globalnavi-right ul li{
	margin:0;
	padding:0 1px 0 0;
	float:left;
}
#globalnavi-right ul li.pr6{
	padding:0 6px 0 0;
}
#globalnavi-right ul li.last{
	padding:0;
}
 #globalnavi-left ul li img,#globalnavi-right ul li img{
	vertical-align:bottom;
}


/*----------------------------------
----------------------------------
 フッター関係（共通）
----------------------------------
----------------------------------*/

#footer-wrapper{
	font-size:12px;
	font-family: "ＭＳ Ｐゴシック", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	line-height:1.6;
	text-align:center;
}
#footer-wrapper a{
	color:#0099ff;
}
#footer-wrapper a:hover{
	color:#ff6410;
	text-decoration:none;
}

/*----------------------------------
----------------------------------
 フッター関係（1024px設定）
----------------------------------
----------------------------------*/

#footer-contents{
	width:1024px;
	margin:0 auto;
	text-align:left;
}
#footer-contents #footer-navi{
	font-size:10px;
	color:#0099ff;
	padding:5px 10px;
}
#footer-contents address#copyright{
	font-style:normal;
	font-size:10px;
	padding:3px 10px 3px 10px;
	text-align:right;
	color:#FFFFFF;
	background:#000000;
}
#footer-contents #footer-left{
	float:left;
	width:245px;
}
#footer-contents #footer-right{
	float:right;
	width:244px;
}

/*----------------------------------
----------------------------------
 フッター関係（940px設定）
----------------------------------
----------------------------------*/

#footer-contents-mini{
	width:940px;
	margin:0 auto;
	text-align:left;
}
#footer-contents-mini #footer-navi{
	font-size:10px;
	color:#0099ff;
	padding:5px 0;
}
#footer-contents-mini address#copyright{
	font-style:normal;
	font-size:10px;
	padding:3px 10px 3px 10px;
	text-align:right;
	color:#FFFFFF;
	background:#000000;
}
#footer-contents-mini #footer-left{
	float:left;
	width:245px;
}
#footer-contents-mini #footer-right{
	float:right;
	width:244px;
}



/*-----------------
 クリア
-----------------*/

/* クリアハック */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
	zoom:100%;
}

/* クリアボックス */

.clearbox {
	height: 0%;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	clear: both;
	visibility: hidden;
}

.infcom_header,
.infcom_footer,
.infcom_stickyNavWrap,
.infcom_header *,
.infcom_footer *,
.infcom_stickyNavWrap *,
.infcom_header div,
.infcom_footer div,
.infcom_stickyNavWrap div,
.infcom_header p,
.infcom_footer p,
.infcom_header span,
.infcom_footer span,
.infcom_stickyNavWrap span,
.infcom_header dl,
.infcom_footer dl,
.infcom_header dt,
.infcom_footer dt,
.infcom_header dd,
.infcom_footer dd,
.infcom_header ol,
.infcom_footer ol,
.infcom_header ul,
.infcom_footer ul,
.infcom_header nav,
.infcom_footer nav,
.infcom_header li,
.infcom_footer li{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-family: "YuGothic Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, "MS PGothic", arial, helvetica, sans-serif;
  line-height: 1.6;
  zoom: 1;
  box-sizing: border-box;
  word-break: break-all;
  outline: none;
}

.infcom_header a,
.infcom_footer a,
.infcom_stickyNavWrap a{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
}
.infcom_header ul,
.infcom_footer ul{
  list-style: none;
}

.infcom_header img,
.infcom_footer img,
.infcom_stickyNavWrap img{
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

/** ヘッダー
********************************/

.infcom_header {
  min-width: 1104px;
  position: relative;
  z-index: 4;
}

.infcom_disp-top.infcom_header {
  border-bottom: 1px solid #dbdbdb;
}

.infcom_header .infcom_headerTop {
  position: relative;
  background-color: #fff;
  z-index: 4;
}

.infcom_header .infcom_headerTopInner {
  width: 1104px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-right: 0;
  padding-top: 13px;
  overflow: hidden;
}

.infcom_disp-top .infcom_headerTopInner {
  padding-top: 11px;
  padding-bottom: 11px;
}

.infcom_header .infcom_headerTopLeft {
  float: left;
  width: 284px;
  font-size: 0;
}

.infcom_header .infcom_headerLogo {
  width: calc(46% - 1px);
  padding-right: 8px;
  padding-left: 10px;
  line-height: 1;
}

.infcom_header .infcom_headerLogo:hover,
.infcom_header .infcom_headerTab:hover,
.infcom_header .infcom_headerLoginBtn:hover, {
  opacity: 0.7;
}

.infcom_header .infcom_headerLogoutBtn:hover {
  opacity: 0.7;
}

.infcom_header .infcom_headerTopLeft>* {
  vertical-align: bottom;
}

.infcom_header .infcom_headerTopLeft>*,
.infcom_header .infcom_headerTopRight>* {
  display: inline-block;
}
.infcom_header .infcom_headerTopRight > * {
vertical-align: middle;
}


.infcom_header .infcom_headerTopRight {
  float: right;
  display: table;
  text-align: right;
}

.infcom_header.infcom_disp-top .infcom_headerTopRight {
  margin-top: 5px;
}

.infcom_header .infcom_headerTab {
  display: inline-block;
  width: 27%;
  padding: 4px 8px;
  text-align: center;
  line-height: 1;
  margin-bottom: -2px;
}

.infcom_header .infcom_headerTab+.infcom_headerTab {
  margin-left: 1px;
}


.infcom_header .infcom_headerTab.infcom_headerTab-toto {
  background-color: #ffd800;
}

.infcom_header .infcom_headerTab.infcom_headerTab-big {
  background-color: #e51711;
}

.infcom_header.infcom_disp-big .infcom_headerNav {
  background-color: #e80000;
}

.infcom_header.infcom_disp-toto .infcom_headerNav {
  background-color: #fcd62c;
}

.infcom_header.infcom_disp-club .infcom_headerNav {
  background-color: #00a000;
}

.infcom_header .infcom_headerLoginBtn {
  margin-left: 66px;
  display: inline-block;
  width: 110px;
}

.infcom_header .infcom_headerLogoutBtn {
  margin-left: 66px;
  display: inline-block;
  width: 110px;
}

.infcom_header .infcom_headerNavInner {
  display: table;
  width: 1104px;
  margin-left: auto;
  margin-right: auto;
}

.infcom_header .infcom_headerNavItem {
  position: relative;
  display: table-cell;
  white-space: nowrap;
  text-align: center;
}

.infcom_header .infcom_headerNavLink {
  display: block;
  width: 198px;
  font-size: 16px;
  padding: 11px;
  white-space: unset;
  position: relative;
}

.infcom_header.infcom_disp-big .infcom_headerNavLink {
  color: #fff;
}

.infcom_header.infcom_disp-toto .infcom_headerNavLink {
  color: #212121;
}

.infcom_header.infcom_disp-club .infcom_headerNavLink {
  color: #fff;
}

.infcom_header .infcom_headerNavItem:first-child>.infcom_headerNavLink {
  padding-left: 2px;
  padding-right: 2px;
}

.infcom_header .infcom_headerNavItem:first-child>.infcom_headerNavLink {
  width: 112px;
}

.infcom_header .infcom_headerNavLink:before,
.infcom_header .infcom_headerNavLink:after {
  content: '';
  display: block;
  position: absolute;
  width: 50%;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  height: 3px;
  bottom: 5px;
  left: 0;
  right: 50%;
  margin-left: auto;
  margin-right: auto;
  transition: -webkit-transform 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
  transition: transform 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
  transition: transform 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98), -webkit-transform 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
}

.infcom_header.infcom_disp-big .infcom_headerNavLink:before,
.infcom_header.infcom_disp-big .infcom_headerNavLink:after {
  background-color: #fff;
}

.infcom_header.infcom_disp-toto .infcom_headerNavLink:before,
.infcom_header.infcom_disp-toto .infcom_headerNavLink:after {
  background-color: #ceaf00;
}

.infcom_header.infcom_disp-club .infcom_headerNavLink:before,
.infcom_header.infcom_disp-club .infcom_headerNavLink:after {
  background-color: #fff;
}

.infcom_header .infcom_headerNavLink:before {
  left: 0;
  right: 50%;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}

.infcom_header .infcom_headerNavLink:after {
  right: 0;
  left: 50%;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

.infcom_header .infcom_headerNavLink:hover:before,
.infcom_header .infcom_headerNavLink:hover:after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.infcom_header .infcom_headerNavLink.infcom_navLink-current:before,
.infcom_header .infcom_headerNavLink.infcom_navLink-current:after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.infcom_header .infcom_headerUtility {
    display: inline-block;
    font-size: 0;
}
.infcom_header .infcom_headerUtility > * {
    display: inline-block!important;
    font-size: 13px;
    vertical-align: middle;
}
.infcom_header .infcom_headerUtilNav>a {
  color: #333;
}

.infcom_header .infcom_headerUtilNav>a:hover {
  text-decoration: underline;
}

.infcom_header .infcom_headerUtilNav>*+* {
  margin-left: 30px;
}


.infcom_header .infcom_headerSubNavInner {
  display: none;
  background-color: #f7f7f7;
  position: absolute;
  width: 100%;
  height: auto;
  padding: 15px;
  text-align: left;
}

.infcom_header .infcom_headerSubNavItem {
  margin-top: 10px;
}

.infcom_header .infcom_headerSubNavItem>a {
  position: relative;
  display: block;
  padding-right: 10px;
  font-size: 14px;
  color: #212121;
}

.infcom_header .infcom_headerSubNavItem>a:hover {
  color: #00a000;
}

.infcom_header .infcom_headerSubNavItem>a:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(-45deg) translate(25%, -50%);
  transform: rotate(-45deg) translate(25%, -50%);
  border-bottom: 2px solid #212121;
  border-right: 2px solid #212121;
}

.infcom_header .infcom_headerSubNavItem:first-child {
  margin-top: 0;
}



/** フッター
********************************/

.infcom_footer {
  min-width: 1104px;
  position: relative;
  background-color: #fff;
}


.infcom_footer .infcom_footerNavWrap {
  border-top: 1px solid #d9d9d9;
  padding-bottom: 37px;
}



/** フッターナビ
********************************/

.infcom_footer .infcom_footerNav {
  width: 1104px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.infcom_footer .infcom_footerNavLink {
  position: relative;
  display: inline-block;
  font-size: 13px;
  padding: 0;
  border-top: none;
  color: #212121;
}

.infcom_footer .infcom_footerNavLinkTop {
  font-weight: bold;
}

.infcom_footer .infcom_footerNavLinkGrandTop {
  margin-bottom: 20px;
}

.infcom_footer .infcom_footerNavLink:after {
  content: '';
  display: block;
  position: absolute;
  right: 17px;
}

.infcom_footer .infcom_footerNavAltWin:after {
  width: 18px;
  height: 17px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  right: 0;
}

.infcom_footer.infcom_disp-big .infcom_footerNavAltWin:after {
  background-image: url(../img/footer/ico_altWin01.png);
}

.infcom_footer.infcom_disp-toto .infcom_footerNavAltWin:after {
  background-image: url(../img/footer/ico_altWin02.png);
}

.infcom_footer.infcom_disp-top .infcom_footerNavAltWin:after {
  background-image: url(../img/footer/ico_altWin03.png);
}

.infcom_footer.infcom_disp-club .infcom_footerNavAltWin:after {
  background-image: url(../img/footer/ico_altWin03.png);
}


.infcom_footer .infcom_footerNavCol {
  float: left;
}

.infcom_footer .infcom_footerNavCol+.infcom_footerNavCol {
  margin-left: 29px;
}

.infcom_footer .infcom_footerNavCol.infcom_footerNavCol1 {
  width: 160px;
}

.infcom_footer .infcom_footerNavCol.infcom_footerNavCol2 {
  width: 254px;
}

.infcom_footer .infcom_footerNavCol>.infcom_footerNavCnt+.infcom_footerNavCnt {
  margin-top: 15px;
}

.infcom_footer .infcom_footerNavListColumn {
  overflow: hidden;
}

.infcom_footer .infcom_footerNavListColumn .infcom_footerNavList {
  float: left;
  width: 108px;
}

.infcom_footer .infcom_footerNavListColumn .infcom_footerNavList+.infcom_footerNavList {
  margin-left: 30px;
}

.infcom_footer .infcom_footerNavLink {
  display: inline-block;
  font-size: 13px;
  padding: 0;
  border-top: none;
}

.infcom_footer .infcom_footerNavLink:not(.infcom_footerNavLinkTop):not(.infcom_footerNavLinkNormal) {
  margin-top: 20px;
}

.infcom_footer .infcom_footerNavLink:not(.infcom_footerNavAltWin):after {
  content: normal;
}

.infcom_footer .infcom_footerNavAltWin {
  padding-right: 20px;
}

.infcom_footer .infcom_footerNavAltWin:after {
  position: inherit;
  padding-left: 5px;
  display: inline-block;
}

.infcom_footer .infcom_footerNavLink:hover {
  text-decoration: underline;
}

.infcom_footer .infcom_footerNavAsideRow>.infcom_footerNavLink {
  display: inline-block;
  width: auto;
  border: none;
  vertical-align: middle;
}

.infcom_footer .infcom_footerNavAsideRow:first-child .infcom_footerNavLink:first-child {
  margin-top: 0;
}




/*SNSボタン
---------------------*/

.infcom_footer .infcom_snsBtnWrap {
  padding-top: 37px;
  padding-bottom: 37px;
  text-align: center;
  font-size: 0;
}

.infcom_footer .infcom_snsBtn {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin-left: 5px;
  margin-right: 5px;
  transition: -webkit-transform 0.2s ease-in-out;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}

.infcom_footer .infcom_snsBtn:hover {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}

.infcom_footer .infcom_snsBtn:first-child {
  margin-left: 0;
}

.infcom_footer .infcom_snsBtn:last-child {
  margin-right: 0;
}

.infcom_footer .infcom_snsBtn>img {
  height: 100%;
}



.infcom_footer .infcom_footerNavLinkBold {
  font-weight: bold;
}

.infcom_footer .infcom_footerNavAsideRow {
  display: block;
}

.infcom_footer .infcom_footerNavBnr {
  padding-bottom: 0;
  padding-top: 35px;
  text-align: center;
  font-size: 0;
}

.infcom_footer .infcom_footerNavBnrLink {
  display: inline-block;
  width: 160px;
  margin-left: auto;
  margin-right: auto;
}

.infcom_footer .infcom_footerNavBnrLink+.infcom_footerNavBnrLink {
  margin-left: 10px;
}

.infcom_footer .infcom_footerNavBnrLink:hover {
  opacity: 0.7;
}

.infcom_footer .infcom_footerNavBnrLink>img {
  width: 100%;
}

.infcom_footer .infcom_footerPageNotice {
  margin-top: 15px;
  font-size: 13px;
  text-align: center;
}

.infcom_footer .infcom_footerPageNotice span {
  padding: 8px 0 8px 32px;
  background: url(../img/footer/ico_under18.png) no-repeat 0 0;
  background-size: 29px 29px;
  font-size: 13px;
}




/*コピーライト
---------------------*/

.infcom_footer .infcom_footerCopy {
  color: #fff;
  font-size: 10px;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
}
.infcom_footer .infcom_footerCopy small{
  font-size: 10px;
}

.infcom_footer.infcom_disp-big .infcom_footerCopy {
  color: #fff;
  background-color: #e80000;
}

.infcom_footer.infcom_disp-toto .infcom_footerCopy {
  color: #212121;
  background-color: #fcd62c;
}

.infcom_footer.infcom_disp-top .infcom_footerCopy {
  color: #fff;
  background-color: #000;
}

.infcom_footer.infcom_disp-club .infcom_footerCopy {
  color: #fff;
  background-color: #00a000;
}


/*ページトップへ
---------------------*/
.infcom_footer .infcom_pageTopBtn {
  position: fixed;
  bottom: 43px;
  right: 20px;
  width: 40px;
  height: 40px;
  opacity: -1;
  z-index: 0;
  -webkit-transition: opacity 0.2s ease, z-index 0.5s ease;
  transition: opacity 0.2s ease, z-index 0.5s ease;
}

.infcom_footer .infcom_pageTopBtn.infcom_show {
    opacity: 1;
    z-index: 2;
}
.infcom_footer .infcom_pageTopAnchor {
  display: block;
  width: 42px;
  height: 42px;
  text-indent: -9999px;
  border: 2px solid #fff;
  background-color: rgba(0,0,0,0.8);
  position: relative;
  border-radius: 50%;
}
.infcom_footer.infcom_disp-big .infcom_pageTopAnchor{
  background-color: rgba(232,0,0,0.8);
}
.infcom_footer.infcom_disp-toto .infcom_pageTopAnchor{
  background-color: rgba(255,216,0,0.8);
}
.infcom_footer.infcom_disp-club .infcom_pageTopAnchor{
  background-color: rgba(0,160,0,0.8);
}
.infcom_footer .infcom_pageTopAnchor:before {
  content: '';
  display: block;
  position: absolute;
  top: 13px;
  left: 0;
  right: 0;
  margin: auto;
  width: 20px;
  height: 11px;
  background: url(../img/footer/ico_pageTop01.png) 0 0 no-repeat;
  background-size: cover;
}
.infcom_footer.infcom_disp-toto .infcom_pageTopAnchor:before {
  background: url(../img/footer/ico_pageTop02.png) 0 0 no-repeat;
  background-size: cover;
}


/* サイドナビ
-----------------------*/

.infcom_stickyNavWrap {
  top: 155px;
  right: 0;
  bottom: auto;
  width: 84px;
  border: 1px solid #575340;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #000;
  position: fixed;
  z-index: 2;
}

.infcom_stickyNavWrap .infcom_stickyNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.infcom_stickyNavWrap .infcom_stickyNavItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 84px;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  font-size: 12px;
  border-bottom: 1px solid #575340;
  letter-spacing: -0.001em;
  line-height: 1.2;
  flex-grow: 1;
  padding: 6px 5px;
  color: #fff;
  background-color: #000;
  -webkit-box-flex: 1;
}

.infcom_stickyNavWrap .infcom_stickyNavItem>* {
  display: block;
  line-height: 1.2;
}

.infcom_stickyNavWrap .infcom_stickyNavIcon {
  margin-bottom: 3px;
}

.infcom_stickyNavWrap .infcom_stickyNavIcon>img {
  height: 23px;
}

.infcom_stickyNavWrap .infcom_stickyNavTxt{
  font-size: 12px;
}