@charset "utf-8";

@media screen, print {
	/*===========================================
		ヘッダー部 CSS
	============================================*/
	#header{width: 100%;}

	#header h1{					/* print対応 */
		/* width: 19.1666667%; */
		float: left;
		width: 184px;
	}
	#header h1 span{
		display: none;
	}

	/*---------------------------------------
		ヘッダー上部
	----------------------------------------*/
	#header .header-top{
		max-width: 960px;
		margin: 0 auto;
	/*	padding: 35px 0 12px 0;*/
		padding: 10px 0 10px 0;
		position: relative;
	}

	.ua-ie-8 #header .header-top{
		width: 960px;
		margin: 0 auto;
	}

	#header .header-top-right {					/* print対応 */
		float: right;
		margin: 12px 0 0;
		/*
		position: absolute;
		bottom: 12px;
		right: 0;
		top: 44px;
		*/
	}

	#header .header-top .search-btn,
	#header .header-top .sns-list li i{
		width: 26px;
		height: 26px;
	}

	#header .header-top .search-btn:hover,
	#header .header-top .sns-list li i:hover{
		cursor: pointer;
		opacity: .7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha( opacity=70 )";
	}

	#header .header-top-right li {
		float: left;
	}

	#header .header-top .sp_shop_search {
		display: none;
	}

	#header .info-navi,
	#header .search-box,
	#header .sns-list {
		float: right;
		padding-left: 20px;
	}

	#header .search-box .search-box,
	#header .search-box .search-btn {
		float: right;
	}
		
	#header .search-btn button {
		padding: 0;
		border: none;
		background-color: transparent;
		width: 26px;
		height: 26px;
	}

	#header .search-btn button img {
		height: 26px;
	    margin-top: -1px;
	    width: 26px;
	}

	#header .search-box .search-txt {
		height: 26px;
		padding-left: 8px;
		border: none;
		background-color: #eee;
		width: 160px;
	}

	#header .info-navi{
		margin-left: -20px;
		font-size: .91666667em;
	}

	#header .info-navi li{
		position: relative;
		bottom: -14px;
		line-height: 1;
		margin-left: 20px;
		padding-left: 7px;
		background: url(../images/common/header_icn_gray.gif) no-repeat left center;
	}

	#header .info-navi a{
		text-decoration: none;
	}

	#header .info-navi a:hover{
		text-decoration: underline;
	}

	#header .sns-list{
		margin-left: -4px;
	}
	#header .sns-list li{
		padding-left: 4px
	}

	/*---------------------------------------
		ナビゲーション部分
	----------------------------------------*/
	#globalNavi{
		width: 100%;
		border-top: solid 1px #e1e1e1;
		cursor: pointer;
	}

	#globalNavi .navi-button{
		max-width: 960px;
		margin: 0 auto;
	}

	.ua-ie-8 #globalNavi .navi-button{
		width: 960px;
		margin: 0 auto;
	}

	#globalNavi .navi-button li{
		display: table;
		float: left;
		width: 25%;
		min-height: 61px;
		border-left: solid 1px #e1e1e1;
		text-align: center;
		cursor: pointer;
	}

	#globalNavi .navi-button{
		border-right: solid 1px #e1e1e1;
	}

	#globalNavi .navi-button li .btn-box{
		position: relative;
		display: table-cell;
		width: 100%;
		padding :7.75% 0;
		vertical-align: middle;
	}

	#globalNavi .navi-button li h2,
	#globalNavi .navi-button li i{
		display: inline-block;
	}
	#globalNavi .navi-button li h2{
		position: relative;
		top: -6px;
		padding-left: 2%;
		font-size: 1.33333em;
		font-weight: normal;
	}
	#globalNavi .navi-button li i{
		width: 10.83333%;
	}

	#globalNavi .btn-home.current,
	#globalNavi btn-buy.current,
	#globalNavi btn-check.current,
	#globalNavi btn-know.current
	{
		color: #fff;
	}

	#globalNavi .btn-home{color: #e60000}
	#globalNavi .btn-buy{color: #005ebe}
	#globalNavi .btn-check{color: #00955f}
	#globalNavi .btn-know{color: #ff9d02}

	#globalNavi .btn-home .current,
	#globalNavi .btn-home .selected,
	#globalNavi .btn-home .open-tab
	{
		background-color: #e60000;
		color: #fff;
	}

	#globalNavi .btn-buy.current,
	#globalNavi .btn-buy.selected,
	#globalNavi .btn-buy.open-tab,
	#globalNavi .btn-buy.open
	{
		background-color: #005ebe;
		color: #fff;
	}

	#globalNavi .btn-check.current,
	#globalNavi .btn-check.selected,
	#globalNavi .btn-check.open-tab,
	#globalNavi .btn-check.open
	{
		background-color: #00955f;
		color: #fff;
	}

	#globalNavi .btn-know.current,
	#globalNavi .btn-know.selected,
	#globalNavi .btn-know.open-tab,
	#globalNavi .btn-know.open
	{
		background-color: #ff9d02;
		color: #fff;
	}

	#globalNavi .btn-home a{
		position: absolute;
		display: inline-block;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		color: #fff;
		text-decoration: none;
	}

	/*---------------------------------------
		現在地
	----------------------------------------*/
	#header .navi-hilite{
		position:relative;
		width: 100%;
		height: 10px;
		background-color: #e60000;
	}

	#header .navi-hilite_buy{
		background-color: #005ebe;
	}

	#header .navi-hilite_check{
		background-color: #00955f;
	}

	#header .navi-hilite_know{
		background-color: #ff9d02;
	}

	#header .navi-hilite i{
		position: absolute;
		height: 10px;
		width: 19px;
		top: 0;
	}

	.line-wrap{
		position: relative;
		max-width: 960px;
		margin: 0 auto;
	}

	#header .select-home{left: 12%;}
	#header .select-buy{left: 37%;}
	#header .select-check{left: 62%;}
	#header .select-know{left: 87%;}

	.display_li{
		display: list-item;
	}

	/*---------------------------------------
		プルダウンメニュー
	----------------------------------------*/
	#header .navi-contents-wrap{
		width: 100%;
		color: #fff;
		font-size: 1.16666667em;
		cursor: pointer;
	}
	#header .navi-contents-wrap a{
		color: #fff;
		text-decoration: none;
	}
	#header .navi-contents-wrap a:hover{
		text-decoration: underline;
	}

	#header .navi-contents-wrap .navi-contents{
		margin: 0 auto;
	    max-width: 960px;
	}

	#header .navi-contents-wrap .click-info{
		padding: 1em;
		text-align: center;
		font-size: .857142857em;
		cursor: pointer;
	}
	#header .navi-contents-wrap .click-info img{
		width: .857142857em;
		margin-right: .5em;
	}


	/*---------------------------------------
		宝くじを買いたい
	----------------------------------------*/
	#header .contents-buy{
		background-color: #005ebe;
	}
	#header .contents-buy .left,
	#header .contents-buy .right
	{
		width: 50%;
		min-height:330px;
	}
	#header .contents-buy .left{border-left: solid 1px #006edc;}
	#header .contents-buy .right{border-right: solid 1px #006edc;}

	/*-- 左カラム --*/
	#header .contents-buy .left dl{
		padding: 2em 18.0555556%;
		margin-left: -8%;
	}
	#header .contents-buy .left dt{
		margin-bottom: 2.5em;
		padding-left: 8%;
	}
	#header .contents-buy .left dd{
		width: 42%;
		margin-left: 8%;
		float: left;
		text-align: center;
	}

	#header .contents-buy .left h3{
		text-align: center;
	}
	#header .contents-buy .left h3 img{
		width: 14%;
		margin-bottom: 1em;
	}

	#header .contents-buy .left dl h4{
		border: solid 1px #fff;
		padding: 0.4em 0;
	}

	#header .contents-buy .left dd ul{
		margin: 0.4em 0 1.5em 0;
	}

	#header .contents-buy .left .ttl-link{
		display: block;
		width: 100%;
		text-decoration: none;
	}
	#header .contents-buy .left .ttl-link:hover{
		background-color: #fff;
		color: #005ebe;
	}

	#header .contents-buy .left dd li{
		display: inline-block;
		text-align: center;
	}

	#header .contents-buy .left .this_manth:after{
		content: '|';
		padding: 0 .4em;
	}

	/*-- 右カラム --*/
	#header .contents-buy .right li{
		position: relative;
		width: 50%;
		min-height: 160px;
		float: left;
		padding-top: 2em;
		text-align: center;
		border-left: solid 1px #006edc;
		border-bottom: solid 1px #006edc;
	}

	.ua-ie-8 #header .contents-buy .right li{
		min-height: inherit;
		height: 160px;
	}

	#header .contents-buy .right li img{
		width: 20%;
		margin-bottom: 1em;
	}

	#header .contents-buy .right li a{
		display: inline-block;
		width: 100%;
		text-decoration: none;
	}
	#header .contents-buy .right li a:hover{
		text-decoration: underline;
	}


	/*---------------------------------------
		結果を調べたい
	----------------------------------------*/
	#header{
		background-color: #fff;
	}

	#header .contents-check{
		background-color: #00955f;
		border-right: solid 1px #19a572;
		border-left: solid 1px #19a572;
	}

	#header .info-lucky-number,
	#header .link-list li
	{
		width: 25%;
		float: left;
		text-align: center;
		border-left: solid 1px #19a572;
	}
	#header .link-list li{
		position: relative;
		min-height: 160px;
		padding-top: 2em;
		border-bottom: solid 1px #19a572;
	}

	.ua-ie-8 #header .link-list li{
		min-height: inherit;
		height: 160px;
	}

	#header .link-list li img{
		width: 20%;
	}

	#header .contents-check .link-list li img{
		margin-bottom: 1em;
	}

	#header .info-lucky-number dl{
		padding: 1.5em 0 1.5em 8%;
	}
	#header .info-lucky-number dt{
		margin-bottom: 1em;
	}
	#header .info-lucky-number dt img{
		width: 22%;
		margin-bottom: .5em;
	}
	#header .info-lucky-number dd{
		text-align: left;
		line-height: 2em;
	}

	#header .info-lucky-number dd a:after{
		content:" ";
		display: inline-block;
		width: 11px;
		height: 11px;
		background: url(../images/common/icn_blanklink_w.png) left top no-repeat;
		background-size:contain;
		margin-left: 3.2%;
	}

	.ua-ie-8 #header .info-lucky-number dd a:after{
		background: url(../images/common/icn_blanklink_w_ie8.png) left top no-repeat;
	}

	/*---------------------------------------
		宝くじを知りたい
	----------------------------------------*/
	#header{
		background-color: #fff;
	}

	#header .contents-know{
		background-color: #ff9d02;
		border-right: solid 1px #ffbb50;
		border-left: solid 1px #ffbb50;
		
	}

	/*-- 真ん中カラム --*/
	#header .center{
		float:left;
		width: 25%;
		text-align: center;
	}

	#header .center dl{
		padding: 1.5em 0 1.5em 0;
	}
	#header .center dt{
		margin-bottom: 1em;
	}
	#header .center dt img{
		width: 20%;
		margin-bottom: .5em;
	}
	#header .center dd{
		text-align: left;
		line-height: 2em;
	}
	#header .contents-know .center .ttl-link{
		display: block;
		text-decoration: none;
		border: solid 1px #fff;
		margin:0 auto 0.3em auto;
		padding: 0.2em 0 0.15em 0 ;
		width: 75%;
		text-align:center;
	}
	#header .contents-know .center .ttl-link:hover{
		background-color: #fff;
		color: #ff9d02;
	}

	/*-- 右カラム --*/
	#header .contents-know .right {
		width: 50%;
	}
	#header .contents-know .right li{
		position: relative;
		width: 50%;
		min-height: 160px;
		float: left;
		padding-top: 2em;
		text-align: center;
		border-left: solid 1px #ffbb50;		
	}
	.ua-ie-8 #header .contents-know .right li{
		min-height: inherit;
		height: 160px;
		border-left: solid 1px #ffbb50;
	}
	#header .contents-know .right li img{
		width: 20%;
		margin-bottom: 1em;
	}
	#header .contents-know .right li a{
		display: inline-block;
		width: 100%;
		text-decoration: none;
	}
	#header .contents-know .right li a:hover{
		text-decoration: underline;
	}

	/*-- 左カラム --*/
	#header .contents-know .left{
		float:left;
		width: 25%;
		border-right: solid 1px #ffbb50;
	}
	#header .contents-know .left li{
		width: 100%;
		float: left;
		text-align: center;
	}
	#header .contents-know .left li{
		position: relative;
		min-height: 160px;
		padding-top: 2em;
	}

	.ua-ie-8 #header .contents-know .left li{
		min-height: inherit;
		height: 160px;
	}

	#header .contents-know .left img{
		width: 20%;
	}

	#header .contents-know .left img{
		margin-bottom: 1em;
	}

	/*-- 左右 --*/
	#header .contents-know .right li.border_b,
	#header .contents-know .left li.border_b{
		border-bottom: solid 1px #ffbb50;
	}
}



