@charset "utf-8";
/* CSS Document */

#system #layout{/*システム予約*/
}
#system h2{/*システム予約*/
}

#system h3{
	width:998px;
	margin:auto;
	text-align:left;
	text-indent:2em;
}
#forPC{
	display:block;
}
#forSP{
	display:none;
}
#pcMess{
	display:block;
}
#spMess{
	display:none;
}
#spMess h3{
padding:3px;
font-size:18px;
color:#ff0000;
}
#spMess ul{
font-size:14px;
list-style-type: none;
    text-align: left;
    font-size: 14px;
    display: inline-block;
    margin: auto;
    margin-bottom: 20px;
}
#spMess ul li{
}
.box{
	margin-bottom:50px;
	font-size:14px;
}
.box section h3{
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );
    border: 1px solid #cccccc;
	font-size: 16px;
    padding: 5px 0;
	box-sizing:border-box;
margin:5px 0;
color:#000000;
display:block;
}
table.price{
	width:100%;
}
table.option{
	width:100%;
}
th, td {
    padding: 10px;
	text-align:center;
}
th{
/*
background: #f7f7f7;
background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );
*/
background-color:#999999;
color:#ffffff;
border:1px solid #cccccc;
	}
.priceTel th{
width:30%;
}
 td{
	text-align:left;
}
.price td span {
    font-size: 130%;
    color: #f9a200;
}
.box .ex em {
    color: #FF0000;
}
.course {
    font-size: 10px;
    color: #FFF;
    padding: 3px 4px 2px;
    display: inline-block;
    margin: 0 2px;
}
.cType1{
	background-color: #DAAA29;
    margin-top: 3px;
}
.cType2{
	background-color: #C92C06;
}
.cType3{
	background-color: #EA5404;
}

#coupon{
}
#coupon ul{
	padding:20px;
}
#coupon li{
display:inline-block;
text-align:center;
width:calc(100%/2 - 10px);
vertical-align:top;
}
#coupon li img{
	display:block;
	max-width:100%;
	margin:auto;
}
#coupon li p{
	text-align:left;
	display:inline-block;
	margin:auto;
}
.pointcard{
	background-color:#ffffff;
	color:#000000;
	padding:10px 10px 20px;
}
.pointcard img{
	display:block;
	max-width:100%;
	margin:auto;
	margin-bottom:20px;
}

.pointcard img.card{
	float:left;
}
.pointcard h4{
	background-color:#96d2c8;
	color:#ffffff;
	text-align:left;
	width:387px;
	display:inline-block;
	padding:20px;
	}
.pointcard h4 span{
	color:#4a4947;
	display:block;
    text-align: center;
    font-size: 24px;
}
.pointcard p{
	text-align:left;
	background-color:#e0f0ed;
    margin: 20px 0;
    padding: 20px;
	font-size:14px;
}
.pointcard p span{
	display:block;
	text-indent:1em;
}
.pointcard ol{
	text-align:left;
float: right;
    width: 827px;
	font-size:14px;
list-style-type: decimal;
}
.pointcard ul li{
}


#reservation{
	padding:10px;
	margin:10px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4a704+0,ba181a+100 */
background: #390000; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #390000 0%, #c40314 50%, #390000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #390000 0%,#c40314 50%,#390000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #390000 0%,#c40314 50%,#390000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#390000', endColorstr='#390000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

color:#ffffff;
	border-radius:3px;
width:960px;
margin:auto;
}
#reservation h4{
	font-size:20px;
	text-shadow:0 0 3px rgba(186,24,26,1);
}
#reservation p{
	text-align:left;
	text-shadow:0 0 3px rgba(186,24,26,1);
}
@media screen and (max-width: 667px) {
#system h3{
	width:100%;
	margin:auto;
	text-align:center;
	text-indent:0;
}

#pcMess{
	display:none;
}
#spMess{
	display:block;
}
#forPC{
	display:none;
}
#forSP{
	display:block;
}

