@charset "UTF-8";

.calendar{ margin-top:1.4rem;}

.calendar .main_box{ width:95%; margin:auto;}
.calendar h3.calendar{ font-size:1rem; color:#000;}

.calendar .remarks_box{ width:95%; margin:auto;}
.calendar h3.remarks{ font-size:1rem; color:#000; border-bottom:1px solid #ccc; padding-bottom:0.3rem; margin-top:2rem;}

.calendar .remarks_box dl.tel{ margin:0.8rem 0 0 1rem;}
.calendar .remarks_box dl.tel dt{ width:80px; float:left; clear:left;}
.calendar .remarks_box dl.tel dd{ margin-left:85px;}

.calendar .remarks_box .tel_txt{margin:0.8rem 1rem 0 1rem;}

.calendar .remarks_box .question_btn{ width:100%; margin-top:2rem;}
.calendar .remarks_box .question_btn a{
	display:block;
	text-align:center;
	color:#fff;
	padding:0.8rem;
	
	background: rgb(139,4,10); /* Old browsers */
	background: -moz-linear-gradient(top,  rgb(139,4,10) 0%, rgb(210,103,71) 6%, rgb(208,35,38) 11%, rgb(212,86,55) 93%, rgb(180,58,46) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgb(139,4,10) 0%,rgb(210,103,71) 6%,rgb(208,35,38) 11%,rgb(212,86,55) 93%,rgb(180,58,46) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgb(139,4,10) 0%,rgb(210,103,71) 6%,rgb(208,35,38) 11%,rgb(212,86,55) 93%,rgb(180,58,46) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b040a', endColorstr='#b43a2e',GradientType=0 ); /* IE6-9 */
}


span.Today {
	/*cursor: pointer;*/
	font-weight: bolder;
	display: block;
}

.deli {
	background-color: #009900;
	color: #FFFFFF;
}
li.openday {
	color: #000000;
	background-color:#FFFFFF ;
}
li.holyday {
	color: #FF4500;
	background-color:#FFD8C9 ;
}
li.Sun {
	color: #FF4500;
	background-color:#FFD8C9 ;
}
li.Sat {
	color: #3366FF;
	background-color:#DFFCFF ;
}
li.undefined {
	/*cursor: pointer;*/
}

li {
  list-style: none;
}

span.reds {
	color: #FF4500;
	background-color:#FFD8C9 ;
	padding:2px;
}
span.blues {
	color: #3366FF;
	background-color:#DFFCFF ;
	padding:2px;
}

/* カレンダー枠 */
div.cal_wrapper {
	padding:5%;
	/*width: 170px!important;*/
	width:100%;
	position: relative;
	border:1px solid #dee2e6;
}
ul.cal_ui {
	padding:0;
	margin:0 0 10px 0;
	width:60%;
	float: right;
}
ul.cal_ui li {
	float: left;
	font-size: 1rem;
	font-weight:bold;
	cursor: pointer;
	margin:0 0 0 4%;
	padding:0.4rem 0;
	width:28%;
	text-align:center;
	background-color:#ccc;
}
li.cal_prev {
	
}
li.cal_to {
	background-color:#ccc;
}
li.cal_next {
	background-color:#ccc;
	
}

div.cal_base {
	
}

div.cal_base p {
	padding: 0;
	margin: 0px;
	font-weight:bold;
}

ul.cal_main {
	clear: both;
	padding: 0px;
	margin: 0px;
	
}
ul.cal_main li {
	width: 14%;
	text-align: center;
	font-size: 1rem;
	float: left;
	overflow: hidden;
	border-bottom: solid 1px #dee2e6;
}
ul.cal_main li span {
	padding: 0;
	display: block;
	padding:3px 0;
}

li.cal_headline {
	font-size: 1rem;
	font-weight:bold;
}



.marine_border {
	border:3px solid #E7F5FB;
}

.notice {
	font-size:1rem;
	clear:both;
	padding-top:5px;
}



/* --------------------------------------------------------------------------------------
 PC
--------------------------------------------------------------------------------------- */

@media screen and (min-width: 600px) {

.calendar{width:95%; max-width:980px; margin:40px auto 0 auto;}

.calendar .main_box{ width:60%; float:left;}

.calendar .remarks_box{ width:36%; float:right; padding-top:2.2rem;}
.calendar h3.remarks{ margin-top:3.8rem;}
	
.calendar .remarks_box .question_btn a:link {text-decoration:none; color: #fff; background-color:#ccc;}
.calendar .remarks_box .question_btn a:visited {text-decoration:none; color:#fff; background-color:#ccc;}
.calendar .remarks_box .question_btn a:hover {
	text-decoration:none;
	opacity:0.6; filter: alpha(opacity=60);	-ms-filter:"alpha( opacity=60 )";   
}

div.cal_wrapper {
	padding:5%;
	/*width: 170px!important;*/
	width:100%;
}
ul.cal_main li {
	font-size: 1rem;
}

ul.cal_main li span {
	padding:8px 0;
}

}