/*---------------------------------------
	IE8用
----------------------------------------*/

html>/**/#header .contents-know .link-list li {
    padding-top/*¥**/: 3em\9;
}

html>/**/#header .link-list li {
    min-height/*¥**/: 105px\9;
}
/*---------------------------------------
	IE10用
----------------------------------------*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#header .contents-know .link-list li{
		padding-top:0;
	}
	#header .contents-know .link-list li:before{
		content:"";
		display:block;
		height: 3em;
	}
	#header .contents-know .right li,
	#header .contents-know .left li {
		padding-top: 0;
	}
	#header .contents-know .right li:before,
	#header .contents-know .left li:before {
		content:"";
		display:block;
		height: 2em;
	}
	#header .contents-buy .right li{
		padding-top: 0;
	}
	#header .contents-buy .right li:before {
		content:"";
		display:block;
		height: 2em;
	}
}


/*===========================================
	SP用スタイル
============================================*/
@media screen and (max-width: 767px) {

	#globalNavi .navi-button li:nth-of-type(2){border-left: none;}
	#globalNavi .navi-button li:nth-of-type(4){border-right: none;}

	#globalNavi .btn-home{display: none!important;}
	#header .navi-hilite i{display: none;}
	#header .navi-contents-wrap .click-info{display: none!important;}

	#header .header-top {
		margin: 0 auto;
		padding: 1em 0;
		text-align: center;
	}
	
	#header .header-top-right {
		float: none;
	/*	margin: 15px 15px 0; */
		margin: 0px 15px 0;
		position: static;
	}
	
	#header .header-top .sp_shop_search {
		display: block;
		width: 100%;
		font-size: 1.0em;
		font-weight: bold;
		text-align: center;
	}

	#header .header-top .sp_shop_search p {
		display: block;
		width: 90%;
		margin: 10px auto;
		padding: 10px;
		background-color: #005ebe;
	}
	
	#header .header-top .sp_shop_search p a {
		color: #fff;
	}
	
	#header .header-top .sp_shop_search p img {
		width: 24px;
		margin-right: 5px;
		vertical-align: middle;
	}
	
	#header .header-top .sp_shop_search {
		display: block;
		width: 100%;
	}

	#header .search-box {
		display: none;
		float: none;
		padding-left: 0;
		position: relative;
		width: 100%;
	}
	
	#header .search-box .search-txt {
		height: 36px;
		width: 100%;
	}
	
	#header .header-top .search-btn{
		height: 36px;
		position: absolute;
		right: 0;
		top: 0;
		width: 36px;
	}
	
	#header .search-btn button {
		height: 36px;
		width: 36px;
	}
	
	#header .search-btn button img {
		height: 36px;
		width: 36px;
	}
	
	#header h1 {
		display: inline-block;
		float: none;
		line-height: 1;
		width: 50%;
	}
	
	/*--------------------------
		Gナビ部
	---------------------------*/
	#globalNavi .navi-button li{
		display: block;
		width: 33.33333%;
		text-align: center;
	}
	#globalNavi .navi-button li .btn-box{
		display: block;
	}
	#globalNavi .navi-button li i{
		display: inline-block;
		width: 22%;
	}
	#globalNavi .navi-button li h2 {
		padding-left: 0;
		margin-top: 2%;
		top: 0;
		font-size: 1em;
		font-weight: bold;
	}

	.contents-box{
		padding: 1em;
	}
	/*--------------------------
		宝くじを買いたい
	---------------------------*/
	#header .contents-buy .left,
	#header .contents-buy .right{
		float: none;
		width: 100%;
		border: none;
	}
	#header .contents-buy .left dl{
		padding: 0;
		margin-left: 0;
	}
	#header .contents-buy .left dt {
		margin-bottom: 1.5em;
		padding-left: 0;
	}
	#header .contents-buy .left h3{text-align: left;}
	#header .contents-buy .left h3 br{display: none;}
	#header .contents-buy .left h3 img {
    	position: relative;
		bottom: -5px;
		width: 2em;
		margin-bottom: 0;
	}

	#header .contents-buy .left dd{
		font-size: 0.9em;
	}
	#header .contents-buy .left dd ul{
		width: 100%;
		padding-left: 0.5em;
		float: left;
		letter-spacing: -0.1em;
	}
	#header .contents-buy .right li {
		border-bottom: none;
		border-left: none;
		float: none;
		min-height: inherit;
		padding-top: 0;
		position: relative;
		text-align: left;
		width: 100%;
		line-height: 3em;
	}
	#header .contents-buy .right li br{display: none;}
	#header .contents-buy .right li img {
		position: relative;
		margin-bottom: 0;
		width: 2em;
		bottom: -5px;
	}
	#header .contents-buy .right li h3{
		display: inline-block;
	}
	#header .contents-buy .right .blank-link-w::after {
		content: none;
	}
