@charset "utf-8";

/*
************************************************************************
* アクセス
* @copyright Revolme Inc.
************************************************************************
*/

/*
************************************************************************
* 営業日時カレンダー
************************************************************************
*/
.open-close
{
	
}
.open-close .calendar
{
	float:left;
	width:500px;
}
.open-close .calendar .calendar-1st,
.open-close .calendar .calendar-2nd,
.open-close .calendar .calendar-3rd
{
	width:300px;
	margin-left:20px;
	margin-right:20px;
}
.open-close .calendar .calendar-1st:focus,
.open-close .calendar .calendar-2nd:focus,
.open-close .calendar .calendar-3rd:focus
{
    outline: none;
}
.open-close .calendar .month
{
	text-align:center;
	font-weight:bold;
}
.calendar-table table
{
	width:100%;
	border-spacing:0px;
	border-collapse:separate;
	border-top:1px solid;
	border-left:1px solid;
}
.calendar-table table tr th
{
	text-align:center;
	font-weight:bold;
	border-bottom:1px solid;
	border-right:1px solid;
	padding:0.8em 0.5em;
	line-height:1;
}
.calendar-table table tr td
{
	text-align:center;
	border-bottom:1px solid;
	border-right:1px solid;
	padding:0.8em 0em;
	line-height:1;
}


.open-close .calendar .slick-prev,
.open-close .calendar .slick-next
{
    z-index:100;
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 45px;
    height: 45px;
    
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.open-close .calendar .slick-prev:hover,
.open-close .calendar .slick-prev:focus,
.open-close .calendar .slick-next:hover,
.open-close .calendar .slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.open-close .calendar .slick-prev:hover:before,
.open-close .calendar .slick-prev:focus:before,
.open-close .calendar .slick-next:hover:before,
.open-close .calendar .slick-next:focus:before
{
    opacity: 1;
}
.open-close .calendar .slick-prev.slick-disabled:before,
.open-close .calendar .slick-next.slick-disabled:before
{
    opacity: .25;
}
.open-close .calendar .slick-prev:before,
.open-close .calendar .slick-next:before
{
    content:'';
    display:block;
    
    width: 45px;
    height: 45px;
    
    border-radius:100%;
    border:1px solid rgba(0,0,0,0.3);
    background-color:rgba(255,255,255,0.3);
    
    opacity: .75;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.open-close .calendar .slick-prev:after,
.open-close .calendar .slick-next:after
{
    content:'';
    display:block;
    position: absolute;
    
    top:50%;
    left:50%;
    
    width: 15px;
    height: 15px;
    
    border:0px solid rgba(0,0,0,0.0);
    border-right:3px solid rgba(0,0,0,0.3);
    border-bottom:3px solid rgba(0,0,0,0.3);
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.open-close .calendar .slick-prev
{
    left:20px;
}
.open-close .calendar .slick-prev:after
{
	transform:translate(-25%, -50%) rotate(135deg) ;
}
.open-close .calendar .slick-next
{
    right:20px;
}
.open-close .calendar .slick-next:after
{
	transform:translate(-75%, -50%) rotate(-45deg);
}
.open-close .time-schedule
{
	margin-left:540px;
}
.open-close .time-schedule .today
{
	line-height:1;
}
.open-close .time-schedule .today .label
{
	margin-bottom:0.5em;
}
.open-close .time-schedule .today .from-to
{
}
.open-close .time-schedule .week
{
	margin-top:0.5em;
	padding-top:0.5em;
	border-top:1px solid;
	
	margin-bottom:0.5em;
	padding-bottom:0.5em;
	border-bottom:1px solid;
}
.open-close .time-schedule .week ul
{
	list-style:none;
}
.open-close .time-schedule .week ul li
{
	margin:0;
	padding:0;
}

/* == タブレットサイズ ==========================================================*/
@media screen and (max-width: 1200px) {
}
/* == スマートフォンサイズ ==========================================================*/
@media screen and (max-width: 640px) {
	.open-close
	{
		
	}
	.open-close .calendar
	{
		float:none;
		width:100%;
		margin-bottom:1em;
	}
	.open-close .calendar .calendar-1st,
	.open-close .calendar .calendar-2nd,
	.open-close .calendar .calendar-3rd
	{
		width:85.0vw;
		margin-left:6.25vw;
		margin-right:6.25vw;
	}
	.open-close .time-schedule
	{
		margin-left:0px;
	}
	.open-close .calendar .slick-prev,
	.open-close .calendar .slick-next
	{
	    width:10vw;
	    height:10vw;
	}
	.open-close .calendar .slick-prev:hover,
	.open-close .calendar .slick-prev:focus,
	.open-close .calendar .slick-next:hover,
	.open-close .calendar .slick-next:focus
	{
	}
	.open-close .calendar .slick-prev:hover:before,
	.open-close .calendar .slick-prev:focus:before,
	.open-close .calendar .slick-next:hover:before,
	.open-close .calendar .slick-next:focus:before
	{
	}
	.open-close .calendar .slick-prev.slick-disabled:before,
	.open-close .calendar .slick-next.slick-disabled:before
	{
	}
	.open-close .calendar .slick-prev:before,
	.open-close .calendar .slick-next:before
	{
	    width:10vw;
	    height:10vw;
	}
	.open-close .calendar .slick-prev:after,
	.open-close .calendar .slick-next:after
	{
	    width:3.0vw;
	    height:3.0vw;
	}

	.open-close .calendar .slick-prev
	{
	    left:calc(50% - 48.0vw);
	}
	.open-close .calendar .slick-prev:after
	{
		transform:translate(-25%, -50%) rotate(135deg) ;
	}

	.open-close .calendar .slick-next
	{
	    right:calc(50% - 48.0vw);
	}
	.open-close .calendar .slick-next:after
	{
		transform:translate(-75%, -50%) rotate(-45deg);
	}
}