@charset "utf-8";

/*******************************
** ヘッダー
********************************/
/* toto big共通部分
********************************/
.BG_d6e7f0 {background: #d6e7f0;}
.disp-top.header {
	border-bottom: 1px solid #dbdbdb;
}


.headerTop {
	position: relative;
	background-color: #fff;
	z-index: 4;
        border-bottom: 1px solid #d9d9d9;
}
.headerTopInner {
	overflow: hidden;
	padding-top: 8px;
	display: flex;
	align-items: flex-start;
	position: relative;
}

@media print, screen and (min-width: 768px) {
	.headerTopInner {
		overflow: unset;
	}
}
.headertabList:before {display: block;content: "";width: 100vw;position: absolute;top:0; border-bottom: 1px solid #d9d9d9;}

.disp-top .headerTopInner {
	padding-top: 11px;
	padding-bottom: 11px;
}

.headerTopLeft,.headerTopRight {display: flex;flex-wrap: wrap;}
.headerTopLeft {
	width: 78%;
	font-size: 0;
	align-items: center;
}
.headerTopRight {
	position: relative;
	width: 23%;
}
.headerTopLeft > *,
.headerTopRight > * {
	display: inline-block;
}
.headerTopRight > * {
	vertical-align: middle;
}
.headerTopLeft > * {
	vertical-align: bottom;
}
.headerLogo {
	width: calc(39.92% - 1px);
	padding-right: 8px;
	padding-left: 10px;
	line-height: 1;
}
.headertabList {width: 100%;padding: 1vw 0;position: relative;}
.headerTab {
	display: inline-block;
	width: 23.15%;
	padding: 4px 8px;
	text-align: center;
	line-height: 1;
	vertical-align: middle;
	height: 9.613333vw;
}
.headertabList .headerTab {
  display: inline-block;
  max-width: 100%;
  line-height: 0;
}
.headertabList .headerTab img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
 }
.headertabList .headerTab.BG_d6e7f0 img {
  max-width: 100%;
  height: auto;
  display: block;
}
@media print, screen and (max-width: 767px) {
	.headerTab {
		width: 20%;
	}
}
.disp-top .headerTab{
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.headerTab + .headerTab {
	margin-left: 1px;
}
.headerTab.BG_d6e7f0 {}
.headerTab.BG_d6e7f0 img {height: 100%;}
.headerTab.headerTab-toto {
	background-color: #ffd800;
}
.headerTab.headerTab-big {
	background-color: #e51711;
}
.headerUtility {
	display: none;
}
.headerLoginBtn {
	line-height: 1.3;
	text-align: center;
	position: relative;
}
.disp-top .headerLoginBtn{
	margin-top: 5px;
}
.headerLoginBtn.headerLogin-toto {
	border: 0.3px solid #01a400;
    background: #01a400;
    border-radius: 20px;
    padding: 6px;
    font-size: 13px;
    color: #ffffff;
}
.headerSearch {
	display: none;
}
.headerSpNavToggle {
	display: block;
	height: 5vw;
	width: 44px;
	font-size: 0;
	text-indent: -9999px;
	background:url(/system/files/common/img/ico_spMenu_open.png) no-repeat center/ 53% auto;
	cursor: pointer;
}
.headerSpNavToggle.pcMenu {
	display: flex;
	width: 40px;
	height: 26px;
	margin-left: 10px;
	flex: 0 0 auto;
	background:url(/system/files/common/img/ico_pcMenu_open.png) no-repeat center/ 100% auto;
	background-size: contain;
}
.is-spnavopen .headerSpNavToggle {
	background-image:url(/system/files/common/img/ico_spMenu_close.png);
	background-size: 38% auto;
}

.headerLogo:hover,
.headerTab:hover,
.headerLoginBtn:hover {
	opacity: 0.7;
}

@media print,screen and (min-width: 768px) {
	.header {
		position: relative;
		z-index: 4;
	}
	.headerTopInner {
		width: 1104px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		padding-right: 0;
		padding-top: 13px;
	}
	.disp-top .headerTopRight {
		margin-top: 5px;

	}
.headerTab.BG_d6e7f0 {padding:4px 8px;height: auto;}
	.headerTab {
		margin-bottom: -2px;
		height: auto;
	}
	.headerTopLeft {
		max-width: inherit;
		width: 500px;
	}
	.headerLoginBtn.headerLogin-toto {margin-top: 0;}
	.headerTopRight {
		max-width: inherit;
		width: 516px;
		display: table;
		text-align: right;
	}
	.disp-top .headerLoginBtn {
		margin-top: 0;
	}
	.headerUtility {
		display: inline-block;
		font-size: 0;
	}
	.headerUtility > * {
		display: inline-block!important ;
		font-size: 1.3rem;
		vertical-align: middle;
	}
	.headerUtilNav > a,
	.haederLangUtil > a {
		color: #333
	}
	.headerUtilNav > a:hover,
	.haederLangUtil > a:hover,
	.haederLangUtil > .haederLangItem:hover > * {
		text-decoration: underline;
	}
	.headerUtilNav > * + *{
		margin-left: 30px;
	}
	.haederLangUtil {
		margin-left: 28px;
		border-left: 1px solid #dbdbdb;
		border-right: 1px solid #dbdbdb;
		font-size: 0;
	}
	.haederLangUtil > * {
		display: inline-block;
		font-size: 1.3rem;
		padding: 2px 10px;
	}
	.haederLangItem + .haederLangItem {
		border-left: 1px solid #dbdbdb;
	}
	.haederLangItem.is-current > *{
		text-decoration: underline;
	}
	.haederSearchToggle {
		width: 40px;
		height: 24px;
		text-align: center;
		margin-left: 14px;
		cursor: pointer;
	}
	.haederSearchToggle > img {
		width: 20px;
	}
	.headerLoginBtn {
		margin-left: 12px;
		display: inline-block;
		width: 110px;
	}
	.headerSpNavToggle {
		display: block;
	}
	/*検索ボックス
	********************************/
	.headerSearch {
		display: block;
		position: absolute;
		top: 60px;
		left: 0;
		width: 100%;
		-webkit-transform: translateY(-190px);
		        transform: translateY(-190px);
		overflow: hidden;
		z-index: 1;
		background-color: #f2f2f2;
		transition: -webkit-transform 0.5s ease;
		-webkit-transition: -webkit-transform 0.5s ease;
		transition: transform 0.5s ease;
		transition: transform 0.5s ease, -webkit-transform 0.5s ease;
	}
	.headerSearch.is-show {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
	.headerSearchInner {
		width: 600px;
		padding-top: 40px;
		padding-bottom: 40px;
		margin-left: auto;
		margin-right: auto;
	}
	.headerSearchBox > * {
		display: inline-block;
		vertical-align: middle;
	}
	.headerSearchBtn {
		border: none;
		height: 45px;
		line-height: 45px;
		display: inline-block;
		background: #000;
		padding-left: 32px;
		padding-right: 32px;
		font-weight: bold;
		color: #fff;
		text-align: center;
		font-size: 1.6rem;
	}
	.headerSearchInput {
		background-color: #fff;
		border: 2px solid #dbdbdb;
		padding: 11px 8px;
		width: 453px;
		height: 45px;
		font-size: 1.6rem;
	}
	.headerSearchInput::-webkit-input-placeholder {
		color: #999;
	}
	.headerSearchInput:-ms-input-placeholder {
		color: #999;
	}
	.headerSearchInput::-ms-input-placeholder {
		color: #999;
	}
	.headerSearchInput::placeholder {
		color: #999;
	}
	.headerSearchInput::-moz-placeholder {
		color: #999;
	}
	.headerSearchInput:placeholder-shown {
		color: #999;
	}
	.headerSearchClose {
		background-color: #999;
		height: 60px;
		line-height: 60px;
		text-align: center;
		color: #fff;
		cursor: pointer;
	}
	.headerSearchClose > * {
		position: relative;
		display: inline-block;
		padding-left: 25px;
	}
	.headerSearchClose > *:before,
	.headerSearchClose > *:after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin-top: auto;
		margin-bottom: auto;
		width: 17.5px;
		height: 2px;
		background-color: #fff;
	}
	.headerSearchClose > *:before {
		-webkit-transform: rotate(45deg);
		        transform: rotate(45deg);
	}
	.headerSearchClose > *:after {
		-webkit-transform: rotate(-45deg);
		        transform: rotate(-45deg);
	}
	.headerSearchOverlay {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 3;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.5);
		display: none;
	}
}

/*******************************
**　ナビゲーション
********************************/
.headerNav {
	padding-left: 10px;
	padding-right: 10px;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	border-bottom: 1px solid #d9d9d9;
}
.disp-big .headerNav {
}
.disp-toto .headerNav {
}
.headerNavInner {
	display: table;
}
.headerNavItem {
	display: table-cell;
	white-space: nowrap;
	text-align: center;
}
.headerNavLink {
	display: block;
	font-size: 1.2rem;
	padding: 11px;
	position: relative;
}
.disp-big .headerNavLink {
}
.disp-toto .headerNavLink {
	color: #212121;
}
.headerNavItem:first-child > .headerNavLink {
	padding-left: 2px;
	padding-right: 2px;
}
.headerNavLink:before,
.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);
}
.disp-big .headerNavLink:before,
.disp-big .headerNavLink:after {
	background-color: #e80000;
}
.disp-toto .headerNavLink:before,
.disp-toto .headerNavLink:after {
	background-color: #ffd800;
}
.headerNavLink:before {
	left: 0;
	right: 50%;
	-webkit-transform-origin: right center;
	transform-origin: right center;
}
.headerNavLink:after {
	right: 0;
	left: 50%;
	-webkit-transform-origin: left center;
	transform-origin: left center;
}
.headerNavLink.navLink-current:before,
.headerNavLink.navLink-current:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.disp-winner .headerNavLink:before {
    background: linear-gradient(
130deg,#e6002d,#953c90 89.05%);
}
.disp-winner .headerNavLink:after {
    background: linear-gradient(
130deg,#953c90 ,#00479d 89.05%);
}

@media print,screen and (min-width: 768px) {
	.headerNav {
		padding-left: 0;
		padding-right: 0;
		overflow-x: auto;
	}
	.headerNavInner {
		width: 1104px;
		margin-left: auto;
		margin-right: auto;
	}
	.headerNavLink {
		white-space: unset;
		width: 198px;
		font-size: 1.6rem;
	}
	.headerNavItem:first-child > .headerNavLink {
		width: 112px;
	}
	.headerNavLink:hover:before,
	.headerNavLink:hover:after {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
}
/*******************************
**　SPナビゲーション
********************************/
.headerSpNavWrap {
	position: fixed;
	width: calc(100% - 44px);
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	background-color: #f2f2f2;
	visibility: hidden;
	-webkit-transition: visibility 0.2s;
	transition: visibility 0.2s;
}
body.is-spnavopen .headerSpNavWrap {
	visibility: visible;
}
body.is-spnavopen .headerSpNavInner {
	overflow-y: scroll;
	height: 100%;
	-webkit-overflow-scrolling: touch;
}
.headerSpNavBodyBlocker {
	position: fixed;
	top: 40px;
	bottom: 0;
	width: 100%;
	-webkit-transform: translateX(calc(-100% + 44px));
	        transform: translateX(calc(-100% + 44px));
	z-index: 2;
	display: none;
}

body.is-spnavopen .headerSpNavBodyBlocker {
	display: block;
}

/*検索ボックス
********************************/
.headerSpSearch {
	padding: 25px 20px;
	background-color: #f2f2f2;
}
.headerSpSearchBox {
	border: 2px solid #dbdbdb;
	position: relative;
	padding-left: 38px;
	background-color: #fff;
}
.headerSpSearchBtn {
	border: none;
	display: block;
	position: absolute;
	width: 38px;
	height: 100%;
	top: 0;
	left: 0;
	text-indent: -999px;
	background:url(/system/files/common/img/ico_search01.png) no-repeat center/18px auto;
	font-size: 1.6rem;
}
.headerSpSearchInputWrap {
	padding-top: 7px;
	padding-bottom: 7px;
	line-height: 1;
}
.headerSpSearchInputInner {
	border-left: 1px solid #212121;
}
.headerSpSearchInput {
	border: none;
	padding-left: 4px;
	font-size: 1.4rem;
	margin: 0;
}
.headerSpSearchInput::-webkit-input-placeholder {
  color: #999;
}
.headerSpSearchInput:-ms-input-placeholder {
  color: #999;
}
.headerSpSearchInput::-ms-input-placeholder {
  color: #999;
}
.headerSpSearchInput::placeholder {
  color: #999;
}

.headerSpSearchInput::-webkit-input-placeholder {
  color: #999;
}

.headerSpSearchInput::-moz-placeholder {
  color: #999;
}

.headerSpSearchInput:-ms-input-placeholder {
  color: #999;
}

.headerSpSearchInput:placeholder-shown {
  color: #999;
}

/*リンクリスト
********************************/
.headerSpnavListGlobal,
.headerSpnavListLocal {
	border-bottom: 1px solid #dbdbdb;
}
.headerSpnavListLocal {
	padding-left: 12px;
	padding-right: 12px;
}
.headerSpnavListLocal.spNavListBig {
	background-color: #ffebeb;
}
.headerSpnavListLocal.spNavListToto {
	background-color: #fdf5c7;
}
.headerSpnavListLocal.spNavListClub{
	background-color: #e2ffe2;
}
.headerSpNavLink {
	display: block;
	position: relative;
	padding-top: 12px;
	padding-bottom: 12px;
	color: #212121;
}
.headerSpnavItem + .headerSpnavItem {
	border-top: 1px solid #dbdbdb;
}
.headerSpnavItem.spNavGlobal > .headerSpNavLink {
	padding-left: 21px;
	padding-right: 27px;
}
.headerSpnavItem.spNavAccBtn > .headerSpNavLink {
	padding-left: 21px;
	padding-right: 32px;
}
.headerSpnavItem.spNavLocal > .headerSpNavLink {
	padding-left: 17px;
	padding-right: 18px;
}
.headerSpnavItem.spNavBig > .headerSpNavLink,
.headerSpnavItem.spNavTop > .headerSpNavLink,
.headerSpnavItem.spNavToto > .headerSpNavLink,
.headerSpnavItem.spNavClub > .headerSpNavLink {
	font-weight: bold;
}
.headerSpnavItem.spNavBig .headerSpNavLink {
	background-color: #e61e18;
	color: #fff;
}
.headerSpnavItem.spNavTop .headerSpNavLink {
	background-color: #fff;
	color: #212121;
}
.headerSpnavItem.spNavKuji .headerSpNavLink {
	background-color: #fff;
	color: #000000;
	border-top: 1px solid #dbdbdb;
}
.headerSpnavItem.spNavToto .headerSpNavLink {
	background-color: #ffd908;
}
.headerSpnavItem.spNavClub .headerSpNavLink {
	border-bottom: 1px solid #dbdbdb;
	background-color: #00a000;
	color: #fff;
}
.headerSpnavItem.spNavGlobal .headerSpNavLink:before,
.headerSpnavItem.spNavLocal .headerSpNavLink:before {
	content: '';
	display: block;
	position: absolute;
	width: 7px;
	height: 7px;
	border-right: 3px solid #999;
	border-bottom: 3px solid #999;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	-webkit-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}
.spNavListKuji .headerSpnavItem.spNavLocal .headerSpNavLink:before {
	border-right: 3px solid #00a000;
	border-bottom: 3px solid #00a000;
}
.headerSpnavItem.spNavGlobal > .headerSpNavLink:before {
	right: 16px
}
.headerSpnavItem.spNavLocal > .headerSpNavLink:before {
	right: 7px
}
.headerSpnavItem.spNavBig > .headerSpNavLink:before {
	border-color: #fff;
}
.headerSpnavItem.spNavTop > .headerSpNavLink:before,
.headerSpnavItem.spNavToto > .headerSpNavLink:before {
	border-color: #212121;
}
.headerSpnavItem.spNavAccBtn > .headerSpNavLink:before,
.headerSpnavItem.spNavAccBtn > .headerSpNavLink:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	margin-top: auto;
	margin-bottom: auto;
	width: 12px;
	height: 2px;
}
.headerSpnavItem.spNavAccBtn > .headerSpNavLink:before {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}
.headerSpnavItem.spNavAccBtn.spNavKuji > .headerSpNavLink:before,
.headerSpnavItem.spNavAccBtn.spNavKuji > .headerSpNavLink:after {
	background-color: #00a000;
}
.headerSpnavItem.spNavAccBtn.spNavWinner > .headerSpNavLink:before,
.headerSpnavItem.spNavAccBtn.spNavWinner > .headerSpNavLink:after {
	background-color: #fff
}
.headerSpnavItem.spNavAccBtn.spNavBig > .headerSpNavLink:before,
.headerSpnavItem.spNavAccBtn.spNavBig > .headerSpNavLink:after {
	background-color: #fff;
}
.headerSpnavItem.spNavAccBtn.spNavToto > .headerSpNavLink:before,
.headerSpnavItem.spNavAccBtn.spNavToto > .headerSpNavLink:after {
	background-color: #212121;
}
.headerSpnavItem.spNavAccBtn.spNavClub > .headerSpNavLink:before,
.headerSpnavItem.spNavAccBtn.spNavClub > .headerSpNavLink:after {
	background-color: #fff;
}
.headerSpnavItem.spNavAccBtn.is-active > .headerSpNavLink:before {
	content: normal;
}

.headerSpnavItem.spNavAccBtn.spNavWinner > .headerSpNavLink:before, .headerSpnavItem.spNavAccBtn.spNavWinner > .headerSpNavLink:after {background-color: #fff}
.headerSpnavItem.spNavWinner .headerSpNavLink {background: linear-gradient(130deg,#e6002d,#953c90 50%,#00479d 89.05%);;color: #fff;font-weight: bold;}
.headerSpnavListLocal.spNavListWinner {background: #d6e7f0;}

.headerSpNavLang {
    margin: 15px 10px 0;
}

.headerSpNavLang a {
    display: inline-block;
    border: 1px solid #000;
    padding: 10px;
    width: calc(50% - 8px);
    margin-right: 10px;
    color: #000;
    font-weight: bold;
    text-align: center;
}
.headerSpNavLang a span{
	color: #000;
}


.headerSpNavLang a:last-child {
    margin-right: 0;
}

.headerSpNavLang a.is-current {
    background: #000;
    color: #fff;
}
.headerSpNavLang a.is-current span{
	color: #fff;
}

/*閉じるボタン
********************************/
.headerSpNavClose {
	background-color: #f2f2f2;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}
.headerSpNavCloseBtn {
	position: relative;
	display: inline-block;
	padding: 17px 17px 17px 38px;
	border: 1px solid #212121;
	line-height: 1;
	cursor: pointer;
}
.headerSpNavCloseBtn:before,
.headerSpNavCloseBtn:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 14px;
	margin-top: auto;
	margin-bottom: auto;
	width: 17.5px;
	height: 2px;
	background-color: #999;
}
.headerSpNavCloseBtn:before {
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.headerSpNavCloseBtn:after {
	-webkit-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}
/*PCナビゲーション
********************************/
.pcNavInner {
  position: absolute;
  width: 100%;
  max-width: 1300px;
  padding: 40px 50px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 1000;
  display: none;
  background: #fff;
  border: 1px solid #d9d9d9;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}
.pcNavCloseBtn {
  position: absolute;
  top: 0px;
  right: 10px;
  z-index: 10;
  background: none;
  border: none;
  font-size: 36px;
  cursor: pointer;
  color: #000;
}
.pcNavInnerContentBox {
	display: flex;
	flex-direction: column;
	gap: 36px;
}
.pcNavInnerContentWrap {
	display: flex;
	justify-content: space-between;
}
.pcNavInnerContentWrap._2 {
	display: flex;
	justify-content: center;
	gap: 50px;
}
.pcNavInnerContentWrap._2 .headerPcnavItemTitle:hover {
	text-decoration: underline;
}
.headerPcnavItem {
	display: flex;
	flex-direction: column;
	min-width: 249px;
}
.headerPcnavItemTitle {
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
}
.headerPcnavItemTitle a {
	color: #212121;
}
.headerPcnavItemTitle._2 {
	margin-top: 36px;
}
.headerPcnavItemList {
	display: flex;
	margin-top: 26px;
	flex-direction: column;
	gap: 16px;
	line-height: 1;
}
.headerPcnavItemList li a {
	margin-left: 10px;
	font-size: 16px;
	color: #212121;
}
.headerPcnavItemList li a:hover {
	text-decoration: underline;
}/*******************************
** フッター
********************************/
.footer {
	position: relative;
	background-color: #000;
}
.disp-gd.footer{
	padding-top: 20px;
	background-color: #000;
	overflow: hidden;
}

.disp-gd.footer.disp-winner {padding-top: 0;}
/*
.disp-gd.footer:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5vw 100vw 0 0;
    border-color: #fff transparent transparent transparent;
}*/
.disp-toto.footer,
.disp-big.footer {
	padding-bottom: 48px;
}
@media print,screen and (min-width: 768px) {
	.disp-gd.footer{
		padding-top: 40px;
	}
	.disp-toto.footer,
	.disp-big.footer {
		padding-bottom: 0;
	}
}
/** ページトップボタン
********************************/
.pageTopBtn {
	position: fixed;
	bottom: 92px;
	right: 10px;
	width: 40px;
	height: 40px;
	z-index: -1;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease, z-index 0.5s ease;
	transition: opacity 0.2s ease, z-index 0.5s ease;
}
.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%;
}
.disp-big .pageTopAnchor{
	background-color: rgba(232,0,0,0.8);
}
.disp-toto .pageTopAnchor{
	background-color: rgba(255,216,0,0.8);
}
.pageTopBtn.is-show {
	opacity: 1;
	z-index: 2;
}
.pageTopAnchor:before {
	content: '';
	display: block;
	position: absolute;
	top: 13px;
	left: 0;
	right: 0;
	margin: auto;
	width: 20px;
	height: 11px;
	background:url(/system/files/common/img/ico_pageTop01.png) 0 0 no-repeat;
	background-size: cover;
}
.disp-toto .pageTopAnchor:before {
	background:url(/system/files/common/img/ico_pageTop02.png) 0 0 no-repeat;
	background-size: cover;
}
@media print,screen and (min-width: 768px) {
	.pageTopBtn {
		right: 20px;
		bottom: 43px;
	}
}

/** フッターナビ
********************************/
.footerNavWrap {
	position: relative;
}

/*SNSボタン
---------------------*/
.snsBtnWrap {
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	font-size: 0;
}
.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;
}
.snsBtn:hover {
	-webkit-transform: translateY(-4px);
	        transform: translateY(-4px);
}
.snsBtn:first-child {
	margin-left: 0;
}
.snsBtn:last-child {
	margin-right: 0;
}
.snsBtn > img {
	height: 100%;
}
@media print,screen and (min-width: 768px) {
	.snsBtnWrap {
		padding-top: 37px;
		padding-bottom: 37px;
	}
}
/*リンクリスト & アコーディオン
---------------------*/
.footerNavLink{
	border-top: 1px solid #d9d9d9;
}
.footerSpAccBtn {
	border-top: 1px solid #d9d9d9;
	position: relative;
	padding: 18px 32px 18px 10px;
	font-size: 1.2rem;
}
.footerSpAccBtn{
	color: #dbdbdb;
}
.footerSpAccBtn:before,
.footerSpAccBtn:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	margin-top: auto;
	margin-bottom: auto;
	width: 12px;
	height: 2px;
	background-color: #999;
}
.footerSpAccBtn:before {
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
}
.footerSpAccBtn.is-active:before {
	content: normal;
}

.js-spAccCntInner .footerNavLink{
	padding: 17px 34px 17px 17px;
}

.footerNavLink {
	display: block;
	position: relative;
	font-size: 1.2rem;
	padding: 17px 34px 17px 10px;
	color: #dbdbdb;
}
.disp-gd .footerNavLink{
	color: #dbdbdb;
}
.footerNavLink:after {
	content: '';
	display: block;
	position: absolute;
	right: 17px;
}
.footerNavLink:not(.footerNavAltWin):after {
	width: 7px;
	height: 7px;
	border-right: 3px solid #999;
	border-bottom: 3px solid #999;
	-webkit-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	top: 50%;
	margin-top: -3.5px;
}
.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: 14px;
}
.disp-gd .footerNavAltWin:after {
	background-image:url(/system/files/common/img/ico_altWin04.png);
}
.disp-big .footerNavAltWin:after {
	background-image:url(/system/files/common/img/ico_altWin04.png);
}
.disp-toto .footerNavAltWin:after {
	background-image:url(/system/files/common/img/ico_altWin04.png);
}
.disp-top .footerNavAltWin:after {
	background-image:url(/system/files/common/img/ico_altWin04.png);
}
.footerNavAside {
	display: table;
	table-layout: fixed;
	border-collapse: collapse;
	width: 100%;
}
.footerNavAsideRow {
	display: table-row;
}
.footerNavAsideRow > * {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
	border: 1px solid #d9d9d9;
}
.footerNavAsideRow > *:nth-child(odd) {
	border-left-color: transparent;
}
.footerNavAsideRow > *:nth-child(even) {
	border-right-color: transparent;
}
.footerNavBnr {
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	font-size: 0;
}
.footerNavBnrLink:hover {
	opacity: 0.7;
}
.footerNavBnrLink {
	display: inline-block;
	width: 31%;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #dbdbdb;
}
.footerNavBnrLink + .footerNavBnrLink {
	margin-left: 10px;
}
.footerNavBnrLink > img {
	width: 100%;
}

.footerPageNotice{
	font-size: 1.1rem;
	margin-bottom: 20px;
	text-align: center;
	color: #fff;
}
.footerPageNotice span{
	padding: 8px 0 8px 32px;
	background:url(/system/files/common/img/ico_under18.png) no-repeat 0 0;
	background-size: 29px 29px;
}

@media print,screen and (min-width: 768px) {

	.disp-top.dip-grand-top.footer {
		margin-top: 68px;
	}
	.disp-top.dip-grand-top.footer:before {
		content: '';
		display: block;
		position: absolute;
		top: -60px;
		left: 0;
		width: 100%;
		height: 60px;
		background:url(/system/files/common/img/bg_grandTop01.gif) no-repeat center bottom/ 100% 60px;
	}
	.footerNav {
		width: 1104px;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
	}
	.footerNavWrap {
		padding-bottom: 37px;
	}
	.footerNavCol {
		float: left;
	}
	.footerNavCol + .footerNavCol {
		margin-left: 44px;
	}
	.footerNavCol.footerNavCol1 {
		width: 160px;
	}
	.footerNavCol.footerNavCol2 {
		width: 120px;
	}
	.footerNavCol.footerNavCol2:nth-child(5){
		width: 200px;
	}
	.footerNavCol.footerNavCol2:nth-child(7) {
		width: 160px;
	}
	.footerNavCol > .footerNavCnt + .footerNavCnt {
		margin-top: 15px;
	}
	.footerNavListColumn {
		overflow: hidden;
	}
	.footerNavListColumn .footerNavList {
		float: left;
		width: 200px;
	}
	.footerNavListColumn .footerNavList + .footerNavList {
		margin-left: 30px;
	}
	.footerNavLink{
		display: inline-block;
		font-size: 1.3rem;
		padding: 0;
		border-top: none;
	}
	.footerNavLink:not(.footerNavLinkTop):not(.footerNavLinkNormal) {
		margin-top: 20px;
	}
	.footerNavLink:not(.footerNavAltWin):after {
		content: normal;
	}
	.footerNavAltWin {
		padding-right: 20px;
	}
	.footerNavAltWin:after {
		right: 0;
	}
	.footerNavLink:hover {
		text-decoration: underline;
	}
	.footerNavLinkTop {
		font-weight: bold;
	}
	.footerNavLinkBold {
		font-weight: bold;
	}
	.footerNavLinkGrandTop {
		margin-bottom: 20px;
	}
	.footerSpAccBtn {
		display: none;
	}
	.js-spAccCntInner .footerNavLink{
		padding: 0;
	}
	.footerNavAside {
		display: block;
	}
	.footerNavAsideRow {
		display: block;
	}
	.footerNavAsideRow > .footerNavLink {
		display: inline-block;
		width: auto;
		border: none;
	}
	.footerNavAsideRow:first-child .footerNavLink:first-child {
		margin-top: 0;
	}
	.footerNavBnr {
		padding-bottom: 0;
		padding-top: 35px;
		text-align: center;
		font-size: 0;
	}
	.footerNavBnr .footerNavBnrLink{
		width: 160px;
	}
	.footerPageNotice{
		margin-bottom: 0;
		margin-top: 15px;
		font-size: 1.3rem;
	}
}
/*コピーライト
---------------------*/
.footerCopy {
	color: #fff;
	font-size: 1rem;
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	color: #fff;
	background-color: #000;
}

/*******************************
** 追従ナビ
********************************/
.stickyNavWrap {
	bottom: 0;
	right: 0;
	width: 100%;
	position: fixed;
	z-index: 2;
}
.stickyNav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.stickyNavItem {
	width: 20%;
	text-align: center;
	padding: 6px 5px;
	color: #fff;
	background-color: #000;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	font-size: 1rem;
	letter-spacing: -0.001em;
	line-height: 1.2;
}
.stickyNavItem:hover {
	opacity: 0.6;
}
.stickyNavItem > * {
	display: block;
}
.stickyNavIcon {
	margin-bottom: 4px;
}
.stickyNavIcon > img{
	height: 20px;
}
@media print,screen and (min-width: 768px) {
	.stickyNavWrap {
		top: 155px;
		bottom: auto;
		width: 84px;
		border: 1px solid #575340;
		padding-left: 4px;
		padding-right: 4px;
		background-color: #000;
	}
	.stickyNav {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.stickyNavItem {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex!important;
		-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: 1.2rem;
		border-bottom: 1px solid #575340;
	}
	.stickyNavItem.pcOnly {display: flex!important;}
	.stickyNavItem:last-of-type{
		border-bottom: none;
	}
	.stickyNavItem:hover {
		opacity: 0.6;
	}
	.stickyNavItem > * {
		display: block;
	}
	.stickyNavIcon {
		margin-bottom: 3px;
	}
	.stickyNavIcon > img{
		height: 23px;
	}
}
/*******************************
**パンくず
********************************/

.dirpath {
	display: none;
}

/*******************************
**共通パーツ
********************************/
body, html, #wrap {
	height: 100%;
}
body{
	-webkit-text-size-adjust: 100%;
	position: relative;
	z-index: 1;
}
body.is-spnavopen {
	overflow: hidden;
}
body.is-spnavopen #wrap{
	-webkit-transform: translateX(calc(100% - 44px));
	        transform: translateX(calc(100% - 44px));
	-webkit-box-shadow: 2px 0 22px 0 rgba(0,0,0, 0.5);
	        box-shadow: 2px 0 22px 0 rgba(0,0,0, 0.5);
}
#wrap {
	position: relative;
	z-index: 1;
	background-color: #fff;
	transition: -webkit-transform 0.2s ease;
	-webkit-transition: -webkit-transform 0.2s ease;
	transition: transform 0.2s ease;
	transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.mainInner{
	padding: 0 10px 36px;
}
.mainInner > *:last-child{
	margin-bottom: 0;
}
.pcOnly{
	display: none!important;
}
.spOnly{
	display: block!important;
}
.pcOnlyInline{
	display: none!important;
}
.spOnlyInline{
	display: inline-block!important;
}
.tdU {
	text-decoration: underline !important;
}
.taC {
	text-align: center !important;
}
.taL {
	text-align: left !important;
}
.taR {
	text-align: right !important;
}
.tcRed {
	color: #e80000 !important;
	}
.w1sp { width: 1% !important; }
.w2sp { width: 2% !important; }
.w3sp { width: 3% !important; }
.w4sp { width: 4% !important; }
.w5sp { width: 5% !important; }
.w6sp { width: 6% !important; }
.w7sp { width: 7% !important; }
.w8sp { width: 8% !important; }
.w9sp { width: 9% !important; }
.w10sp { width: 10% !important; }
.w11sp { width: 11% !important; }
.w12sp { width: 12% !important; }
.w13sp { width: 13% !important; }
.w14sp { width: 14% !important; }
.w15sp { width: 15% !important; }
.w16sp { width: 16% !important; }
.w17sp { width: 17% !important; }
.w18sp { width: 18% !important; }
.w19sp { width: 19% !important; }
.w20sp { width: 20% !important; }
.w21sp { width: 21% !important; }
.w22sp { width: 22% !important; }
.w23sp { width: 23% !important; }
.w24sp { width: 24% !important; }
.w25sp { width: 25% !important; }
.w26sp { width: 26% !important; }
.w27sp { width: 27% !important; }
.w28sp { width: 28% !important; }
.w29sp { width: 29% !important; }
.w30sp { width: 30% !important; }
.w31sp { width: 31% !important; }
.w32sp { width: 32% !important; }
.w33sp { width: 33% !important; }
.w34sp { width: 34% !important; }
.w35sp { width: 35% !important; }
.w36sp { width: 36% !important; }
.w37sp { width: 37% !important; }
.w38sp { width: 38% !important; }
.w39sp { width: 39% !important; }
.w40sp { width: 40% !important; }
.w41sp { width: 41% !important; }
.w42sp { width: 42% !important; }
.w43sp { width: 43% !important; }
.w44sp { width: 44% !important; }
.w45sp { width: 45% !important; }
.w46sp { width: 46% !important; }
.w47sp { width: 47% !important; }
.w48sp { width: 48% !important; }
.w49sp { width: 49% !important; }
.w50sp { width: 50% !important; }
.w51sp { width: 51% !important; }
.w52sp { width: 52% !important; }
.w53sp { width: 53% !important; }
.w54sp { width: 54% !important; }
.w55sp { width: 55% !important; }
.w56sp { width: 56% !important; }
.w57sp { width: 57% !important; }
.w58sp { width: 58% !important; }
.w59sp { width: 59% !important; }
.w60sp { width: 60% !important; }
.w61sp { width: 61% !important; }
.w62sp { width: 62% !important; }
.w63sp { width: 63% !important; }
.w64sp { width: 64% !important; }
.w65sp { width: 65% !important; }
.w66sp { width: 66% !important; }
.w67sp { width: 67% !important; }
.w68sp { width: 68% !important; }
.w69sp { width: 69% !important; }
.w70sp { width: 70% !important; }
.w71sp { width: 71% !important; }
.w72sp { width: 72% !important; }
.w73sp { width: 73% !important; }
.w74sp { width: 74% !important; }
.w75sp { width: 75% !important; }
.w76sp { width: 76% !important; }
.w77sp { width: 77% !important; }
.w78sp { width: 78% !important; }
.w79sp { width: 79% !important; }
.w80sp { width: 80% !important; }
.w81sp { width: 81% !important; }
.w82sp { width: 82% !important; }
.w83sp { width: 83% !important; }
.w84sp { width: 84% !important; }
.w85sp { width: 85% !important; }
.w86sp { width: 86% !important; }
.w87sp { width: 87% !important; }
.w88sp { width: 88% !important; }
.w89sp { width: 89% !important; }
.w90sp { width: 90% !important; }
.w91sp { width: 91% !important; }
.w92sp { width: 92% !important; }
.w93sp { width: 93% !important; }
.w94sp { width: 94% !important; }
.w95sp { width: 95% !important; }
.w96sp { width: 96% !important; }
.w97sp { width: 97% !important; }
.w98sp { width: 98% !important; }
.w99sp { width: 99% !important; }
.w100sp { width: 100% !important; }

input,
button {
	border-radius: 0;
}
input,
select,
button,
textarea {
	font-family: YuGothic Medium,'Yu Gothic Medium', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, 'MS PGothic', arial, helvetica, sans-serif;
	-webkit-appearance: none;
}
*{
	-webkit-transition: background .4s ease 0s, color .4s ease 0s , border .4s ease 0s;
	transition: background 0.4s ease 0s, color 0.4s ease 0s , border 0.4s ease 0s;
}
select::-ms-expand {
    display: none;
}

@media print,screen and (max-width: 767px) {
	.headerLoginBtn.headerLogin-toto {
    	padding: 1vw;
    	width: 20vw;
    	margin-right: 1vw;
    	font-size: 3.2vw;
    	margin-top: 0;
	}
}
@media print,screen and (min-width: 768px) {
.headertabList:before {display: none;}
.headertabList {padding: 0;}
.headerTopLeft, .headerTopRight {flex-wrap: nowrap;}
.headerTopInner {justify-content:flex-start;}
.headerSearchClose {display: none;}
	body{
		min-width: 1104px;
		font-size: 1.6rem;
	}
	.mainInner {
		width: 1104px;
		margin: 0 auto;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 96px;
	}
	.dirpath {
		display: block;
	}
	.dirpath ul {
		margin: 0 auto;
		padding: 15px 0;
		width: 1080px;
	}

	.dirpath li {
		position: relative;
		float: left;
		margin-right: 20px;
		font-size: 1.2rem;
	}

	.dirpath li a {
		color: #222;
		text-decoration: underline;
	}
	.dirpath li a:hover{
		text-decoration: none;
	}
	.dirpath li:after {
		content: ">";
		display: block;
		position: absolute;
		right: -15px;
		top: 0;
		font-size: 1.1rem;
	}

	.dirpath li:last-child:after {
		content: "";
	}

	.dirpath ul:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	.mainInner:after{
		content:"";
	    display:table;
	    clear:both;
	    zoom:1;
	}
	.pcOnly{
		display: block!important;
	}
	.spOnly{
		display: none!important;
	}
	.pcOnlyInline{
		display: inline-block!important;
	}
	.spOnlyInline{
		display: none!important;
	}
	.mt0 {margin-top: 0!important;}
	.w1p { width: 1% !important; }
	.w2p { width: 2% !important; }
	.w3p { width: 3% !important; }
	.w4p { width: 4% !important; }
	.w5p { width: 5% !important; }
	.w6p { width: 6% !important; }
	.w7p { width: 7% !important; }
	.w8p { width: 8% !important; }
	.w9p { width: 9% !important; }
	.w10p { width: 10% !important; }
	.w11p { width: 11% !important; }

	.w12p { width: 12% !important; }
	.w13p { width: 13% !important; }
	.w14p { width: 14% !important; }
	.w15p { width: 15% !important; }
	.w16p { width: 16% !important; }
	.w17p { width: 17% !important; }
	.w18p { width: 18% !important; }
	.w19p { width: 19% !important; }
	.w20p { width: 20% !important; }
	.w21p { width: 21% !important; }
	.w22p { width: 22% !important; }
	.w23p { width: 23% !important; }
	.w24p { width: 24% !important; }
	.w25p { width: 25% !important; }
	.w26p { width: 26% !important; }
	.w27p { width: 27% !important; }
	.w28p { width: 28% !important; }
	.w29p { width: 29% !important; }
	.w30p { width: 30% !important; }
	.w31p { width: 31% !important; }
	.w32p { width: 32% !important; }
	.w33p { width: 33% !important; }
	.w34p { width: 34% !important; }
	.w35p { width: 35% !important; }
	.w36p { width: 36% !important; }
	.w37p { width: 37% !important; }
	.w38p { width: 38% !important; }
	.w39p { width: 39% !important; }
	.w40p { width: 40% !important; }
	.w41p { width: 41% !important; }
	.w42p { width: 42% !important; }
	.w43p { width: 43% !important; }
	.w44p { width: 44% !important; }
	.w45p { width: 45% !important; }
	.w46p { width: 46% !important; }
	.w47p { width: 47% !important; }
	.w48p { width: 48% !important; }
	.w49p { width: 49% !important; }
	.w50p { width: 50% !important; }
	.w51p { width: 51% !important; }
	.w52p { width: 52% !important; }
	.w53p { width: 53% !important; }
	.w54p { width: 54% !important; }
	.w55p { width: 55% !important; }
	.w56p { width: 56% !important; }
	.w57p { width: 57% !important; }
	.w58p { width: 58% !important; }
	.w59p { width: 59% !important; }
	.w60p { width: 60% !important; }
	.w61p { width: 61% !important; }
	.w62p { width: 62% !important; }
	.w63p { width: 63% !important; }
	.w64p { width: 64% !important; }
	.w65p { width: 65% !important; }
	.w66p { width: 66% !important; }
	.w67p { width: 67% !important; }
	.w68p { width: 68% !important; }
	.w69p { width: 69% !important; }
	.w70p { width: 70% !important; }
	.w71p { width: 71% !important; }
	.w72p { width: 72% !important; }
	.w73p { width: 73% !important; }
	.w74p { width: 74% !important; }
	.w75p { width: 75% !important; }
	.w76p { width: 76% !important; }
	.w77p { width: 77% !important; }
	.w78p { width: 78% !important; }
	.w79p { width: 79% !important; }
	.w80p { width: 80% !important; }
	.w81p { width: 81% !important; }
	.w82p { width: 82% !important; }
	.w83p { width: 83% !important; }
	.w84p { width: 84% !important; }
	.w85p { width: 85% !important; }
	.w86p { width: 86% !important; }
	.w87p { width: 87% !important; }
	.w88p { width: 88% !important; }
	.w89p { width: 89% !important; }
	.w90p { width: 90% !important; }
	.w91p { width: 91% !important; }
	.w92p { width: 92% !important; }
	.w93p { width: 93% !important; }
	.w94p { width: 94% !important; }
	.w95p { width: 95% !important; }
	.w96p { width: 96% !important; }
	.w97p { width: 97% !important; }
	.w98p { width: 98% !important; }
	.w99p { width: 99% !important; }
	.w100p { width: 100% !important; }
}
.js-accBtn {
	cursor: pointer;
}
.js-accCnt{
	display: none;
}

@media print,screen and (min-width: 768px) {
	.js-spAccCnt {
		display: block !important;
	}
}

/*ログインボタン
 *  * --------------------------------*/
       #pcLoginBtn{
                display:none;
        }

        
        #spLoginBtn{
                display:none;
        }                

@media print,screen and (max-width: 767px) {
        #pcLoginBtn{
                display:none;
        }
        #spLoginBtn{
                display:inline-block;
        }

}

@media print,screen and (min-width: 768px) {

        #pcLoginBtn{
                display:inline-block;
        }
        #spLoginBtn{
                display:none;
        }
}