/*	#header .contents-buy .right li.outer a::after {	*/
	#header .contents-buy .right .blank-link-w a::after {
		background: url("../images/common/icn_blanklink_w.png") left top no-repeat;
		bottom: 0;
		content: " "!important;
		display: inline-block;
		height: 11px;
		width: 11px;
		background-size:contain;
		margin-left: 1%;
	}
	#header .contents-buy .left .this_manth::after {
		content: "|";
		padding: 0 0.2em;
	}

	/*--------------------------
		結果を調べたい
	---------------------------*/
	#header .info-lucky-number, #header .link-list li{
		float: none;
		width: 100%;
	}
	#header .info-lucky-number dl{
		padding: 0;
	}
	#header .info-lucky-number dt{
		text-align: left;
	}
	#header .info-lucky-number dt h3 br{display: none;}
	#header .info-lucky-number dt h3 img{
		margin-bottom: 0;
		width: 2em;
		position: relative;
		bottom: -9px;
	}
	#header .info-lucky-number dd{
		padding-left: 2.3em;
	}
	#header .link-list br{display: none;}
	#header .link-list li {
		border: none;
		min-height:  inherit;
		padding-top: 0;
		position: relative;
		text-align: left;
	}
	#header .link-list li{
		line-height: 2.5em;
		letter-spacing: -0.05em;
	}
	#header .link-list li h3{display: inline;}
	#header .link-list li img {
		position: relative;
		margin-bottom: 0;
		width: 2em;
		bottom: -5px;
	}


	#header .info-lucky-number dd a:after{
		margin-left: 2%;
	}

	#header .contents-check .link-list .blank-link-w::after {
		content: none;
	}
