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

@import url('https://fonts.googleapis.com/css?family=Open+Sans:600');
@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');

/* =========================================================
■ 基本
========================================================= */
/*---------------------------------
_フォント
-----------------------------------*/
.ff-jpn-note-sans {
	font-family: "Noto Sans Japanese";
	font-weight: 400;
}
.ff-jpn-note-sans-bold {
	font-family: "Noto Sans Japanese";
	font-weight: 800;
}

/*---------------------------------
_2カラムの場合（右サイドナビ）
-----------------------------------*/
.content-wrapper, .right-side, .main-footer {
	margin-left: 0px;
}

/*---------------------------------
_2カラムの場合（右サイドナビ）
-----------------------------------*/
.ff-eng-opensuns {
	font-family: 'Open Sans', sans-serif;
}


/* =========================================================
■ レイアウト枠
========================================================= */
/*---------------------------------
_コンテンツラッパー
-----------------------------------*/
.content-wrapper, .right-side {
	background-color: #fbf8ee;
}


/* =========================================================
■ ヘッダー
========================================================= */
.navbar-default {
	background-color: #FFF;
	border: none;
	border-bottom: solid 1px #CCC;
	border-radius: 0px;
	margin-bottom: 0px;
}
.main-header .navbar {
	margin-left: 0px;
	min-height: 30px;
}
.main-header .navbar .navbar-brand {
    float: left;
    height: 30px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}
.main-header .navbar-brand.img {
	padding: 0px;
	margin-right: 30px;
}
.main-header .navbar-brand.img img {
	max-width: auto;
    height: 100% !important;
}
.main-header .navbar .nav.navbar-nav.gnavi > li > a {
	font-family: "Noto Sans Japanese";
	font-weight: 800;
	color: #313131;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 1.3em;
}
.main-header .navbar .nav.navbar-nav.gnavi > li > a i {
	margin-right: 10px;
}
.main-header .navbar .nav.navbar-nav.gnavi > li > a:hover {
	border-bottom: solid 5px #00b900;
	padding-bottom: 10px;
	background-color: transparent;
}
.main-header .navbar .nav.navbar-nav.gnavi > li.active > a {
	border-bottom: solid 5px #00b900;
	padding-bottom: 10px;
	background-color: transparent;
}


/* =========================================================
■ メインイメージ
========================================================= */
.main-navbar .cover {
	background-size: cover;
	background-position: center;
}
.main-navbar .cover a {
	display: block;
	min-height: 315px;
}
.main-navbar .cover h1 {
	margin: 0px;
	font-family: "Noto Sans Japanese";
	font-weight: 800;
	color: #313131;
	margin-bottom: 0px;
	line-height: 1.5em;
	/*text-shadow: 0px 0px 5px #808080;*/
	text-shadow: 1px 1px 1px #FFF,
    -2px 2px 1px #FFF,
    2px -2px 1px #FFF,
    -2px -2px 1px #FFF;
	font-size: 2.5em;
	position: absolute;
	top: 30px;
	left: 20px;
}
.main-navbar .gnavi > .row > div {
	font-family: "Noto Sans Japanese";
	font-weight: 800;
	color: #313131;
	font-size: 1.5em;
	line-height: 2em;
}
.main-navbar .gnavi > .row > div a {
	display: block;
	color: #333;
}
.main-navbar .gnavi > .row > div a:hover {
	color: #00b900;
}
/* タブレット（縦）以上 */
@media (min-width: 768px) {
	.main-navbar .cover h1 {
		padding-right: 400px;
	}
}


/* =========================================================
■ アカウントバー
========================================================= */
.account-navbar {
	width: 400px;
	position: absolute;
	top: 10px;
	right: 10px;
}
.account-navbar .well .box {
	padding-left: 30px;
}
.account-navbar .well .box img.rank {
	position: absolute;
	top: -20px;
	left: -20px;
}
.account-navbar .well .box .fee a {
	color: #C00;
}
.account-navbar .well .box .fee a:hover {
	color: #F00;
}



/* =========================================================
■ ウィジェット
========================================================= */
/*---------------------------------
_ボックスリスト
-----------------------------------*/
.widget-boxlist {
}
.widget-boxlist h2 a {
	color: #333;
}
.widget-boxlist .img-cover {
	background-size: cover;
	background-position: center top;
	min-height: 280px;
}

