@charset "utf-8";

/* common  */

main#stripeBg {
	background: none;
    color: #fff;
}
main#stripeBg div#stripeBgInner {
	background: #000;
}

/* main_top */
#main_top {
	position: relative;
	font-family: 'Noto Serif JP', serif;
	background: url(../img/mv.png) top center / cover no-repeat;
	padding-top: 640px;
}
#main_top .main_top_in {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin: auto;
	text-align: center;
}
#main_top .main_top_in h1 {
	font-size: clamp( 20px, 10vw, 80px);
	font-weight: bold;
	margin: 0 0 1em;
}
#main_top .main_top_in h1 span{
	display: block;
	font-size: clamp( 16px, 5vw, 32px);
	font-weight: normal;
	margin: 0;
}
#main_top .main_top_in p {
	font-size: clamp( 16px, 5vw, 32px);
	margin: 0 0 .5em;
}
#main_top .main_top_in p span {
	padding-top: .4em;
    background-position: top left -2px;
    background-repeat: repeat-x;
    background-size: 1em .3em;
    background-image: radial-gradient(.1em .1em at center center,#fff,#fff 100%,transparent);
}
#main_top .main_top_in a {
	display: block;
	margin: 0 auto;
	width: 60%;
}

/* point */
#point {
	font-family: 'Noto Serif JP', serif;
	padding: 4em 0;
}
#point h2 {
	text-align: center;
	font-size: clamp( 16px, 10vw, 50px);
	font-weight: normal;
	margin: 0 0 1em;
}
#point h2 span {
	display: block;
	font-size: clamp( 16px, 5vw, 20px);
}
#point .lg_dartslive {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0;
	margin: 0;
}
#point .lg_dartslive li {
	width :calc( 95% / 2);
	list-style: none;
}
#point .flexcontainer {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#point .flexitem {
	width: 48%;
	margin: 0 0 3em;
}
#point .flexitem h2 {
	font-size: 30px;
	color: #ffffff;
}
#point .flexitem p {
	font-size: 16px;
	line-height: 1.65;
}
#point .item1 {
	order: 1;
}
#point .item2 {
	order: 2;
}
#point .item3 {
	order: 4;
}
#point .item4 {
	order: 3;
}
#point .item5 {
	order: 5;
}
#point .item6 {
	order: 6;
}
#point .item7 {
	order: 8;
}
#point .item8 {
	order: 7;
}
#point .note {	
	border: 1px solid #fff;
	padding: 1em;
	text-align: center;
	line-height: 1.65;
}
#point .note p {
	font-size: clamp( 16px, 5vw, 20px);
	font-weight: bold;
	margin-bottom: 1em;
}
#point .note ul {
	list-style: none;
	padding: 0;
	text-align: left;
}
#point .note li {
	font-size: 16px;
	margin-bottom: 1em;
	padding-left: 1em;
    text-indent: -1em;
}
#point .note li span {
	color: #ff0;
}

/* price */
#price h2 {
	text-align: center;
}
#price h2 small {
	display: block;
	color: #fff;
	font-size: 24px;
}
.s_price_table, .n_price_table {
	width: 100%;
	margin: 30px 0 0;
}
.s_price_table caption, .n_price_table caption {
	margin: 0 0 10px;
	color: #333;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}
.s_price_table td, .s_price_table th, .n_price_table td, .n_price_table th {
	height: 57px;
	vertical-align: middle;
	border: 1px dotted #CCC;
	text-align: center;
	font-weight: bold;
}
.s_price_table .price_title {
	padding: 1em 0;
	background: #eb6120;
}
.s_price_table .attribute {
	background: #eea442;
	width: 128px;
}
.n_price_table .price_title {
	padding: 1em 0;
	background: #0054A7;
}
.n_price_table .attribute {
	background: #61B7F0;
	width: 128px;
}
.s_price_table .price_time {
	color: #eb6120;
	font-size: 130%;
	width: 20%;
}
.s_price_table .price_time span {
	display: block;
	font-weight: normal;
	font-size: 70%;
}
.n_price_table .price_time {
	color: #0054a7;
	font-size: 130%;
	width: 20%;
}
.n_price_table .price_time span {
	display: block;
	font-weight: normal;
	font-size: 70%;
}
.s_price_table .wd, .n_price_table .wd {
	background: #ffc498;
}
.s_price_table .hd, .n_price_table .hd {
	width: 10%;
	background: #ff98a0;
}

/* goods */
#goods {
	padding: 5em 0;
}

/* shop*/
#shop .btn {
	background: #5b6064;
	font-weight: normal;
}
@media screen and (max-width:991px) {
	.s_price_table td, .s_price_table th, .n_price_table td, .n_price_table th {
		width: calc(100% / 3);
	}
}

/* reserved
#point .reserved {
	padding: 0;
}

#point .reserved p {
	font-size: 16px;
}

#point .reserved h4 {
	font-size: 20px;
	margin: 20px 0 10px;
}

#point .reserved .flexwrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 3em;
}

#point .reserved .flexitem {
	width: 48%;
	margin: 0;
}

#point .reserved .flexitem .note {
	font-size: 85%;
	margin: 0;
	padding: 0;
	border: none;
	text-align: left;
}

@media screen and (max-width:568px) {
	#point .reserved .flexwrap {
		display: block;
	}

	#point .reserved .flexitem {
		width: 100%;
	}
} */

/* ==============================================================
 Less than TABLET
================================================================= */
@media screen and (max-width: 979px) {}

@media screen and (max-width: 898px) {
	#main_top {
		margin-top: 67px;
	}
}

/* ==============================================================
 Less than 769px
================================================================= */
@media screen and (max-width: 769px) {
	section#point div.flexcontainer {
		display: block;
	}
	section#point div.flexcontainer div.flexitem {
		width: auto;
	}
	.flexitem:nth-of-type(1), .flexitem:nth-of-type(3), .flexitem:nth-of-type(5) {
		padding-bottom: 0;
	}
	.flexitem:nth-of-type(2), .flexitem:nth-of-type(4), .flexitem:nth-of-type(6) {
		margin-top: 0;
		padding-top: 0;
	}
	.item1 {
		order: 1;
	}
	.item2 {
		order: 2;
	}
	.item3 {
		order: 4;
	}
	.item4 {
		order: 3;
	}
}

/* ==============================================================
 Less than SP-LANDSCAPE
================================================================= */
@media screen and (max-width:568px) {
	#main_top {
		padding-top: 85%;
	}
}

/* ==============================================================
 SP-LANDSCAPE
================================================================= */
@media screen and (min-width:480px) and (max-width:767px) {}

/* ==============================================================
 SP-PORTRAIT
================================================================= */
@media screen and (min-width:0px) and (max-width:479px) {}

/* ==============================================================
 Less than SP-PORTRAIT
================================================================= */
@media screen and (max-width:479px) {}

/* ==============================================================
 Less than SP-PORTRAIT / iPhone5
================================================================= */
@media screen and (max-width:320px) {}

.shopinfo__heading--sub {
	display: none;
}

.shopinfo__heading--sub--price--txt {
	display: none;
}

#price{
	margin-top: 0;
	padding-top: 0;
}

#price .price-special {
	padding: 0!important;
}