@charset "UTF-8";

#system{
	background-color:rgba(0,0,0,0.80);
}

#system div.content{
	box-sizing: border-box;
	padding:10px;
}

#system div.content-inner h3{
	background: -webkit-gradient(linear, left top, left bottom, from(#906a13),color-stop(50%, #d8bb39),to(#906a13));
	
	box-sizing: border-box;
	padding:2.5px 0;
	
	margin-bottom:10px;
}

#system div.content-inner h3 span.note{
	display:block;	
	line-height:50px;
	text-align: center;
	font-size:1.5rem;
	font-weight:bold;	
	color:#14a800;	
	background-color:#000;
}

.price{
	margin-bottom:20px;
}

.price div.content-inner{
	margin-bottom:10px;
}

.price div.content-inner:last-child{
	margin-bottom:0;
}

.price div.regular{
	margin-bottom:15px;
}

.price div.regular div.row{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	width:100%;	
	box-sizing: border-box;
	border-bottom:solid 1px #906a13;
	font-size:0.8rem;
	line-height:1.5em;
	
	text-align: center;
}

.price div.regular div.row p{
	box-sizing: border-box;
	border-right:solid 1px #906a13;
	padding:5px;
	width:70%;
	display:flex;
	align-items: center;
	justify-content: center;
}

.price div.regular div.row p:nth-child(1){
	width:30%;
    background: linear-gradient(90deg, #063300 0%, #129300 100%);	
	color:#ff0;	
	border-left:solid 1px #906a13;
}

.price div.regular div.row:nth-child(1) p:nth-child(1){
	background: none;
	border-right:none;
	border-left:none;
}

.price div.regular div.row:nth-child(1) p:nth-child(2){
	background: #000099;
	border-top:solid 1px #906a13;
	border-left:solid 1px #906a13;
	border-top-left-radius: 5px;
}

.price div.extra{
	margin-bottom:15px;
}

.price div.extra div.row{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
	
	font-size:0.8rem;
	line-height:1.5em;
	
	text-align: center;
}

.price div.extra div.row p{
	width:calc(100%/3);
	
	background: linear-gradient(90deg, #222 0%, #111 100%);
	
	box-sizing: border-box;
	padding:5px;
	
	border-right:solid 1px #000;
}

.price div.extra div.row p:last-child{
	border-right:none;
}

.price div.extra div.row p span.note{
	display:block;
	font-size:0.6rem;
	line-height:1.5em;
}

.price div.extra div.row:first-child p{
	color:#56fe2c;
	
	box-sizing: border-box;
	border-bottom:solid 1px #000;
}

.price div.extra div.row:nth-child(2) p:nth-child(2){
	line-height:30px;
}

.price div.extra div.row:nth-child(2) p:nth-child(3){
	line-height:30px;
}

.price div.comment{
	text-align: center;	
	font-size:0.8rem;
	line-height:1.75em;
	font-weight:bold;
}

.price div.comment p:nth-child(1){
	color:#14a800;
}

.price div.comment p:nth-child(2){
	color:#ff0;
	
	font-size:1.25rem;
	line-height:1.5em;
	font-weight:normal;
}

.price div.comment ul{
	font-size:0.6rem;
	line-height:1.75em;
	
	text-align: left;
	
	margin-top:10px;
}

.traffic p.img-traffic{
	margin-bottom:10px;
}

.traffic p.img-traffic img{
	width:100%;
	vertical-align: bottom;
}

.traffic ul{
	font-size:0.6rem;
	line-height:1.75em;
	
	text-align: left;
}

.traffic ul li{
	margin-bottom:10px;
}

.traffic ul li:last-child{
	margin-bottom:0;
}

.credit p.caption{
	text-align: center;
	
	font-size:0.8rem;
	line-height:1.75em;
}

.credit p.img-credit{
	margin:10px 0;
	
	text-align: center;
}

.credit p.img-credit img{
	width:100%;
	max-width: 320px;
	vertical-align: bottom;
}

.credit ul{
	font-size:0.8rem;
	line-height:1.75em;
}

.credit ul li{
	box-sizing: border-box;
	padding-left:20px;
	
	position: relative;
}

.credit ul li:before{
	content:"・";
	
	display:block;
	position: absolute;
	top:0;
	left:5px;
}

.flow{
	font-size:0.8rem;
	line-height:1.75em;
}

.flow p{
	margin-bottom:10px;
}

.flow p:last-child{
	margin-bottom:0;
}

.option div.optionlist{
	margin-bottom:15px;	
	box-sizing: border-box;
	border:solid 1px #14a800;	
	border-bottom:none;
}

.option div.optionlist div.row{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;	
	width:100%;	
	background:linear-gradient(to right, rgba(12,0,54,1) 0%,rgba(0,0,0,1) 100%);
	box-sizing: border-box;
	border-bottom:solid 1px #14a800;
}

.option div.optionlist div.row p{
	width:50%;
	text-align: center;	
	box-sizing: border-box;
	padding:5px;
}

.option div.optionlist div.row p:nth-child(1){
	box-sizing: border-box;
	border-right:solid 1px #14a800;
	color:#ff0;
}

.option div.slider-img{
	position: relative;
}

.option div.slider-img p.note{
	position: absolute;
	top:5px;
	left:0;	
	font-size:0.8rem;
	line-height:1.5em;
}

.option p.caption{
	font-size:0.8rem;
	line-height:1.5em;
}

.prohibit p{
	font-size:1.25rem;
	line-height:1.75em;
	text-align: center;
	
	margin-bottom:10px;
	color:#f00;
}

.prohibit ul{
	font-size:0.8rem;
	line-height:1.75em;
}

.prohibit ul li{
	margin-bottom:10px;
	
	position: relative;
	box-sizing: border-box;
	padding-left:20px;
}

.prohibit ul li:before{
	display:block;
	content:"・";
	
	position: absolute;
	top:0;
	left:2.5px;
}

.prohibit ul li:last-child{
	margin-bottom:0;
}

.member div.optionlist{
	margin-bottom:15px;	
	box-sizing: border-box;
	border:solid 1px #14a800;	
	border-bottom:none;
}

.member div.optionlist div.row{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;	
	width:100%;	
	background: linear-gradient(to right, rgba(54,35,2,1) 0%,rgba(0,0,0,1) 100%);	
	box-sizing: border-box;
	border-bottom:solid 1px #14a800;
}

.member div.optionlist div.row p{
	width:50%;
	text-align: center;	
	box-sizing: border-box;
	padding:5px;
}

.member div.optionlist div.row p span.note{
	display:block;	
	font-size:0.6rem;
	line-height:1.75em;
}

.member div.optionlist div.row p:nth-child(1){
	box-sizing: border-box;
	border-right:solid 1px #14a800;
	color:#ff0;
}

.member div.slider-img{
	position: relative;
}

.member div.slider-img p.note{
	position: absolute;
	top:5px;
	left:0;
	
	font-size:0.8rem;
	line-height:1.5em;
}

.member p.caption{
	font-size:0.8rem;
	line-height:1.5em;
}