/* タブレット（縦）以上 */
@media (min-width: 768px) {
}
/* タブレット（横）以上 */
@media (min-width: 1024px) {
}
/* PC NOTE以上(bootstrap) */
@media (min-width: 992px) {
}
/* iPad Pro以上 */
@media (min-width: 1024px) {
}
/* PC MOBILE NOTE以上 */
@media (min-width: 1366px) {
	.widget-boxlist .img-cover {
		min-height: 280px;
	}
}
/* PC NOTE中画面以上 */
@media (min-width: 1600px) {
	.widget-boxlist .img-cover {
		min-height: 250px;
	}
}
/* PC大画面以上 */
@media (min-width: 1601px) {
	.widget-boxlist .img-cover {
		min-height: 250px;
	}
}

/*---------------------------------
_ダッシュボード（日付）
-----------------------------------*/
.widget-dashbord {
}
.widget-dashbord .area-season {
	width: 100%;
	min-height: 160px;
	background-size: cover;
	background-position: center;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	position: relative;
}
.widget-dashbord .area-season img {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.widget-dashbord .area-today {
	text-align: center;
	width: 100%;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
}
.widget-dashbord .area-today p {
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 0px;
	line-height: 1.5em;
	/*text-shadow: 0px 0px 5px #808080;*/
	color: #333;
	text-shadow: 2px 2px 1px #FFF,
    -2px 2px 1px #FFF,
    2px -2px 1px #FFF,
    -2px -2px 1px #FFF;
}
.widget-dashbord .area-today p.str {
	font-size: 1.8em;
	font-weight: 800;
	position: absolute;
	bottom: 10px;
	text-align: left;
}

/*---------------------------------
_ダッシュボード（サマリー）
-----------------------------------*/
.widget-dashbord .area-summary {
}
.widget-dashbord .area-summary h3 {
	background-color: #f39c12;
	color: #FFF;
	border-radius: 15px;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 1.2em;
}
.widget-dashbord .area-summary .reserv_total {
	font-family: 'Open Sans', sans-serif;
	font-size: 2em;
	text-align: center;
	margin-bottom: 0px;
}
.widget-dashbord .area-summary .reserv_total span {
	font-size: 2.5em;
}

@media (min-width: 992px) and (max-width: 1600px) {
	.widget-dashbord .area-summary dl dt {
		width: 100%;
		float: none;
		display: block;
		text-align: center;
	}
	.widget-dashbord .area-summary dl dd {
		padding-left: 0px !important;
		text-align: center;
	}
	.widget-dashbord .area-summary .row.reserv_status .btn {
		font-size: 0.85em;
		padding-left: 6px;
		padding-right: 6px;
	}
}


/*---------------------------------
_カレンダー
-----------------------------------*/
.widget-calender {
}
.widget-calender table {
	border-collapse:separate;
	border-spacing:1px;
	width: 100%;
}
.widget-calender table caption {
	background-color: #f39c12;
	color: #FFF;
	border-radius: 15px;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.widget-calender table thead {
	font-size: 0.8em;
}
.widget-calender table thead th {
	text-align: center;
}
.widget-calender table td {
	padding:0;
}
.widget-calender table th {
	font-weight:normal;
}
.widget-calender td span,
.widget-calender td a {
	background-color:#E5E2E2;
	display:block;
	padding:5px;
	text-align:center
}
.widget-calender td a {
	background-color:#FFF;
	text-decoration:none;
	color:#333;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
.widget-calender td a:hover {
	background-color:#87BE81;
	color: #FFF;
}
.widget-calender td a.today {
	background-color:#C58889;
	text-decoration:none;
	color:#FFF;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
.widget-calender td a.today:hover {
	background-color:#87BE81;
}

/*---------------------------------
_カレンダー
-----------------------------------*/
.widget-pr ul li {
	margin-top: 10px;
	margin-bottom: 10px;
}

/*---------------------------------
_予約受付ボード（大枠）
-----------------------------------*/
.widget-reservbord .box .box-header {
	text-align: center;
}
.widget-reservbord .box .box-header h3.box-title {
	font-family: 'Open Sans', sans-serif;
}
.widget-reservbord .box .box-header h3.box-title span {
	font-size: 1.4em;
	padding-left: 5px;
	padding-right: 5px;
}

/*---------------------------------
_ティッカー
-----------------------------------*/
.widget-ticker-warp {
	padding-right: 50px;
}
.widget-ticker .box .box-header {
	height: 32px;
	float: left;
	padding-top: 6px;
	padding-bottom: 0px;
}
.widget-ticker .box .box-header .box-title {
	font-size: 1.0em;
	line-height: 1em;
}
.widget-ticker .box .box-body {
	height: 32px;
	line-height: 1em;
	overflow: hidden;
}
.widget-ticker .box .box-body .ticker ul {
	width: 100%;
	position: relative;
	margin-bottom: 0px;
}
.widget-ticker .box .box-body .ticker  ul li {
	width: 100%;
	display: none;
}

/*---------------------------------
_予約受付ボード（表示エリア）
-----------------------------------*/
.nav-tabs-custom.reservbord-view {
	margin-bottom: 0px;
	background: #fff;
	box-shadow: none;
	border-radius: 0px;
}
.nav-tabs-custom.reservbord-view .nav.nav-tabs {
	width: 50%;
	border-bottom: none;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.nav-tabs-custom.reservbord-view .nav.nav-tabs li {
	width: 48%;
	border: 1px solid #ccc;
    margin-bottom: 0px;
    margin-right: 0px;
	padding: 0px;
}
.nav-tabs-custom.reservbord-view .nav.nav-tabs li a {
	padding: 6px 12px;
}
.nav-tabs-custom.reservbord-view .nav.nav-tabs li.active a {
	background-color: transparent;
	border-color: transparent;
}
.nav-tabs-custom.reservbord-view .tab-content {
	padding: 0px;
	padding-top: 10px;
}

/*---------------------------------
_予約受付ボード（表示エリア－パネル）
-----------------------------------*/
.nav-tabs-custom.reservbord-view .reservbord-panel {
}
.nav-tabs-custom.reservbord-view .reservbord-panel .reservbord-row {
	width: 300px;
	padding-left: 5px;
	padding-right: 5px;
	border-right: solid 1px #CCC;
	float: left;
}
.nav-tabs-custom.reservbord-view .reservbord-panel .reservbord-row.slim {
	width: 250px;
}


/*---------------------------------
_予約受付ボード（表示エリア－オプションボタン）
-----------------------------------*/
/* 左 */
.widget-reservbord .reserv-option-btn-left {
	position: absolute;
}

/*---------------------------------
_予約受付ボード（表示エリア－ユーザーBOX）
-----------------------------------*/
.nav-tabs-custom.reservbord-view .box-widget.widget-user-2 {
	box-shadow: none;
	margin-bottom: 10px;
}
.nav-tabs-custom.reservbord-view .box-widget.widget-user-2 .widget-user-header {
	background-color: #fffaf0;
	padding: 10px;
	padding-bottom: 2px;
}
.nav-tabs-custom.reservbord-view .box-widget.widget-user-2 .widget-user-header .widget-user-image > img {
	width: 40px;
	cursor: pointer;
}
.nav-tabs-custom.reservbord-view .box-widget.widget-user-2 .widget-user-header .widget-user-username,
.nav-tabs-custom.reservbord-view .box-widget.widget-user-2 .widget-user-header .widget-user-desc {
	    margin-left: 45px;
}
.nav-tabs-custom.reservbord-view .box-widget.widget-user-2 .widget-user-header .widget-user-username {
	margin-top: 2px;
	font-size: 16px;
}
.nav-tabs-custom.reservbord-view .box-widget.widget-user-2 .widget-user-header .widget-user-desc {
	color: #999;
}

/*---------------------------------
_予約受付ボード（表示エリア－縦割り時間）
-----------------------------------*/
.nav-tabs-custom.reservbord-view .line-time {
	overflow: hidden;
	text-align: center;
	color: #989689;
	margin-bottom: 10px;
}

.nav-tabs-custom.reservbord-view .line-time span {
	display: inline-block;
	padding: 0 0.5em;
	position: relative;
}
.nav-tabs-custom.reservbord-view .line-time span:before,
.nav-tabs-custom.reservbord-view .line-time span:after {
	border-top: 1px solid;
	content: "";
	position: absolute;
	top: 50%;
	width: 99em;
}
.nav-tabs-custom.reservbord-view .line-time span:before {
	right: 100%;
}
.nav-tabs-custom.reservbord-view .line-time span:after {
	left: 100%;
}

/*---------------------------------
_予約受付ボード（表示エリア－カードステータス別カラー）
-----------------------------------*/
/* 共通 */
.nav-tabs-custom.reservbord-view .card-reserve .box-footer {
	background-color: transparent;
}

/* 対応待ち グリーン */
.nav-tabs-custom.reservbord-view .box-success.card-reserve {
	background-color: #dbebc4;
}
.nav-tabs-custom.reservbord-view .box-success.card-reserve:hover {
	background-color: #f0f6da;
}
.nav-tabs-custom.reservbord-view .box-success.card-reserve:hover .box-footer {
	border-top-color: #CCC;
}

/* 対応中 イエロー */
.nav-tabs-custom.reservbord-view .box-warning.card-reserve {
	background-color: #ffedab;
}
.nav-tabs-custom.reservbord-view .box-warning.card-reserve .box-footer {
	border-top-color: #CCC;
}
.nav-tabs-custom.reservbord-view .box-warning.card-reserve:hover {
	background-color: #fff3b8;
}
.nav-tabs-custom.reservbord-view .box-warning.card-reserve:hover .box-footer {
	border-top-color: #CCC;
}

/* キャンセル ブラック */
.nav-tabs-custom.reservbord-view .box-default.bg-black.card-reserve {
	background-color: #404040 !important;
}
.nav-tabs-custom.reservbord-view .box-default.bg-black.card-reserve .box-footer {
	border-top-color: #FFF;
}
.nav-tabs-custom.reservbord-view .box-default.bg-black.card-reserve:hover {
	background-color: #606060 !important;
}
.nav-tabs-custom.reservbord-view .box-default.bg-black.card-reserve:hover .box-footer {
	border-top-color: #FFF;
}
.nav-tabs-custom.reservbord-view .box-default.bg-black.card-reserve h4 small {
	color: #F5F5F5;
}
.nav-tabs-custom.reservbord-view .box-default.bg-black.card-reserve h4 span.card-name {
	color: #FFF;
}
.nav-tabs-custom.reservbord-view .card-reserve .well .card-menu-detail {
	color: #333;
}

/* 対応終了 グレー */
.nav-tabs-custom.reservbord-view .box-default.card-reserve {
	background-color: #fafafa;
}
.nav-tabs-custom.reservbord-view .box-default.card-reserve:hover {
	background-color: #fdfdfd;
}
.nav-tabs-custom.reservbord-view .box-default.card-reserve .box-footer, 
.nav-tabs-custom.reservbord-view .box-default.card-reserve:hover .box-footer {
	border-top-color: #CCC;
}

/*---------------------------------
_予約受付ボード（表示エリア－カードボディー）
-----------------------------------*/
.nav-tabs-custom.reservbord-view .card-reserve .card-status .label {
	bottom: 4px;
	position: relative;
	margin-right: 15px;
}
.nav-tabs-custom.reservbord-view .card-reserve .card-time {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5em;
}
.nav-tabs-custom.reservbord-view .card-reserve .card-time small {
	font-size: 0.7em;
	margin-left: 5px;
}
.nav-tabs-custom.reservbord-view .card-reserve h4 {
	color: #666;
	margin-top: 0px;
	margin-bottom: 5px;
}
.nav-tabs-custom.reservbord-view .card-reserve h4 span.card-name {
	font-size: 1.4em;
	color: #333;
	margin-right: 10px;
}
.nav-tabs-custom.reservbord-view .card-reserve h4 span.badge {
	color: #FFF;
}

/* メニュー */
.nav-tabs-custom.reservbord-view .card-reserve .well {
	padding: 4px;
	margin-bottom: 0px;
}
.nav-tabs-custom.reservbord-view .card-reserve .well h5 {
	font-size: 1.2em;
	margin: 0px;
	margin-top: 3px;
}
.nav-tabs-custom.reservbord-view .card-reserve .well .collapse {
}
.nav-tabs-custom.reservbord-view .card-reserve .well hr {
	margin-top: 3px;
	margin-bottom: 3px;
	border-top: 1px solid #CCC;
}
.nav-tabs-custom.reservbord-view .card-reserve .well > a > .card-menu-pack {
	color: #333;
}
.nav-tabs-custom.reservbord-view .card-reserve .well > a:hover > .card-menu-pack {
	color: #777;
}
.nav-tabs-custom.reservbord-view .card-reserve .well .card-menu-pack .card-menu-hour {
	font-size: 1.2em;
}

/* カードフッター */
.nav-tabs-custom.reservbord-view .card-reserve .card-price {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5em;
}
.nav-tabs-custom.reservbord-view .card-reserve .card-price small {
	font-size: 0.7em;
	margin-left: 5px;
}

/* 続きを見る（スリム表示用） */
.nav-tabs-custom.reservbord-view .card-reserve .card-read-more {
	position: absolute;
	right: 10px;
	border: solid 1px #CCC;
	border-top: none;
	font-size: 0.8em;
	background-color: #fafafa;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
.nav-tabs-custom.reservbord-view .card-reserve .card-read-more span a {
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 2px;
}
.nav-tabs-custom.reservbord-view .card-reserve:hover .card-read-more {
	background-color: #fdfdfd;
}

/* 続きを見る（スリム表示用）対応待ちグリーン */
.nav-tabs-custom.reservbord-view .box-success.card-reserve .card-read-more {
	background-color: #dbebc4;
	border-color: #00a65a;
}
.nav-tabs-custom.reservbord-view .box-success.card-reserve:hover .card-read-more {
	background-color: #f0f6da;
}

/* 続きを見る（スリム表示用）対応中イエロー */
.nav-tabs-custom.reservbord-view .box-warning.card-reserve .card-read-more {
	background-color: #ffedab;
	border-color: #f39c12;
}
.nav-tabs-custom.reservbord-view .box-warning.card-reserve:hover .card-read-more {
	background-color: #fff3b8;
}

/* 続きを見る（スリム表示用）キャンセルブラック */
.nav-tabs-custom.reservbord-view .box-default.bg-black.card-reserve .card-read-more {
	background-color: #404040;
}
.nav-tabs-custom.reservbord-view .box-default.bg-black.card-reserve:hover .card-read-more {
	background-color: #606060;
}
.nav-tabs-custom.reservbord-view .box-default.bg-black.card-reserve .card-read-more a {
	color: #FFF;
}


/* =========================================================
■ レスポンシブ
========================================================= */
/*---------------------------------
_タブレット以下
-----------------------------------*/
@media (max-width: 991px) {
}

/*---------------------------------
_スマホ以下
-----------------------------------*/
@media (max-width: 767px) {}


.nowrap {
	white-space: nowrap;
}

.p-r {
	position: relative;
}
.p-a {
	position: absolute;
}

.panel-record .area_right {
	padding-right: 30px;
}
.panel-record .title {
	font-size: 18px;
	margin-bottom: 12px;
}
.panel-record .count {
	font-size: 16px;
}
.panel-record .count .num {
	font-size: 24px;
	font-weight: bold;
	margin: 0 3px;
}
.panel-record .reward {
	font-size: 20px;
	bottom: -6px;
	right: 30px;
}
.panel-record .fa-angle-right {
	right:10px;
	top:30%;
	font-size:60px;
}
@media (max-width: 991px) {
	.panel-record .title {
		font-size: 18px;
		margin-bottom: 13px;
	}
	.panel-record .count {
		font-size: 13px;
	}
	.panel-record .count .num {
		font-size: 16px;
		font-weight: bold;
		margin: 0 3px;
	}
	.panel-record .reward {
		font-size: 16px;
		bottom: 0;
		right: 30px;
	}
	.panel-record .fa-angle-right {
		right:10px;
		top:35%;
		font-size:35px;
	}
}
@media (max-width: 767px) {
	.panel-record .panel-body {
		padding: 10px;
	}
	.panel-record .area_right {
		padding-left: 0;
	}
	.panel-record .title {
		font-size: 13px;
		margin-bottom: 5px;
	}
	.panel-record .count {
		font-size: 10px;
	}
	.panel-record .count .num {
		font-size: 13px;
		font-weight: bold;
		margin: 0 2px;
	}
	.panel-record .reward {
		font-size: 12px;
		bottom: 0;
		right: 20px;
	}
	.panel-record .fa-angle-right {
		right:10px;
		top:30%;
		font-size:30px;
	}
}

.article p {
	font-size: 15px;
	line-height: 1.8;
	margin-bottom: 1rem;
}

.i_gt {
	width: 10px;
	position: absolute;
	top: 40%;
	right: 12px;
}

@media(min-width: 768px) {
	.info-box-summary .d-flex .col,
	.info-box-summary-green .d-flex .col {
		min-width: 145px;
		margin-bottom: 15px;
	}
}