@charset "utf-8";

/* --------------------
 base settings
-------------------- */
#toto {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	color: #000;
	line-height: 1.4;
	-webkit-text-size-adjust: 100%;
}

#toto * {
	margin: 0;
	padding: 0;
	box-sizing: inherit;
}

/* Bugfix for Android font-size
#toto * {max-height: 999999px;}
*/
#toto ol,
#toto ul {
	list-style: none;
	line-height: 1.6;
}

#toto img {
	/*height: auto;*/
	max-width: 100%;
	vertical-align: top;
}

/* --------------------
 Class
-------------------- */
.center {
	text-align: center;
}

.nw {
	display: inline-block;
}

.keepall {
	word-break: keep-all;
}

.mincho {
	font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.gothic {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック体", "Original Yu Gothic", "游ゴシック", "Yu Gothic", YuGothic, Verdana, "Meiryo UI", "メイリオ", Meiryo, sans-serif;
}

.clearfix::after {
	content: "";
	clear: both;
	display: table;
}

.noborder {
	border: none;
}

/* --------------------
 Content
-------------------- */
#toto h1 {
	margin: 0 1% 0;
}

#toto .lead {
	font-size: 0.9rem;
	padding: 1rem 1%;
	line-height: 1.6;
}

#toto #service-all .card_desc {
	font-size: 0.8rem;
	text-align: left;
}

#service-all .icon__parts-otherwin img {
	margin: 0.2em 0 0 0.1em;
}

#service-all .btn a {
	letter-spacing: 0.03em;
}

#toto #service-all .card_desc .border {
	/* text-align: center; */
	/* font-size: 0.9rem; */
	border-bottom: 2px dotted #ccc;
	margin: 0 0 0.2rem 0;
	padding: 0 0 0.2rem 0;
}

#toto #service-all .card_content {
	border-top: none;
	margin: 0.5rem 0.8rem 0.6rem;
	padding: 0;
	width: 100%;
}

#toto #service-all .card_item {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	box-shadow: 0px 1px 6px rgb(0, 0, 0, 0.2);
	border-radius: 0.5rem;
	align-content: start;
}

#toto #service-all .grid_card {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	margin: 2rem auto;
	max-width: 400px;
	gap: 1rem;
}

.slickslide__modal .slide_img img.noborder {
	border: none;
}

/*動画*/
#toto .movie {
	margin: 0 10px;
	padding: 10px;
	background-color: #cc0000;
}

#toto .movie_tittle {
	text-align: center;
	padding-bottom: 10px;
	font-size: 1rem;
	color: #fff;
	font-weight: bold;
}

#toto .yt {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

#toto .yt iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

#toto .movie ul {
	padding: 10px 0;
	color: #fff;
	font-size: .8rem;
}

#toto .movie ul li {
	/*
	margin-left:1em;
	text-indent:-1em;
*/
}

/*種類*/
#toto .section {
	margin: 2rem 10px;
}

#toto .section h2 {
	margin: 0 0 10px;
	padding-left: 10px;
}

#toto .lottery_type {
	width: 30%;
	margin: 0 0 20px 10px;
}

#toto .lottery_type img {
	width: 100%;
	height: auto;
}

/*#toto .section ul li {
	margin: 10px 5px 1rem;
	text-align: center;
}*/
#toto .section ul.time_limit li {
	text-align: left;
	margin: 0;
	padding: 0 10px;
}

/*#toto .section ul li dl {

	margin: 10px 0 0;
	font-size: 1rem;
}
#toto .section ul li ul {
	margin: 10px 0 0;
	font-size: 1rem;
}
#toto .section ul li ul li {
	margin: 0;
}*/
#toto .section .asterisk {
	color: #666;
	font-size: .8rem;
}

#toto .section .lottery_note {
	color: #666;
	margin: 1.5rem 0 0 10px;
}

#toto .section .lottery_note li {
	display: block;
	margin: 0;
	text-align: left;
	text-indent: -1em;
	margin-left: 1em;
}

#toto .section .lottery_note li a {
	color: #fa6705;
	text-decoration: none;
}

#toto .section .link_or {
	color: #fa6705;
	text-decoration: none;
}

#toto .section .lottery_note li a:hover {
	text-decoration: underline;
}

/*方法*/
#toto .section .method {
	text-align: center;
}

#toto .section .method li {
	display: inline-block;
	width: 46%;
	vertical-align: top;
}

#toto .section .method dl .method_img {
	text-align: center;
	border: 1px solid #000;
	padding: 10px;
	margin-bottom: 8px;
}

#toto .section .method dl dd {
	text-align: left;
	font-size: 0.975rem;
}

#toto .section .method dl dd a {
	text-decoration: underline;
}

/*ボタン*/
#toto .btn {
	margin: 1rem auto;
	position: relative;
}

/*#toto .btn__modal a:{
	text-decoration: none;
	opacity: 0.95;
}*/
#toto #service-all .btn__official:after {
	opacity: 0.9;
}

#toto .hedge {
	padding: 1rem 20px 2rem;
}