table.price{
}
td {
	display:block;
}
table.option td img{
width:30%;
}
#coupon li {
    width: calc(100%/1 - 10px);
	margin-bottom:30px;
}
.priceTel th{
width:inherit;
}

.pointcard{
	background-color:#ffffff;
	color:#000000;
}
.pointcard img{
	display:block;
	max-width:100%;
	margin:auto;
}

.pointcard img.card{
	float:none;
}
.pointcard h4{
float: none;
    width: auto;
    margin-bottom: 10px;
}
.pointcard h4 span{
}
.pointcard p{
    text-align: left;
    background-color: #e0f0ed;
    margin: 0;
    padding: 10px;
    font-size: 12px;
}
.pointcard p span{
	text-indent:0;
}
.pointcard ol{
    text-align: left;
    float: none;
    width: auto;
    font-size: 14px;
    list-style-type: decimal;
    margin-left: 1.4em;
    padding: 10px 5px;
    font-size: 12px;
	}
.pointcard ol li{
}
#reservation{
width: calc(100% - 40px);
    margin: auto 10px;
}
.box {
    margin: 10px;
}
}

.newTable{
	font-size:14px;
}
.newTable table{
	margin-bottom:30px;
	width:100%;
	font-size:24px;
}
.newTable th{
	font-weight:normal;
	text-align:left;
	width:25%;
}
.newTable td{
	display:table-cell;
	font-weight:normal;
	text-align:right;
	width:25%;
	border:1px solid #cccccc;
}
.newTable th br,
.newTable td br{
/*	display:none;*/
}
.newTable td.md{
	text-align:center;
}
.newTable .opTable th{
	width:50%;
}
.newTable .opTable .wide{
	width:100%;
	text-align:left;
}
.newTable .opTable td{
	width:50%;
}
.newTable td.left {
    text-align: left;
}
.largeTitle{
	text-align:center !important;
	font-size:150%;
	font-weight:bold;

background: #beebf7;
background: -moz-linear-gradient(left,  #beebf7 0%, #3fa3e9 100%);
background: -webkit-linear-gradient(left,  #beebf7 0%,#3fa3e9 100%);
background: linear-gradient(to right,  #beebf7 0%,#3fa3e9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#beebf7', endColorstr='#3fa3e9',GradientType=1 );
color:#000000;
	}
.courseTitle{
	/*
background: #e52c8a;
background: -moz-linear-gradient(left,  #e52c8a 0%, #b30f66 100%); 
background: -webkit-linear-gradient(left,  #e52c8a 0%,#b30f66 100%);
background: linear-gradient(to right,  #e52c8a 0%,#b30f66 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e52c8a', endColorstr='#b30f66',GradientType=1 );
color:#ffffff;
*/
	}
.cardCell{
	text-align:left !important;
}
.newTable span{
	display:inline-block;
	margin:0 0px 0 5px;
	padding:0 3px;
	font-size:15px;
}
.newTable span.c1{
	background-color:#DAAA29;
}
.newTable span.c2{
	background-color:#C92C06;
}
.newTable span.c3{
	background-color:#EA5404;
}
@media screen and (max-width: 667px) {
.newTable{
	font-size:10px;
}
.newTable table{
	font-size:inherit;
}
th, td {
    padding: 5px;
}
.newTable th{
	font-weight:normal;
	text-align:left;
	width:25%;

word-break: keep-all;
    white-space: nowrap;
}
.newTable td{
	display:table-cell;
	font-weight:normal;
	text-align:right;
	width:25%;
}
.newTable th br{
	display:block;
}
.newTable td.md{
	text-align:center;
}
.newTable span{
	display:block;
	margin:0;
	font-size:inherit;
}
td.price{
	font-size:14px;
}
td img{
	width:80px;
}
.newTable table:not(.opTable) td img {
    width: 100%;
}
}