/*	#header .contents-check .link-list li:nth-of-type(1) a:after{	*/
	#header .contents-check .link-list .blank-link-w a:after{
		background: url("../images/common/icn_blanklink_w.png") left top no-repeat;
		content: " ";
		display: inline-block;
		height: 11px;
		width: 11px;
		background-size:contain;
		margin-left: 1%;
	}
	#header .contents-check .link-list li img{
		margin-bottom: 0;
	}


	/*--------------------------
		宝くじを知りたい
	---------------------------*/
	#header{
		float: none;
		width: 100%;
		border: none;
	}

	#header .contents-know .left,
	#header .contents-know .right,
	#header .contents-know .center{
		float: none;
		width: 100%;
		border: none;
	}

	#header .contents-know .center dl{
		padding: 0;
	}
	#header .contents-know .center dt{
		text-align: left;
	}
	#header .contents-know .center dt h3 br{display: none;}
	#header .contents-know .center dt h3 img{
		margin-bottom: 0;
		width: 2em;
		position: relative;
		bottom: -9px;
	}
	#header .contents-know dd{
		padding-left: 2.3em;
	}

	#header .contents-know .center dd ul{
		width: 100%;
		padding-left: 0.5em;
		float: left;
		letter-spacing: -0.1em;
	}
	
	#header .contents-know .center dd{
		margin-bottom:10px;
	}
	#header .contents-know .center .ttl-link{
		display: block;
		text-decoration: none;
		border: solid 1px #fff;
		margin:0 auto 0 auto;
		padding: 0.2em 0 0.15em 0 ;
		width: 90%;
		text-align:center;
	}


	#header .contents-know .right li,
	#header .contents-know .left li {
		border-bottom: none;
		border-left: none;
		float: none;
		min-height: inherit;
		padding-top: 0;
		position: relative;
		text-align: left;
		width: 100%;
		line-height: 3em;
	}
	#header .contents-know .right li br,
	#header .contents-know .left li br{
		display: none;
	}
	#header .contents-know .right li img,
	#header .contents-know .left li img {
		position: relative;
		margin-bottom: 0;
		width: 2em;
		bottom: -5px;
	}
	#header .contents-know .right li h3,
	#header .contents-know .left li h3{
		display: inline-block;
	}
	#header .contents-know .right::after,
	#header .contents-know .left::after {
		content: none;
	}
	#header .contents-know .center .ttl-link {
		clear: both;
		margin: 0.4em 0 1.5em;
	}
	
	/*-- 左右 --*/
	#header .contents-know .right li.border_b,
	#header .contents-know .left li.border_b{
		border-bottom: solid 0px #ffbb50;
	}


}