#toto .hedge li {
	margin-left: 1em;
	text-indent: -1em;
}

.red_color {
	color: #ff0000;
}

.sm {
	font-size: 0.75rem;
}

#toto #service-all .btn__official a {
	position: relative;
	display: block;
	padding: 1rem;
	font-size: min(4.2vw, 1.2rem);
	text-align: center;
	width: 100%;
	background-color: #b70500;
	/* border: 1px solid #996600; */
	border-radius: .3rem;
	max-width: 523px;
	margin: 0 auto 0 0;
	color: #fff !important;
	border: none;
}

#toto #service-all .btn__official a:hover {
	background-color: #b70500;
	opacity: 0.8;
}

#toto .btn__official a:after {
	position: absolute;
	top: 50%;
	right: 2%;
	/* margin-top: -10px; */
	color: #fff;
	line-height: 1;
	content: "";
	background: url("/library/contents/share/otherwin_wh.svg") no-repeat;
	width: 1em;
	height: 1em;
	transform: translate(-50%, -50%);
}

#toto .boundary {
	margin: 3rem 0 1rem;
	border-bottom: 3px dotted #008837;
	width: 100%;
}

#toto .note {
	font-size: 0.8rem;
}

#service-all .anchor_list li a {
	font-size: 0.85rem;
}

#service-all .bg {
	background: #daeedf;
	display: inline-block;
	width: 6em;
	text-align: center;
	margin: 0.5em 0 0.2em;
}

/* float: right; */
/* --------------------
 Smart device
-------------------- */
@media screen and (max-width: 768px) {

	/* PC-SP Switch */
	.dispPC {
		display: none;
	}

	#toto .section {
		margin: 2rem 0 2.5rem;
	}

	#toto #term.section {
		margin: 1rem 0 1.5rem;
	}
}

/* --------------------
 PC and Print
-------------------- */
@media screen and (min-width:769px),
print {

	/* PC-SP Switch */
	.dispSP {
		display: none;
	}

	/* ----- Content ----- */
	#toto {
		width: 740px;
	}

	#toto h1 {
		width: 708px;
		text-align: center;
		margin: auto;
	}

	#toto .lead {
		padding: 1rem 2%;
	}

	#service-all .anchor_list__center {
		/* justify-content: center; */
		justify-content: flex-start;
		display: flex;
		gap: 0.5rem 1%;
		margin: 0 0 2.5rem 20px;
	}

	#toto #service-all .anchor_list__center li {
		width: 31%;
		margin: 0;
	}

	#toto #service-all .grid_card {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 10px;
		grid-row-gap: 10px;
		margin: 2rem 0;
		max-width: 100%;
	}

	#toto .movie {
		margin: 0 20px 0;
		padding: 20px 5rem;
	}

	#toto .movie .movie_tittle {
		font-size: 1.4rem;
	}

	#toto .yt iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}

	#toto .movie ul {
		padding: 10px 0;
		color: #fff;
		font-size: .8rem;
	}

	/*種類*/
	#toto .section {
		margin: 2rem 20px 4rem;
	}

	#toto #term.section {
		margin: 2rem 20px;
	}

	#toto .section h2 {
		margin: 0 0 10px;
		padding: 0 20px;
	}

	#toto .lottery_type {
		width: 100px;
		margin: 0 0 20px 20px;
	}

	/*#toto .section ul {
		margin:0 30px;
	}
	#toto .section ul li {
		display: inline-block;
		vertical-align: top;
		width: 290px;
		margin: 0 12px 20px;
	}*/
	#toto .section ul.time_limit {
		margin: 0;
	}

	#toto .section ul.time_limit li {
		display: block;
		padding: 0 20px;
		font-size: .9rem;
		margin: 0;
		width: auto;
	}

	#toto .lottery_type img {
		width: 100px;
		height: 66px;
	}

	#toto .section .lottery_note {
		margin: 10px 0 0 0;
	}

	#toto .section .lottery_note li {
		display: block;
		width: auto;
	}

	/*方法*/
	#toto .section .method {
		text-align: left;
		margin: 0 10px;
	}

	#toto .section .method li {
		display: inline-block;
		width: 202px;
		vertical-align: top;
		margin: 20px 10px 0;
	}

	#toto .section .method dl dd {
		font-size: 1rem;
	}

	/*ボタン*/
	#toto .hedge {
		padding: 2rem 0 3rem;
	}

	#toto .btn {
		margin: 1.5rem 0 1rem;
		max-width: 100%;
	}

	#toto #service-all .btn a {
		width: 400px;
	}

	#toto #service-all .btn__self a {
		width: 400px;
	}

	#toto #service-all .btn__official a {
		width: 100%;
		max-width: 523px;
	}

	#toto #howto_return .btn,
	#toto #Faq .btn {
		margin: 2rem auto;
		position: relative;
	}

	#service-all .card_desc {
		font-size: 0.85rem !important;
	}

	.slickslide__modal .slide_img.img_sm img {
		max-width: 200px !important;
		margin: 1.5rem auto;
	}
}

#toto h2 .mod-fontSmall {
	font-size: 0.8em;
}