html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
p {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

iframe {
	width: 100% !important;
	height: 100% !important;
	min-height: 500px;
}

.current-img iframe {
	min-height: 0px !important;

}

:focus {
	/* remember to define focus styles! */
	outline: 0;
}

html,
body {
	-webkit-overflow-scrolling: touch;
	width: 100%;
	background: white;
	line-height: 1;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	font-family: Quicksand, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

ol,
ul {
	list-style: none;
}

table {
	/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: """";
}

a img {
	border: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

pre {
	padding: 15px;
}

pre.hljs {
	line-height: 1.6;
	font-family: 'monospace', sans-serif;
}
pre.hljs, pre.hljs .hljs-name{
  font-weight: normal !important;
}
pre.hljs br:last-child{
  display: none;
}

a {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	word-wrap: break-word;
}

a:hover {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.contents-txt .contens-main {
	border: 1px solid #e1e1e1;
	padding: 36px;
	margin-bottom: 36px;
	line-height: 2.3 !important;
	font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
	text-rendering: auto;
	font-size: 18px;
	line-height: 2;
}

.contents-txt .contens-main p {
	font-size: 18px;
	line-height: 2;
	margin: 0 0 20px;
}

.contents-txt .contens-main h2 {
	margin-top: 3.4em;
	line-height: 2.3 !important;
}

.contents-txt .contens-main h3 {
	line-height: 2.3 !important;
	padding: 0 0 0 16px;
	font-size: 20px;
	position: relative;
}

.contents-txt .contens-main h3:before {
	position: absolute;
	top: 3px;
	left: 0;
	display: block;
	content: '';
	width: 4px;
	height: calc(100% - 7.5px);
	background: #181818;
	border-radius: 3px;
}

.contents-txt p {
	font-size: 17px;
	font-family: Quicksand, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 2.15;
}

.contents-txt img {
	background: #f6f5f4;
	width: 100%;
	padding: 16px;
	display: block;
	margin: 16px 0;
}

.contents-txt a {
	color: #33bad2;
	text-decoration: underline;
}

.contents-txt a:hover {
	text-decoration: none;
}

.contents-txt blockquote {
	background: #f6f5f4;
	padding: 32px;
	line-height: 2.5;
	margin: 14px 0;
	position: relative;
}

.contents-txt blockquote:before {
	content: "“";
	font-size: 600%;
	line-height: 1em;
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	color: #c8c7c7;
	position: absolute;
	left: 0;
	top: 0;
}

.contents-txt blockquote:after {
	content: "”";
	font-size: 600%;
	line-height: 0em;
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	color: #c8c7c7;
	position: absolute;
	right: 0;
	bottom: 0;
}

.contents-txt strong {
	padding: 0 4px;
}

.contents-txt h2 {
	border-bottom: 2px solid #333;
	border-top: 2px solid #333;
	padding: 24px;
	margin-top: 32px;
}

.contents-txt h2,
.contents-txt h3,
.contents-txt h4 {
	margin: 8px 0;
	font-weight: bold;
}


/*===============================
	ソーシャルプラグイン
=================================*/
.fb_iframe_widget iframe {
	width: 450px !important;
	height: 363px !important;
	min-height: 0 !important;
	margin-bottom: 10px;
}

.fb-comments iframe {
	width: 100% !important;
}

#twitter-widget-0 {
	min-height: 0 !important;
	/* height: 28px !important; */
}

#twitter-widget-1 {
	min-height: 0 !important;
	/* height: 28px !important; */
}

.hatena-bookmark-button-frame {
	float: right;
}

/*===============================
	テキスト,フォント
=================================*/
h1 {
	font-size: 24px;
}

h2 {
	font-size: 22px;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 18px;
}

p,
a {
	font-size: 14px;
	line-height: 1.7rem;
}

strong {
	font-weight: bold;
	color: #333;
}

.t-right {
	text-align: right !important;
}

.t-left {
	/* width: 419px; */
	text-align: left !important;
	margin: 0 auto;
}

p.t-left {
	font-size: .95em !important;
}

.t-center {
	text-align: center !important;
}

.ft-family1 {
	font-family: Quicksand, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.ft-color-white {
	color: white;
}

.ft-color1 {
	color: #c00303;
}

.ft-color2 {
	color: #e1cd7e;
}

.ft-color3 {
	color: #9d69bf;
}

.ft-color4 {
	color: #b6a489;
}

.ft-color5 {
	color: #b6a489;
}

.ft-color6 {
	color: #e37b89;
}

.help {
	font-size: 0.8rem;
	text-align: right;
}


.color-light-white {
	color: #f7f6f5 !important;
}

.color-accent {
	color: #82765c !important;
	font-weight: bold !important;
}

/*===============================
	背景
=================================*/
.bg-black {
	background: black;
}

.bg-light-black {
	background: #111;
}

.bg-light-gray {
	background: #f6f5f4;
}

.bg-gray {
	background: #fbfbfa;
}

.bg-color1 {
	background: #f7a0a1;
}

.bg-color2 {
	background: #f6f5f5;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.bg-color3 {
	background: #75c7db;
}

.bg-color4 {
	background: #b6a489;
}

.bg-color5 {
	background: #a290c5;
}

.bg-color6 {
	background: rgba(182, 164, 137, 0.15);
}

.bg-color7 {
	background: rgba(162, 144, 197, 0.15);
}

.bg-color8 {
	background: rgba(117, 199, 219, 0.15);
}

.bg-color9 {
	background: rgba(247, 160, 161, 0.15);
}

.bg-porygon-white {
	background: url('../img/bg_porygon_white.jpg') repeat;
}

.bg-porygon-black {
	background: url('../img/bg_porygon_black.jpg') repeat;
}

/*===============================
	配置
=================================*/
.fl-right {
	float: right;
}

.fl-left {
	float: left;
}

.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt25 {
	margin-top: 25px;
}

.ml5 {
	margin-left: 5px;
}

.ml10 {
	margin-left: 10px;
}

.ml20 {
	margin-left: 20px;
}

.ml25 {
	margin-left: 25px;
}

.mr5 {
	margin-right: 5px;
}

.mr10 {
	margin-right: 10px;
}

.mr20 {
	margin-right: 20px;
}

.mr25 {
	margin-right: 25px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb25 {
	margin-bottom: 25px;
}

.mb30 {
	margin-bottom: 30px;
}

.pd10 {
	padding: 10px;
}

.pt5 {
	padding-top: 5px;
}

.pt10 {
	padding-top: 10px;
}

.pt20 {
	padding-top: 20px;
}

.pt25 {
	padding-top: 25px;
}

.pl5 {
	padding-left: 5px;
}

.pl10 {
	padding-left: 10px;
}

.pl15 {
	padding-left: 15px;
}

.pl20 {
	padding-left: 20px;
}

.pl25 {
	padding-left: 25px;
}

.pr5 {
	padding-right: 5px;
}

.pr10 {
	padding-right: 10px;
}

.pr20 {
	padding-right: 20px;
}

.pr25 {
	padding-right: 25px;
}

.pb5 {
	padding-bottom: 5px;
}

.pb10 {
	padding-bottom: 10px;
}

.pb20 {
	padding-bottom: 20px;
}

.pb25 {
	padding-bottom: 25px;
}

.pd-none {
	padding: 0;
}

.pl-none {
	padding-left: 0;
}

.pr-none {
	padding-right: 0;
}

.pt-none {
	padding-top: 0;
}

.pb-none {
	padding-bottom: 0;
}

.mg-none {
	margin: 0;
}

.mt-none {
	margin-top: 0;
}

.mr-none {
	margin-right: 0;
}

.ml-none {
	margin-left: 0;
}

.mb-none {
	margin-bottom: 0;
}

.horizon {
	overflow: hidden;
}

/*===============================
	画像
=================================*/
.img-responsive {
	width: 100%;
}

img.alignright {
	float: right;
}

img.img-responsive2 {
	width: 100% !important;
	height: 100% !important;
	max-width: 500px;
}

img.img-responsive3 {
	width: 100% !important;
	height: 100% !important;
	max-width: 800px;
}

img.aligncenter {
	text-align: center;
	display: block;
	margin: 20px auto;
}

.current-img {
	background: #f6f5f5;
	padding: 10px;
	margin: 10px 0;
	margin-top: 0;
}

.area-notAllowed-video {
	width: 100%;
	height: 500px;
	background: #333;
	margin-bottom: 15px;
	text-align: center;
	padding: 15px;
}

.area-notAllowed-video p {
	color: white;
}

.area-notAllowed-video .vertical-center {
	position: relative;
	top: 45%;
}

.prof-img {
	width: 200px;
	height: 200px;
	border-radius: 200px;
	margin: 15px auto;
}


/*===============================
	基本構造
=================================*/
html,
body {
	width: 100%;
	font-family: Quicksand, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	color: #444;
}

h1,
h2,
h3,
h4,
h5,
p {
	line-height: 1.5 !important;
}

#page {
	width: 100%;
}

#main > div {}

.top-contents {
	padding: 60px 0;
}

/* 	サイト横幅
-------------------------*/
header,
footer,
.site-width section {
	max-width: 1080px;
	margin: 0 auto;
}

/*===============================
	基本フォントカラー
=================================*/
html,
body,
#top-logo,
.footer,
nav a,
a:hover,
p,
a {
	color: #444;
}

a,
.comment a {
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	text-decoration: underline;
	color: #C00303 !important;
}

a:visited {
	color: #666;
}

.link-none:visited {
	color: #666;
}

.comment_box a {
	color: #C00303;
}

/* 	placeholderの文字色
-------------------------*/
::-webkit-input-placeholder {
	color: #ccc !important;
}

:-moz-placeholder {
	color: #ccc !important;
}

/*===============================
	ヘッダー
=================================*/
.header {
	min-height: 60px;
	z-index: 1;
	box-sizing: border-box;
}

.headline {
	height: 25px;
}

.top-line {}

.top-line p {
	font-size: 0.8rem;
}

#top-line2 {
	background: #f6f5f5;
}

/* 	ヘッダー自動非表示
-------------------------*/
.headroom {
	transition: transform 200ms linear;
}

.headroom--pinned {
	transform: translateY(0%);
}

.headroom--unpinned {
	transform: translateY(-100%);
}

/* 	背景色
-------------------------*/
.header {
	background: white;
}

/* 	ロゴ
-------------------------*/
#top-logo {
	height: 50px;
	width: auto;
	margin: 3px 0 0;
	float: left;
	box-sizing: padding-box;
}

#top-icon {
	width: 50px;
	height: 49px;
	float: left;
	margin: 5px 0;
}

#top-logo h1 {
	width: 100%;
}

#top-logo .sub-logo {
	font-size: 0.5em;
}

/* 	トップバナー
-------------------------*/

.top-baner {
	min-height: 600px;
	background-size: 100% auto;
	padding: 0;
}

.top-baner img {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.top-baner .top-baner-container {
	margin: 0 auto;
	padding: 0;
}

.top-baner .title {
	position: relative;
	width: 100%;
}

.top-baner .title section {
	margin: 0 auto;
}

.top-baner .title .ctn_left {
	margin-top: 70px;
}

.top-baner h1 {
	font-size: 2.5rem;
	color: white;
	margin-bottom: 20px;
	font-weight: bold;
	line-height: 3.5rem;
}

.top-baner p {
	color: white;
	font-size: 1.5rem;
}

/* 	アバター画像
-------------------------*/
img.user-avatar {
	width: 25px;
}

/* 	サブタイトル
-------------------------*/
.site-subtitle {
	padding: 20px 0;
	padding-left: 20px;
	float: left;
}

.site-subtitle,
.site-subtitle p {
	height: 100%;
	color: white;
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 0.9rem;
}

.site-subtitle .navigation a {
	text-decoration: none;
	color: #e79b90;
	font-size: 0.8rem;
}

.site-subtitle .navigation a:hover,
.site-subtitle .navigation a:focus {
	color: #dd4433 !important;
}

.site-subtitle .navigation i {
	color: #6da592;
	font-size: 0.7rem;
}

/*===============================
	ナビゲーション
=================================*/

/* 	ヘッダーナビ
-------------------------*/
#top-menu {
	margin: 0;
}

nav {
	height: 70px;
	font-family: "メイリオ", Meiryo, sans-serif;
}

nav > ul {
	height: 100%;
}

nav > ul > li {
	height: 100%;
	float: left;
	position: relative;
	border-right: 1px solid #e8e8e8;
}

nav > ul > li:first-child {
	border-left: 1px solid #e8e8e8;
}

nav ul li a,
nav ul li a:visited {
	height: 100%;
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	line-height: 45px;
	color: #333;
	font-weight: bold;
}

nav ul li a:hover {
	color: #333;
}

.header nav {
	float: right;
}

.header nav li a:hover,
.header nav a:active,
.header nav a:focus {
	text-decoration: none !important;
	background: #e4e4e4;
}

/* 	子ナビメニュー
-------------------------*/
nav .sub-menu {
	position: absolute;
	width: 180px;
	background: #f5f6f6;
	top: 40px;
	display: none;
}

nav .sub-menu a {
	padding: 10px 15px;
	display: block;
	z-index: 999;
}

/* ホバーで子メニュー表示 */
nav .menu-item-has-children:hover ul {
	display: block;
}

nav li.menu-item-has-children li a:hover {
	background: #efefef;
}

/* 	スマホ用ナビボタン
-------------------------*/
header a.sp-menu {
	visibility: hidden;
	display: none;
}

/*===============================
	ページコンテンツ共通
=================================*/
.top-contents h1.title {
	font-size: 2rem;
	text-align: center;
	color: #333;
	font-weight: bold;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-top-left-radius: 3px;
	-moz-border-top-right-radius: 3px;
	margin: 40px 0;
	margin-bottom: 60px;
}

.top-contents section:first-child h1.title {
	margin-top: 0;
}

.top-contents p.sub-title {
	font-size: 1.8rem;
	text-align: center;
	margin-bottom: 30px;
}

.top-contents p {
	font-size: 1rem;
}

/* 	ページタイトル
-------------------------*/
.page-title {
	padding: 10px 15px;
	padding-left: 0;
	color: #333;
	font-size: 1.4rem;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-top-left: 3px;
	-moz-border-radius-top-right: 3px;
	font-weight: bold;
}

.page-title a,
.page-title a:visited {
	color: #333;
	text-decoration: none;
	font-size: 1.4rem;
}

.page-title a:hover {
	color: #3e2a1b !important;
	text-decoration: underline;
}

.page-title-color1 {
	background: none;
}

.page-title-color2 {
	background: none;
}

.page-title-color3 {
	background: #4d443d;
}

.page-title-color4 {
	background: #4d443d;
}

/*===============================
	タイトルベルト
=================================*/
.title-belt {
	padding-top: 0;
}

.title-belt .title {
	background: #333;
	color: white !important;
	margin-top: 0 !important;
	padding: 15px;
	position: relative;
	margin-bottom: 50px !important;
}

.title-belt .title .arrow-bottom {
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -20px;
	width: 0;
	height: 0;
	border-top: 20px solid #333;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
}

/* 	infoタイトル
-------------------------*/
.info-title {
	font-size: 18px;
	margin: 10px 0;
	margin-top: 25px;
	padding: 10px;
	padding-left: 0;
	text-align: left !important;
	color: #4d443d;
	font-weight: bold;
}

.info-title a {
	font-weight: normal;
}

.page-ctn2 .comment p {
	background: #F0F2F4;
	padding: 15px;
}

/*===============================
	トップページ
=================================*/
#top-tab-content {
	background: white;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
}

#top-tab-content .tab-pane {
	padding-bottom: 0;
}

.merit h2 {

	margin-bottom: 10px;
	font-weight: bold;
}

.merit i {
	width: 150px;
	height: 150px;
	text-align: center;
	font-size: 100px;
	line-height: 9rem;
	color: #333;
}


/*===============================
	カスタムページ
=================================*/
#page-custom {
	padding: 50px;
	background: white;
}

#page-custom section {
	padding: 30px 0;
	border-bottom: 1px solid #eee;
}

#page-custom h1 {
	padding: 20px;
	padding-left: 0;
	color: #333333;
	border-bottom: 5px solid #b6a489;
	margin-bottom: 40px;
	font-size: 1.6rem;
}

#page-custom h2 {
	padding: 20px;
	background: #f5f3f3;
	color: #555;
	border-left: 5px solid #b6a489;
	margin-bottom: 30px;
	font-size: 1.3rem;
}

#page-custom h3 {
	padding: 10px 20px;
	color: #b6a489;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 1.5rem;
}

#page-custom h4 {
	padding: 5px 10px;
	margin: 10px 20px;
	border-left: 5px solid #b6a489;
	font-weight: bold;
	font-size: 1rem;
}

#page-custom p {
	padding: 0 20px;
	margin: 20px 0;
	margin-top: 0;
}


/*===============================
	マイページ
=================================*/
.mypage .tab-content .tab-contents2 div[class^='col-'] {
	padding: 5px;
}

.mypage .tab-content .tab-contents1 div[class^='col-'] {
	padding-left: 0;
}

.mypage .tab-content .tab-pay-history h1 {
	font-size: 1rem;
}

.mypage .tab-content .tab-pay-history .price {
	display: block;
	float: right;
}

/*===============================
	ニュース
=================================*/
.news a,
.news a:hover {
	color: #555;
}

.news a.btn-detail,
.news a.btn-detail:hover {
	color: white;
}

.news .news-section {
	margin-bottom: 30px;
}

/*===============================
	contents1
=================================*/

/* 	リスト一覧 - list -
-------------------------*/
.panel-ctn1-list {
	border: none;
	margin-bottom: 0 !important;
	border-bottom: 1px solid #eee;
}

.panel-ctn1-list:last-child {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-bottom-left-radius: 3px;
	-moz-border-bottom-right-radius: 3px;
}

.panel-ctn1-list .panel-header {
	padding: 10px;
}

.panel-ctn1-list .panel-header h1 {
	font-size: 1rem;
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-weight: bold;
}

.panel-ctn1-list h1 a {
	color: #333;
	font-size: 1.3rem;
	text-decoration: none;
}

.panel-ctn1-list h1 a:visited {
	color: #333;
}

.panel-ctn1-list h1 a:hover {
	text-decoration: underline;
}

.panel-ctn1-list .star {
	font-size: 1rem;
}

.panel-ctn1-list .panel-body {
	position: relative;
	padding-top: 0;
}

.panel-ctn1-list .panel-body .img-liquid {
	height: 180px !important;
	width: 100%;
	border: 1px solid #ccc;
	display: block;
	border: none;
}

.panel-ctn1-list .panel-body img {
	max-height: 425px;
}

.panel-ctn1-list .comment {
	background: #F0F2F4;
	padding: 5px 10px;
	margin-bottom: 5px;
	min-height: 56px;
}

.panel-ctn1-list .date {
	position: relative;
	bottom: 0;
	text-align: right;
	font-size: 0.6rem;
	margin-top: 10px;
	color: #aaa;
}

.panel-ctn1-list .index {
	font-weight: bold;
	color: #666;
}

.panel-ctn1-list .btn-horizon {
	margin: 10px 0;
	margin-bottom: 0;
	text-align: right;
	overflow: hidden;
}

.panel-ctn1-list .btn-horizon .btn {
	height: 30px;
	padding: 5px 10px;
	margin-bottom: 0;
	text-decoration: none;
	margin-right: 10px;
	display: block;
	min-width: 150px;
	float: right;
}

.panel-ctn1-list .btn-horizon .btn:first-child {
	margin-right: 0;
	color: white !important;
}

/* 	content2パネル
-------------------------*/
.panel-attention {
	background: white;
	padding: 20px;
	margin: 20px auto;
	margin-bottom: 10px;
	width: 80%;
}

.ctn2-list-container .panel-head p {
	font-size: 1rem;
	text-align: center;
}

a.ctn2-list-container:hover {
	background: #f9f9f9;
}

/*===============================
	コンテンツ２ページ
=================================*/
.page-ctn2 .course-container {
	min-height: 150px;
}

.page-ctn2 .btn-horizon a {
	margin: 10px 0;
}

/*===============================
	検索
=================================*/
/* 	検索結果
-------------------------*/
.search-result {
	overflow: hidden;
	margin-top: 40px;
}

.search-result .result {
	float: left;
	margin-top: 15px;
}

.search-result .soukensu {
	font-size: 1.5rem;
	color: #E66557;
	font-weight: bold;
	padding-right: 5px;
}

.search-result .pagenation {
	float: right;
}

p.search-view {
	font-size: 0.8rem !important;
}

/* 	検索ボックス
-------------------------*/
.search-box {
	margin-bottom: 20px;
	padding: 15px;
	box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.1);
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
}

.search-box table,
,
.search-box table tr,
.search-box table tr th,
.search-box table tr td {
	border-color: #c7c09f !important;
}

.search-box table th {
	font-size: 0.8rem;
	font-weight: bold;
	text-align: left;
	width: 15%;
	color: white;
	background: #f6bdb5;
}

.search-box table td {
	font-size: 0.8rem;
	text-align: left;
}

/* 	.top-search-box
-------------------------*/
.top-search-box table th {
	width: 20%;
	background: none;
	color: #4d443d;
	border: none;
	background: #f6f5f5;
	border-bottom: 1px solid white;
}

.top-search-box table tr:first-child td {
	border-top: 1px solid #eee;
}

.top-search-box table td {
	border: none;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
}

/* 	not-found
-------------------------*/
.not-found {
	background: #f6f5f5;
	padding: 30px;
	text-align: center;
	margin-bottom: 30px;
}

.not-found p {
	color: #b6a489 !important;
	font-size: 1.2rem;
	font-weight: bold;
}

.not-found img {
	width: 200px;
	margin: 20px auto;
}


/*===============================
	テーブル
=================================*/
.table {
	border: 1px solid #ccc !important;
}

.table .table-tr {
	padding: 0;
	margin: 0;
}

.table .table-tr:last-child,
.table .table-tr:last-child .table-th,
.table .table-tr:last-child .table-td {
	border-bottom: none;
}

.table .table-th {
	background: #f6f5f5;
	border-color: #ccc;
	border-top: none;
}

.table .table-td {
	border-color: #ccc;
	border-top: none;
}

.table .table-th h1 {
	font-size: 1rem;
	padding: 15px 0;
	height: 100%;
	color: #333;
	text-align: left;
}



table {
	width: 100%;
	border: none;
	margin-bottom: 10px;
	border-bottom: none;
}

table tr.title td {
	border-left: none;
}

table th,
table td,
table tr.title {
	border-bottom: none;
	font-size: 1.5rem;
}

table tr:last,
table tr:last th,
table tr:last td {
	border-bottom: none;
}

table th,
table td {
	padding: 10px;
}

table th {
	background: #80776f;
	border-bottom: 1px solid #80776f;
	text-align: center;
	color: white;
}

table td {
	border-left: none;
	text-align: left;
	padding-left: 15px;
	background: white;
	border-bottom: 1px solid #80776f;
}

table tr.title th,
table tr.title td {
	font-size: 1.2rem;
	border-right: none;
	text-align: left;
}

.bd-right {
	border-right: 1px solid #80776f !important;
}

/* 	DateTimePicker
-------------------------*/
.xdsoft_datetimepicker .xdsoft_calendar table {
	border: none !important;
}

.bootstrap-timepicker-widget,
.bootstrap-timepicker-widget table,
.bootstrap-timepicker-widget tr,
.bootstrap-timepicker-widget td {
	border: none !important;
	z-index: 9999;
}

.bootstrap-timepicker-widget table td input {
	padding: 5px;
	width: 70px;
}


/* 	table-custom2
-------------------------*/
table.table-custom2 th,
table.table-custom2 td {
	font-size: 0.8rem;
	line-height: 1.2rem;
	padding: 10px;
	vertical-align: middle;
}

table.table-custom2 th {
	border-right: 1px solid white;
	background: #f6f5f5;
	border-bottom: 1px solid #ccc;
	color: #444;
}

table.table-custom2 tr:last-child th {
	border: none !important;
	border-bottom: none;
}

table.table-custom2 td {
	border-right: 1px solid #eee;
	border-bottom: 1px solid #ccc;
}

table.table-custom2 td:last-child {
	border-right: none;
}

table.table-custom2 tr:last-child td {
	border-bottom: none;
}

/* 	コース
-------------------------*/
.panel-course {
	border: 1px solid #80776f !important;
	border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
}

.panel-course .panel-header {
	background: #80776f;
}

.panel-course .panel-header h1 {
	color: white !important;
	padding: 15px !important;
	margin: 0 !important;
	font-size: 1.3rem !important;
}

.panel-course .panel-body {
	padding: 15px 0;
}

.panel-course .course_comment {
	font-size: 1rem;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.panel-course .price-table {
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
	padding: 10px 0;

}

.panel-course .price-table > div {
	line-height: 1.4rem !important;
}

.panel-course .price-table > div:last-child {
	text-align: right;
}

.panel-course .price-table:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

/* 	交通費
-------------------------*/
table.koutuhi th {
	font-size: 0.7rem;
	text-align: left;
	padding-left: 15px;
	padding-right: 10px;
	line-height: 1rem;
	width: 80%;
	border-bottom: 1px solid white;
}

table.koutuhi td {
	vertical-align: middle;
}

/* 	オプション
-------------------------*/
.table-option {
	padding-left: 0;
	box-sizing: border-box;
	display: block;
}

.table-option th {
	padding-left: 10px;
	border-left: 1px solid #80776f;
	border-bottom: 1px solid #eee !important;
	text-align: left !important;
}

.table-option td {
	border-left: none !important;
	border-top: none;
	border-bottom: 1px solid #eee !important;
	line-height: 1rem;
	padding: none;
}

.table-option .comment {
	font-size: 14px;
	line-height: 1rem;
	font-weight: normal;
	background: #F0F2F4;
	display: block;
}

.table-option .comment td {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 0.8rem;
	text-align: left;
	padding: 10px;
	font-weight: normal;
	border-top: none;
	background: #f3f5f0;
	text-align: center;
}


/* 	予約確認画面
-------------------------*/
.page-confirm table {
	width: 80%;
	margin: 0 auto;
	border: 1px solid #ccc;
	margin-top: -1px;
}

.page-confirm .custome-table th {
	width: 20%;
	text-align: left;
	font-weight: bold;
	font-size: 1rem;
	border-bottom: none;
	background: #f6f5f5;
	color: #444;
	font-weight: normal;
}

.page-confirm .custome-table td {
	font-weight: normal;
	font-size: 1rem;
	border-left: 1px solid #ccc;
	border-right: none !important;
	border-bottom: none;
}


/* 	画像
-------------------------*/
td.option-img {
	padding: 0;
}

td.option-img img {
	width: 100%;
	height: 88px;
}

.card-img {
	max-height: 40px;
	margin: 5px;
}

.img-bd,
.flex-control-thumbs li {
	border: none;
}

.img-bd {
	border: 1px solid #ccc;
	padding: 4px;
}

.img-circle {
	width: 130px;
	height: 130px;
	border-radius: 130px;
	-webkit-border-radius: 130px;
	-moz-border-radius: 130px;
}

/* 	コンテンツ２（キャスト情報）
-------------------------*/
table.ctn2_info_basic {
	font-size: 16px;
}

table.ctn2_info_basic tr th,
table.ctn2_info_basic tr td {
	font-size: 14px;
}

table.ctn2_info_basic tr th {
	width: 40%;
}

table.ctn2_info_basic tr td {
	width: 60%;
}

/* 	カレンダー
-------------------------*/
table.calender,
table.calender tr {
	width: 100%;
}

table.calender,
table.calender th,
table.calender td,
table.calender {
	border-color: #ddd;
}

table.calender th:last-child,
table.calender .weekly td:last-child,
table.calender .info td:last-child {
	border-right: none;
}

table.calender th {
	border-left: none;
	background: #bbb;
	font-size: 16px;
	padding: 0;
	border: none;
	border-right: 1px solid white;
}

table.calender th:first-child,
table.calender tr td:first-child {
	border-left: none;
}

table.calender th a {
	color: white;
	display: block;
	padding: 3px;
	text-decoration: none;
}

table.calender th a:hover {
	color: #8b7866;
	background: #eee;
}

table.calender th a:visited {
	color: white;
}

table.calender .weekly td {
	height: 120px;
	border-right: 1px solid #ccc;
}

table.calender td {
	font-size: 12px;
	padding: 0;
}

table.calender td a {
	text-align: left;
	display: block;
	font-size: 10px;
	color: #666;
	padding: 3px;
	text-decoration: none;
}

table.calender td a.blank {
	display: block;
	height: 100%;
}

table.calender td a:visited {
	color: #666;
}

table.calender .info td {
	vertical-align: middle;
	min-height: 32px;
	border-right: 1px solid #ccc;
}

table.calender .info td a {
	text-align: center;
	padding: 3px;
	height: 32px;
	font-size: 12px;
}

table.calender .info .active {
	color: #e79b90;
	font-weight: bold;
	line-height: 0.9rem;
}

table.calender .info .passive {
	color: #888;
	font-weight: bold;
	line-height: 28px;
	background: #f6f5f5;
}

table.calender .info td:hover,
table.calender .info td:focus {}

table.calender td a:hover,
table.calender td a:focus {
	background: #eee !important;
}

table.calender .week .sunday,
table.calender tr td:first-child .day {
	color: #ae4f50;
}

table.calender .week .saturday,
table.calender tr td:last-child .day {
	color: #4f70ae;
}

table.calender .today {
	background: #f6f5f5;
}

table.calender .week th {
	color: #666;
	font-size: 14px;
	padding: 0;
}

table.calender .weekly td {
	width: 14.2857143%;
	max-height: 120px;
}

table.calender .weekly td div {
	overflow-y: scroll;
	max-height: 120px;
}

table.calender .label {
	padding: 3px 5px;
	display: block;
	margin: 5px;
}

/* 	calender-custome2
-------------------------*/
table.calender-custom2 .week th {
	color: #444;
	background: white;
	border-color: #eee;
	padding: 5px;
	border-bottom: 1px solid #eee;
}

table.calender-custom2 th.time {
	width: 90px;
	padding: 5px !important;
	vertical-align: middle;
	border-bottom: 1px solid white;
	color: #444;
	background: white;
	border-color: #eee;
}

table.calender-custom2 .weekly td {
	width: auto;
	min-height: 30px;
	height: 30px;
	border-right: 1px solid #eee !important;
	vertical-align: middle;
	text-align: center;
	color: #444;
	background: white;
	border-color: #eee;
}

table.calender-custom2 .weekly td i {
	font-size: 1.3rem;
}

table.calender-custom2 .weekly td a {
	text-align: center;
	border-bottom: 1px solid white;
	background: white;
	color: #e37b89;
}

table.calender-custom2 .weekly td a:hover {
	color: #e37b89 !important;
}

table.calender-custom2 .weekly td.disable {
	background: #f6f5f5;
	color: #888;
}

table.calender-custom2 .weekly td.active:hover {
	padding: 0;
	margin: 0;
	color: #a381b3 !important;
}

/* 	calender-custom1
-------------------------*/
.calender-custom1 tr th {
	padding: 5px !important;
	color: white !important;
	border-right: 1px solid white;
}

.calender-custom1 tr th:last-child {
	border-right: none;
}

.calender-custom1 tr.weekly td {
	border-right: 1px solid #ccc;
	height: 50px;
	vertical-align: middle;
	text-align: center;
	border-bottom: none;
}

.calender-custom1 tr.weekly td:last-child {
	border-right: none;
}

/*===============================
	モーダル - modal -
=================================*/
.modal-dialog {
	width: 50%;
}

.modal-content,
.modal-header {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border: none;
}

.modal-header {
	background: #666;
	color: #f6f5f5;
}

.modal-body h2 {
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ccc;
	font-size: 1rem;
}

.modal-body .form-group {
	margin-left: 0;
	margin-right: 0;
}

.modal-header .close span {
	color: white;
}

.modal-footer {
	text-align: center;

}

/*===============================
	評価
=================================*/
.icn_star {
	background: url('/img/ico/sprite_star.png') 0 0 no-repeat !important;
}


/*===============================
	フォーム
=================================*/

input[type="text"],
input[type="url"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea,
select,
select option,
select.form-control,
select.form-control option {
	background: #f6f5f5;
	border: none;
	color: #444;
	padding: 5px 20px;
	outline: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	height: 50px;
	box-shadow: none;
	line-height: 50px;
}

select {
	/*セレクトボックスにCSSがかからないSafari用。一旦ボタンにしてしまえばCSSが効く*/
	-webkit-appearance: button;
	appearance: button;
	padding: 0 !important;
	padding-left: 10px !important;
}

.radio-inline + .radio-inline {
	margin-left: 0;
	margin-right: 10px;
}

/* 	Placeholder
-------------------------*/
input::-webkit-input-placeholder {
	color: #ccc;
}

input:-moz-placeholder {
	color: #ccc;
}

input:-ms-input-placeholder {
	color: #ccc;
}

/* 	横幅
-------------------------*/
.form-mini {
	padding: 10px !important;
}

.form-veryshort {
	width: 15%;
}

.form-short {
	width: 30%;
}

.form-midium {
	width: 50%;
}

/* 	縦幅
-------------------------*/
.form-big {
	height: 40px;
}

.form-height-fit {
	line-height: 42px;
	font-size: 1rem;
}

input:-webkit-autofill,
textarea:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #f6f5f5 inset;
}

input.numeric {
	text-align: right;
}

input[type="submit"] {
	border: none;
	padding: 10px 30px;
	border: 1px solid #efefef;
	background: #666;
}

input[type="submit"]:hover {
	background: black;
}

.has-error .form-control {
	box-shadow: none;
	-webkit-box-shadow: none;
	border: 1px solid #a94442;
}

.form-group {
	margin: 20px 0;
}

.form-submit {
	text-align: center;
}

.form-submit .btn {
	margin: 30px 0;
}

.form-control {
	box-shadow: none;
	-webkit-box-shadow: none;
	border: none;
	background: #f6f5f5;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

.form-horizontal .form-group label {
	line-height: 30px;
}

.form-horizontal .form-group label .table-block {
	cursor: hand !important;
}

.form-group label.control-label {
	font-weight: bold;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	background: #bbb;
}

form p.option {
	height: 46px;
	line-height: 73px;
	font-size: 1.2rem;
}

.radio-inline,
.checkbox-inline {
	padding-left: 0;
	margin-right: 10px;
}

/* 	エラーメッセージエリア
-------------------------*/
.has-error .help-block,
.help-block {
	font-size: 0.8rem;
}

.help-block {
	line-height: 1rem;
}

/* 	カウント
-------------------------*/
.count-block,
span.count {
	text-align: right;
}

/*===============================
	パンくずリスト - BreadCrumb -
=================================*/
.breadcrumb-container {
	background: #f1f1f1;
	min-height: 40px;
}

.breadcrumb {
	background: none;
	padding-left: 0;
	font-size: 0.8rem !important;
	margin-bottom: 0;
	font-weight: bold;
}

.breadcrumb a {
	font-size: 0.8rem !important;
	font-weight: bold;
}

.breadcrumb i {
	font-size: 1.2rem;
	padding-top: 2px;
	color: #2c1604;
}

/*===============================
	プログレスバー、インジケーター
=================================*/
.progress {
	height: 30px;
}

.progress-persaint {
	line-height: 30px;
}

.indicatorContainer {
	margin: 0 auto;
	text-align: center;
}

/*===============================
	リスト一覧
=================================*/
a.list {
	display: block;
}


.list-img {
	width: 150%;
	height: 90px;
	border: none;
	box-sizing: border-box;
	margin-left: -20px;
	margin-top: 5px;
}

.list-img iframe {
	width: 100% !important;
	height: 100% !important;
	min-height: 120px !important;
}

.list-title {
	color: #4d443d;
	font-weight: bold;
	margin-bottom: 5px;
}

/* 	list-mini
-------------------------*/
.list-mini .img-container {}

.list-mini a {
	text-decoration: underline !important;
}

.list-mini a:hover {
	text-decoration: none !important;
}


/*===============================
	パネル
=================================*/

.panel {
	display: block;
	position: relative;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	box-shadow: none;
}

.panel-body {}

.panel-custom1 {
	background: white;
	padding: 30px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.panel-custom1 p {
	text-align: center;
	font-weight: bold;
	color: #333;
}

.panel-signup {
	border-left: solid #c00303;
	width: 110%;
	margin-left: -5%;
}

.radius-top {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-top-left: 3px;
	-moz-border-radius-top-right: 3px;
}

.radius-bottom {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottom-left: 3px;
	-moz-border-radius-bottom-right: 3px;
}

.tab-contents2 .panel {
	min-height: 270px;
}

.tab-contents1 .panel {
	min-height: 200px;
}

a.panel:hover {
	text-decoration: none;
	cursor: hand;
}

.panel-head {
	padding: 0 15px;
	letter-spacing: 0.12rem;
}

.panel-img {
	border: none !important;
}

.panel-default {
	background: white;
	border: none;
}

.menu-wrap ul {
	float: right;
	z-index: 777;
}


/* 	画像パネル
-------------------------*/
.panel-photo {
	min-height: 350px;
}

.panel-photo .panel-head,
.panel-photo .panel-head h1 {
	padding: 0 !important;
	margin: 0 !important;
}

.panel-photo .panel-head h1 {
	margin: 10px 0 !important;
	font-size: 1rem !important;
	font-weight: bold !important;
	color: #795441;
}

.panel-photo .panel-body {
	padding: 0;
}

.panel-photo .panel-body p {
	font-size: 0.9rem !important;
}

/* 	panel-custome
-------------------------*/
.panel-custom2 {
	padding: 15px;
	background: white !important;
	min-height: 400px;
	border: 1px solid #eceae5;
}

.panel-custom2 .panel-header h2 {
	padding: 10px 0;
	font-weight: bold;
	margin-bottom: 15px;
	font-size: 1.5rem;
	border-bottom: 4px solid #e2e2e2;
}

.panel-custom2 h3 {
	margin: 10px 0;
	font-weight: bold;
}

.panel-disabled {
	background: rgba(0, 0, 0, 0.5) !important;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 2;
}

.panel-disabled span.title {
	margin: 0 auto !important;
	text-align: center !important;
	font-weight: bold !important;
	font-size: 1.5rem !important;
	color: white !important;
	background: #333;
	padding: 10px 20px;
	float: right;
}

.panel-facebook {
	padding: 0;
	border: 4px solid #6d80a5 !important;
	background: white !important;
	height: auto;
}

.panel-facebook .panel-header h1 {
	background: #6d80a5 !important;
	letter-spacing: 0.1rem;
	font-weight: normal;
	color: #f6f5f5 !important;
	padding-left: 10px !important;
}

.panel-twitter {
	padding: 0;
	border: 4px solid #79afcb !important;
	background: white !important;
}

.panel-twitter .panel-header h1 {
	background: #79afcb !important;
	letter-spacing: 0.1rem;
	font-weight: normal;
	color: #f6f5f5 !important;
	padding-left: 10px !important;
}

/* 	パネルカラー
-------------------------*/
.panel-color1 {
	border-color: #aaa !important;
}

.panel-color1 .panel-header {
	background: #aaa;
}

.panel-color2 {
	border-color: #95b7c2 !important;
}

.panel-color2 .panel-header {
	background: #96b8c3;
}

/* 	グレイ
-------------------------*/
.panel-gray {
	padding: 0;
	background: white !important;
}

.panel-custom2 .panel-body {
	padding: 0 !important;
}

.panel-custom2 .panel-header {
	padding: 0 10px;
}

.panel-custom2 .panel-header h1 {
	background: none !important;
	border-bottom: 4px solid #666;
	color: #666 !important;
	padding-left: 0 !important;
	font-weight: bold;
}

/* 	ネイキッド
-------------------------*/
.panel-naked {
	background: none;
	padding: 0;
	border: none;
}

.panel-naked .panel-head {
	background: n;
}

.panel-naked .panel-body {
	padding: 0 !important;
}

a.panel-naked {
	text-decoration: none;
}

a.panel-naked:hover {
	text-decoration: underline;
}

/* 	新規追加ボタン
-------------------------*/
.btn-add {
	background: #dfba7f;
	text-align: center;
	font-size: 0.8rem !important;
	color: #f6f5f5 !important;
	padding: 5px 10px;
	margin-left: 10px;
	font-size: 16px;
	position: absolute;
	left: 100px;
	top: 3px;
}

a.btn-add:hover,
a.btn-add:active,
a.btn-add:hover {
	text-decoration: none !important;
	background: #c19e65;
	color: white !important;
}

a.btn-add i {
	padding-right: 5px;
}


/* 	店舗情報
-------------------------*/
.panel-shop-base {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-l-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
}

.panel-shop-base .panel-body p {
	font-size: 1rem;
}

.panel-shop-base .panel-body .status p {
	font-size: 1.7rem;
}

.panel-shop-detail {
	margin-bottom: 20px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-l-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
}

.panel-shop-detail .panel-body h1 {
	font-size: 1rem;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 0;
	margin: 0;
	margin-bottom: 10px;
	color: #4d443d;
	font-weight: bold;
}

.panel-shop-base .panel-body .comment p {
	background: #F0F2F4;
	padding: 15px;
	font-size: 0.9rem;
	letter-spacing: 0px;
	line-height: 1.2rem;
}

h1.page-header {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-top-left: 3px;
	-moz-border-radius-top-right: 3px;
	color: #333;
	text-align: center;
	padding: 10px;
	margin-bottom: 0;
	font-weight: bold;
}


/*===============================
	タブパネル
=================================*/
.tab-content div[role='tabpanel'] {}

/*===============================
	タブ
=================================*/
.nav-tabs {}

.nav-tabs > li {}

.nav-tabs li a:hover,
.nav-tabs li a:active,
.nav-tabs li a:focus {
	background: #f6f5f5 !important;
}

.nav-tabs li a:hover,
.nav-tabs li a:active,
.nav-tabs li a:focus,
.nav-tabs li a:visited {}

.nav-tabs li:not(.active) a:hover,
.nav-tabs li:not(.active) a:active {}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
	background: white;
	color: #333;
}

.nav-tabs li.active a,
.nav-tabs > li.active > a:focus {
	pointer-events: none;
	/*リンクを非リンクに変える*/
	cursor: default;
	/*マウスカーソルを矢印のまま変えない*/
	color: #333 !important;
}

.nav-tabs li a {
	text-decoration: none;
	color: #333 !important;

}

.nav-tabs li.tab2,
.nav-tabs li.active.tab2 a,
.nav-tabs > li.active.tab2 > a:focus {
	border-color: #edaa81;
}

.nav-tabs > li.active.tab2 > a,
.nav-tabs > li.active.tab2 > a:focus {
	background: #edaa81;
}

.tab1-pane {}

.tab2-pane {
	border: 4px solid #edaa81;
}

#top_tab {
	border: none;
}



/*===============================
	ボタン
=================================*/

/* 	色
-------------------------*/
.btn {
	border: none;
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
}

.btn:hover {
	color: white !important;
	cursor: pointer;
}

.btn-light,
.btn-light:visited {
	background: #535353;
	color: white;
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
	background: #333;
	color: white !important;
}

/*その他目立たせたい箇所などへ使用するボタン*/
.btn-primary {
	background: #82765c;
	transition: all 0 !important;
	color: white !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:hover li {
	background: #000 !important;
	transition: all 0 !important;
	color: white !important;
}

.btn-primary[disabled] {
	background: #926da5 !important;
	border-bottom: 3px solid #6e4880 !important;
	transition: all 0 !important;
	margin-top: 2px !important;
}

/*進む・登録・保存ボタン*/
.btn-success,
.btn-success:visited {
	background: #333 !important;
	border: none !important;
	color: white !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
	background: black !important;
	color: white !important;
}

.btn-success.disabled {
	background: #bbb !important;
	color: #333 !important;
}

.btn-success.disabled:hover {
	cursor: not-allowed !important;
}

/*TEL・HPなどインフォメーション系ボタン*/
.btn-info,
.btn-info:visited {
	background: #b6a489;
	color: #333;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active {
	background: #a28d6d;
}

/*戻る・キャンセルボタン*/
.btn-warning {
	background: #e7c690;
	border-color: #e7c690;
}

.btn-warning:hover,
.btn-warning:focus {
	background: #c2a16b;
	border-color: #c2a16b;
}

/*削除ボタン*/
.btn-danger,
.btn-danger:visited {
	background: #535353;
	border-color: #535353;
	color: white;
}

.btn-danger:hover,
.btn-danger:focus {
	background: #333;
	border-color: #464646;
}

.btn-gray,
.btn-gray:visited {
	background: #eee !important;
	color: #333 !important;
}

.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active {
	background: #ccc !important;
	color: #333 !important;
}

.btn-naked,
.btn-naked:visited {
	background: none !important;
	color: #333 !important;
}

.btn-naked:hover,
.btn-naked:focus,
.btn-naked:active {
	background: none !important;
	color: #9e8a6a !important;
}

.btn-clear,
.btn-clear:visited {
	background: none !important;
	color: white !important;
	border: 3px solid white !important;
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
}

.btn-clear:hover,
.btn-clear:focus,
.btn-clear:active {
	background: white !important;
	color: #b6a489 !important;
}

/*エリア検索ボタン*/
.btn-area,
.btn-area:visited {
	background: white;
	border-bottom: 2px solid #ccc;
	padding: 8px 15px !important;
	color: #666;
	border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
}

.btn-area:hover,
.btn-area:focus {
	background: #eee;
	color: #666 !important;
}

/*Facebookボタン*/
.btn-fb,
.btn-fb:visited {
	background: #305097;
	color: white;
}

.btn-fb:hover,
.btn-fb:focus {
	background: #203c79 !important;
	color: white !important;
}

/*Twitterボタン*/
.btn-tw,
.btn-tw:visited {
	background: #00aced;
	color: white;
}

.btn-tw:hover,
.btn-tw:focus {
	background: #068ebf;
	color: white;
}

/*Googleボタン*/
.btn-gg,
.btn-gg:visited {
	background: #db4a39;
	color: white;
}

.btn-gg:hover,
.btn-gg:focus {
	background: #b33729;
	color: white;
}


.btn-nav {
	height: 100% !important;
	width: 100% !important;
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	margin: 0 !important;
	line-height: 45px !important;
}

/* 	エリアマップ
-------------------------*/
.area-back {
	position: absolute;
	bottom: -10px;
	left: 0;
	background: #bbb !important;
	color: white !important;
	border-color: #999 !important;
}

.area-back:hover,
.area-back:active {
	color: white !important;
	background: #aaa !important;
}

.area1 {
	position: absolute;
	top: 50px;
	left: 325px;
}

.area2 {
	position: absolute;
	top: 130px;
	left: 280px;
}

.area3 {
	position: absolute;
	top: 220px;
	left: 260px;
}

.area4 {
	position: absolute;
	top: 150px;
	left: 200px;
}

.area5 {
	position: absolute;
	top: 200px;
	left: 190px;
}

.area6 {
	position: absolute;
	top: 250px;
	left: 160px;
}

.area7 {
	position: absolute;
	top: 200px;
	left: 80px;
}

.area8 {
	position: absolute;
	top: 280px;
	left: 95px;
}

.area9 {
	position: absolute;
	top: 320px;
	left: 0px;
}


.pref2 {
	position: absolute;
	top: 50px;
	left: 200px;
}

.pref3 {
	position: absolute;
	top: 120px;
	left: 230px;
}

.pref4 {
	position: absolute;
	top: 130px;
	left: 130px;
}

.pref5 {
	position: absolute;
	top: 200px;
	left: 130px;
}

.pref6 {
	position: absolute;
	top: 200px;
	left: 200px;
}

.pref7 {
	position: absolute;
	top: 270px;
	left: 160px;
}

.pref8 {
	position: absolute;
	top: 50px;
	left: 230px;
}

.pref9 {
	position: absolute;
	top: 80px;
	left: 130px;
}

.pref10 {
	position: absolute;
	top: 120px;
	left: 270px;
}

.pref11 {
	position: absolute;
	top: 150px;
	left: 150px;
}

.pref12 {
	position: absolute;
	top: 200px;
	left: 260px;
}

.pref13 {
	position: absolute;
	top: 200px;
	left: 190px;
}

.pref14 {
	position: absolute;
	top: 250px;
	left: 180px;
}

.pref15 {
	position: absolute;
	top: 220px;
	left: 80px;
}

.pref16 {
	position: absolute;
	top: 80px;
	left: 280px;
}

.pref17 {
	position: absolute;
	top: 230px;
	left: 200px;
}

.pref18 {
	position: absolute;
	top: 180px;
	left: 150px;
}

.pref19 {
	position: absolute;
	top: 200px;
	left: 80px;
}

.pref20 {
	position: absolute;
	top: 260px;
	left: 70px;
}

.pref21 {
	position: absolute;
	top: 170px;
	left: 220px;
}

.pref22 {
	position: absolute;
	top: 100px;
	left: 120px;
}

.pref23 {
	position: absolute;
	top: 170px;
	left: 140px;
}

.pref24 {
	position: absolute;
	top: 220px;
	left: 60px;
}

.pref25 {
	position: absolute;
	top: 80px;
	left: 280px;
}

.pref26 {
	position: absolute;
	top: 80px;
	left: 190px;
}

.pref27 {
	position: absolute;
	top: 170px;
	left: 180px;
}

.pref28 {
	position: absolute;
	top: 220px;
	left: 240px;
}

.pref29 {
	position: absolute;
	top: 260px;
	left: 160px;
}

.pref30 {
	position: absolute;
	top: 100px;
	left: 100px;
}

.pref31 {
	position: absolute;
	top: 100px;
	left: 280px;
}

.pref32 {
	position: absolute;
	top: 170px;
	left: 280px;
}

.pref33 {
	position: absolute;
	top: 140px;
	left: 160px;
}

.pref34 {
	position: absolute;
	top: 200px;
	left: 180px;
}

.pref35 {
	position: absolute;
	top: 220px;
	left: 80px;
}

.pref36 {
	position: absolute;
	top: 70px;
	left: 260px;
}

.pref37 {
	position: absolute;
	top: 150px;
	left: 270px;
}

.pref38 {
	position: absolute;
	top: 200px;
	left: 150px;
}

.pref39 {
	position: absolute;
	top: 140px;
	left: 100px;
}

.pref40 {
	position: absolute;
	top: 40px;
	left: 240px;
}

.pref41 {
	position: absolute;
	top: 70px;
	left: 300px;
}

.pref42 {
	position: absolute;
	top: 120px;
	left: 220px;
}

.pref43 {
	position: absolute;
	top: 160px;
	left: 300px;
}

.pref44 {
	position: absolute;
	top: 220px;
	left: 240px;
}

.pref45 {
	position: absolute;
	top: 40px;
	left: 170px;
}

.pref46 {
	position: absolute;
	top: 80px;
	left: 160px;
}

.pref47 {
	position: absolute;
	top: 220px;
	left: 60px;
}


.btn-custom1 {
	display: block;
	width: 48.5%;
	padding: 20px;
	background: white;
	float: left;
	height: 130px;
	padding: 20px !important;
	color: #53361c !important;
	border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	border-bottom: 3px solid #ccc;
}

.btn-custom1:first-child {
	margin-right: 30px;
}

.btn-custom1:last-child {
	margin-right: -30px;
}

.btn-custom1:hover {
	color: #666 !important;
	 !important;
	background: #eee;
}


.btn-horizon .btn-primary:hover,
.btn-horizon .btn-primary:focus,
.btn-horizon .btn-primary:active {
	margin-top: 1px !important;
}

/* 	幅
-------------------------*/
.btn-short {
	width: 25%;
}

.btn-midium {
	width: 50%;
}

.btn-long {
	width: 100%;
}

.btn-block .btn {
	margin-bottom: 10px !important;
}

btn-group .btn:last-child {
	margin: 0;
}

.product .btn-group {
	margin: 30px 0;
}

.btn {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	padding: 5px 10px;
}

.btn {
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.btn:hover {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.btn i {
	padding-right: 5px;
}

.btn-small {
	padding: 3px 5px !important;
	border: none;
	margin-bottom: 5px;
	font-size: 0.7rem;
}

.btn-big {
	padding: 10px 40px !important;
	border: none;
	margin: 30px auto;
	display: block;
}

@media screen and (min-width: 473px) {
	.btn-big {
		max-width: 400px;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

.btn-super-big {
	padding: 30px 10px !important;
	border: none;
	text-align: center;
	display: block;
}

.btn-midium {
	width: 200px;
}

.btn-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* 	submit btn
-------------------------*/
.btn-submit {
	background: #c6bf9f !important;
}

/* 	詳細はコチラ用
-------------------------*/
.btn-detail {
	background: #4d443d;
	margin: 10px 0;
	color: white;
}

.btn-detail:hover {
	background: #ca7469;
	color: white;
}

body#black .btn-detail {
	background: #c4a580;
}

body#black .btn-detail:hover {
	background: #8f855a;
}

.panel-body a.btn-detail:hover {
	color: white;
}

/* 	グレー
-------------------------*/
.btn-gray {
	background: #ddd;
}

.btn-gray:hover {
	background: #ccc;
}

/* 	ボタングループ
-------------------------*/
.btn-group {
	text-align: center;
	display: block;
}

.btn-group .btn {
	margin-right: 20px;
	margin-bottom: 20px;
	float: none;
}

/* 	editボタン
-------------------------*/
.btn-edit,
.btn-edit:hover,
.btn-edit:active {
	float: right;
	color: black;
	margin-bottom: 5px;
	color: #337ab8;
}

.btn-edit:focus,
.btn-edit:visited {
	color: #337ab8;
}

.btn-edit-mini,
.btn-edit-mini:visited,
.btn-edit-mini:hover {
	color: #337ab8 !important;
}

/* 	戻るボタン
-------------------------*/
.btn-back {
	float: left;
	color: #795548 !important;
}

.btn-back i {
	padding-right: 10px;
}

/* 	削除ボタン
-------------------------*/
.btn-delete-mini {
	color: #d44950;
}

.btn-delete-mini:hover {
	color: #d44950 !important;
}

.btn-delete {
	background: #da2644;
	color: white;
	padding: 10px 30px;
	width: 200px;
	text-align: center;
	display: block;
	margin: 30px auto;
}

.btn-delete:hover,
.btn-delete:focus,
.btn-delete:active {
	background: #af1e36;
	color: white;
}


/*===============================
	ラベル
=================================*/
/* 	色
-------------------------*/
.label-default {
	background: #acacac;
}

.label-primary {
	background: #edaa81;
}

.label-success {
	background: #90b1e7;
}

.label-info {
	background: #e7c67f;
}

.label-warning {
	background: #82765c;
}

.label-danger {
	background: #e89090;
}

.label-custome1 {
	background: #79c0ac;
}

.label-custome2 {
	background: #b3c7ce;
}

.label-custome3 {
	background: #e3a17b;
}

.label-custome4 {
	background: #a381b3;
}

.label-blank {
	background: #ccc;
	color: #888;
}


.label-icon {
	text-decoration: none !important;
	display: inline !important;
	margin-left: 0 !important;
	font-weight: normal;
}

.label1 {
	background: #acacac;
}

.label2 {
	background: #b38696;
}

.label3 {
	background: #5c8392;
}

.label4 {
	background: #8d86b3;
}

.label5 {
	background: #b3a386;
}

.label6 {
	background: #888;
}


.label {
	margin-bottom: 5px;
	margin-right: 5px;
	padding: 5px 10px;
	line-height: 1rem;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	text-decoration: none !important;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-weight: normal;
}

a.label {
	text-decoration: none !important;
}

.label:hover,
.label:active {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.label-group {
	overflow: hidden;
}

.label-group .label {
	display: block;
	float: left;
	margin-bottom: 5px;
}

.label-block {
	background: none;
	overflow: hidden;
}

.label-block .label {
	display: block;
	width: 100% !important;
	line-height: 15px;
	float: right;
	margin-right: 0;
	padding: 4px 3px;
}

.label-container p {
	line-height: 30px;
}

.tab-contents1 .panel .label-new {
	position: absolute;
	display: block;
	right: -20px;
	top: 0;
	transform: rotate(20deg);
}

.label-hp {
	background: white;
	border: 1px solid #ccc;
	position: relative;
	font-size: 14px;
	top: -3px;
	color: #666 !important;
	display: block;
	width: 60px;
	line-height: 20px;
	float: right;
}

.label-hp:hover,
.label-hp:active {
	text-decoration: none;
	background: white;
}

.label-tel {
	background: #b3a386;
	padding: 10px 15px;
	width: 100%;
	display: none;
	z-index: 99999;
}

.label-tel i {
	padding-right: 5px;
}

.label-tel:hover,
.label-tel:active {
	text-decoration: none;
	background: #978665;
}

/*===============================
	アイコンフォント
=================================*/
i {
	padding-right: 5px;
}

.icon-round {
	background: white;
	padding: 8px 13px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.icon-round2 {
	background: white;
	padding: 8px 13px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

.icon-color1 {}

/*===============================
	バッジ
=================================*/
.panel .badge {
	padding: 5px;
}

.badge1 {
	background: #eee;
	color: #666;
}

.badge2 {
	background: #666;
}


/*===============================
	サイドバー - sidebar -
=================================*/
.sidebar {
	padding-top: 0 !important;
}

.sidebar .panel {
	margin: 10px 0;
	margin-top: 0;
	background: none !important;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.sidebar .panel.panel-white {
	background: white !important;
}

.sidebar .panel.panel-naked {
	border: #eee 3px solid !important;
	background: white !important;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	box-shadow: none !important;
}

.sidebar .panel .panel-header h1 {
	font-size: 1.2rem;
	background: none;
	color: #333;
	font-weight: bold;
	padding: 15px !important;
	padding-bottom: 0 !important;
}

.sidebar .panel .panel-header h1 i {
	padding-right: 10px;
	padding-left: 5px;
	font-size: 1.4rem;
}

.sidebar .panel .panel-body {
	min-height: 100px;
	background: white;
	padding-bottom: 0 !important;
	border: none !important;
}

.sidebar .panel a {
	text-decoration: none;
	padding-bottom: 5px;
}

/*===============================
	意見
=================================*/
#iken-area {
	background: white;
}

/*===============================
	Pagenation
=================================*/
.pagination {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: white;
	height: 40px;
}

.pagination a {
	font-size: 0.9rem;
	color: #666;
	text-decoration: none;
	padding: 8px 10px;
	border-right: 1px solid #eee;
	height: 40px;
	display: block;
	float: left;
}

.pagination span:last-child a {
	border: none;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	color: white;
	background: #4d443d;
	text-decoration: none;
	border-color: #eee;
}

.pagination a:hover {
	color: white !important;
	background: #4d443d;
}

.pagination .next a,
.pagination .last a,
.pagination .previous-inactive a,
.pagination .previous a,
.pagination .first a {
	color: #4d443d;
	font-weight: bold;
}

.pagination span:first-child a:hover {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.pagination span:last-child a:hover {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}



/*===============================
	フッター
=================================*/
.footer {
	min-height: 100px;
	overflow: hidden;
	color: white;
	padding: 20px;
}

.footer #logo {
	width: 300px;
	margin-top: 80px;
}

.vendor-group .vendor-logo {
	width: 200px;
	height: auto;
	padding-right: 30px;
	margin-bottom: 15px;
}

.copyright {
	text-align: right;
	float: right;
	bottom: -10px;
	position: relative;
	margin-bottom: 0;
	padding-bottom: 0;
	color: white;
}

.footer a,
.footer a:hover {
	color: white !important;
}

body#black .footer {
	background: #444;
}

body#black .footer nav a {
	color: white;
}

body#black .copyright {
	color: white;
}

/*===============================
	ステップナビ
=================================*/
#step_bar_box {
	text-align: center;
	overflow: hidden;
	margin-bottom: 20px;
}

.step_bar {
	list-style: none;
}

.step_bar li {
	line-height: 46px;
	color: #888;
	text-decoration: none;
	padding: 0 15px 0 35px;
	background: #ddd;
	display: inline-block;
}

.step_bar li small {
	font-size: 80%;
}

.step_bar li::after {
	position: relative;
	display: block;
	margin-top: -25px;
	margin-left: auto;
	margin-right: -25px;
	height: 22px;
	width: 20px;
	content: " ";
	-webkit-transform: skew(-30deg);
	-moz-transform: skew(-30deg);
	-ms-transform: skew(-30deg);
	-o-transform: skew(-30deg);
	transform: skew(-30deg);
	background: #ddd;
	border-right: 1px solid white;
}

.step_bar li::before {
	float: right;
	display: block;
	margin-bottom: -25px;
	margin-left: auto;
	margin-right: -25px;
	height: 21px;
	width: 20px;
	content: " ";
	-webkit-transform: skew(30deg);
	-moz-transform: skew(30deg);
	-ms-transform: skew(30deg);
	-o-transform: skew(30deg);
	transform: skew(30deg);
	background: #ddd;
	border-right: 1px solid white;
}

.step_bar li:first-child {
	padding-left: 20px;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-ms-border-radius: 5px 0 0 5px;
	-o-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}

.step_bar li:last-child {
	padding-left: 35px;
	padding-right: 40px;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-ms-border-radius: 0 5px 5px 0;
	-o-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}

.step_bar li:last-child::before {
	border: 0;
	background: transparent !important;
}

.step_bar li:last-child::after {
	border: 0;
	background: transparent !important;
}

.step_bar li.current {
	background: #79c0ac;
	color: white;
}

.step_bar li.current::before {
	background: #79c0ac;
}

.step_bar li.current::after {
	background: #79c0ac;
}

.step_bar li.current:last-child {
	margin-right: -35px;
}

.step_bar li.current:last-child::before {
	border: 0;
	background: transparent !important;
}

.step_bar li.current:last-child::after {
	border: 0;
	background: transparent !important;
}

/*===============================
	バナー　Baner
=================================*/
.baner,
.baner-header {
	margin-bottom: 10px;
}

.baner:hover {
	opacity: 0.7;
	cursor: pointer;
}

.baner-side img {
	width: 100%;
}

/*===============================
	影 shadow
=================================*/
.box-shadow {
	box-shadow: rgba(80, 89, 102, 0.227451) 0px 1px 4px 0px;
	-webkit-box-shadow: rgba(80, 89, 102, 0.227451) 0px 1px 4px 0px;
	-moz-box-shadow: rgba(80, 89, 102, 0.227451) 0px 1px 4px 0px;
}


/*===============================
	ローディング
=================================*/
#loading {
	z-index: 100000000;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	display: block;
	position: fixed;
	top: 0;
	left: 0;
}

#loading .height-middle {
	position: relative;
	top: 45%;
	width: 100%;
}

#loading img {
	z-index: 100000000;
	margin: 0 auto;
	display: block;
	width: 100px;
	height: 100px;
	padding: 10px;
	background: white;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

/*===============================
	その他
=================================*/
/* 	Google Map
-------------------------*/
#google_map {
	width: 100%;
	height: 600px;
}

/* ページトップへ戻るボタン
-------------------------*/
#pageTop {
	background: #b6a489;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	color: #FFF;
	position: fixed;
	bottom: 10px;
	right: 10px;
	text-decoration: none;
	font-size: 1.5em;
	border-radius: 20px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}

#pageTop .fa {
	margin-left: 5px;
	margin-bottom: 3px;
	vertical-align: text-top;
}

#pageTop:hover {
	opacity: 0.9;
	color: white !important;
}

/* 	その他を見る
-------------------------*/
a.watch-other {
	margin-right: 20px;
	float: right;
	font-size: 0.8rem;
}

/* 	ソーシャルプラグイン非表示
-------------------------*/
.social-hide .wp_social_bookmarking_light {
	display: none;
	visibility: hidden;
}

/* 	メッセージエリア
-------------------------*/
#msg-area {
	display: none;
}

#msg-area,
#msg-area p {
	width: 50%;
	top: calc(50% - 50px);
	left: 25%;
	opacity: 0.95;
	z-index: 99;
	line-height: 40px !important;
	font-size: 1em;
	color: black;
	text-align: center;
	position: fixed;
	border-radius: 4px;
	padding: 15px;
}

#msg-area p {
	background: #fff !important;
	box-shadow: 0 0 30px 0 rgba(100, 100, 100, .15);
}

#msg-area p.bg-success {
	color: #4DD0EA;
}

#msg-area p.bg-danger {
	color: #ff8162;
}

.area-news {
	margin-bottom: 30px;
}

.area-news p {
	background: #dfdbd2;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 10px;
	box-sizing: padding-box;
	color: #6d6d6d;
	height: 100px;
	overflow-y: scroll;
}

/* 	iCheck
-------------------------*/
.iradio_flat-red,
.icheckbox_flat-red,
.iradio_square-grey,
.icheckbox_square-grey {
	top: -2px !important;
	margin-right: 5px !important;
}

label.checkbox-inline {
	z-index: 9999999 !important;
}

/* 	画像スライダー - Flex-slider -
-------------------------*/
.flex-control-nav {
	bottom: 0;
	display: block;
}

.flexslider-custom1 .img-liquid {
	height: 890px;
	width: 100%;
}

.flexslider-custom1 .flex-control-thumbs li {
	width: 14% !important;
}

.flex-control-thumbs li {
	width: 20%;
	height: 100px;
}

.flex-control-thumbs {
	padding-bottom: 2px;
}

.flex-control-thumbs li {
	margin-left: -2px;
}

.flex-control-thumbs li:first-child {
	margin-left: 0;
}

.flex-control-thumbs img {
	height: 96px;
}

.title-help {
	font-size: 12px;
	color: #888;
	padding-left: 15px;
}

.ctn2-img {
	height: 505px;
	width: 100%;
}

/* 視聴履歴用ウィンドウ
---------------------------*/
#player-area > iframe {
	position: relative;
}

.show-area {
	z-index: 2;
	background: white;
	width: 100%;
	height: 490px;
	position: absolute;
	bottom: 0;
	left: 0;
	border-top: 1px solid #ccc;
	margin-right: -15px;
}

.show-area .tab-show {
	width: 100px;
	height: 40px;
	position: absolute;
	top: -40px;
	background: white;
	z-index: 3;
	text-align: center;
	padding-top: 10px;
	left: 42%;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border: 1px solid #ccc;
	border-bottom: none;
}

.show-area .tab-show:hover {
	cursor: pointer;
	color: #b6a489;
}


.list_body,
.list_body .reply_txt {
	line-height: 2.25;
}

/* 	Memo
	-------------------------*/
#main {
	transition: all .5s ease-in-out;
}

#main.is-left {
	transform: translateX(-17%);
	position: relative;
	transition: all .5s ease-in-out;
}

.c-link, .c-link:active, .c-link:visited{
	color: #C00303;
}
.c-link:hover{
	color: #C00303;
	text-decoration: underline;
}

.c-memo {
	position: fixed;
	right: -49%;
	top: 0;
	height: 100%;
	background: #fff;
	border: 1px solid #e8e8e8;
	padding: 10px;
	width: 50%;
	z-index: 999;
	transition: all .5s ease-in-out;
}

.c-memo.is-active {
	transform: translateX(-98%);
	transition: all .5s ease-in-out;
}

.c-memo__tab {
	background: #fff;
	width: 40px;
	border-top-left-radius: 4px;
	height: 80px;
	position: absolute;
	left: -62px;
	border: 1px solid #e8e8e8;
	padding: 10px;
	border-bottom-left-radius: 4px;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-align: center;
	cursor: pointer;
}

.c-memo__text {
	line-height: 1.6;
	height: 100%;
	background: #f6f5f4;
	overflow-y: scroll;
	font-size: 16px;
	padding: 5px 15px;
	white-space: pre-wrap;
}

.c-memo__innr {
	height: 100%;
	display: none;
}

.c-memo__emptyWord {
	color: #999;
	text-align: center;
	font-size: 2em;
}

.c-memo__textarea {
	background: #fff;
	border: 1px solid #e8e8e8;
	width: 100%;
	height: 85%;
	display: block;
	line-height: 1.6;
	font-size: 16px;
}

.c-memo__submit {
	background: #b6a489 !important;
	color: white;
	float: right;
	margin-top: 10px;
	cursor: pointer;
}

.c-memo__submit:hover {
	background: #b6a489 !important;
}

.c-memo__cancel {
	background: #666 !important;
	color: white;
	float: right;
	margin-top: 10px;
	cursor: pointer;
}

.c-memo__cancel:hover {
	background: #333 !important;
}


/* 	レッスン動画の役に立つボタン
	-------------------------*/
.like-button-wrapper {
	float: left;
}

.like-button {
	border-radius: 100px;
	border: 1px solid #666;
	cursor: pointer;
	transition: all .1s cubic-bezier(.645, .045, .355, 1);
	padding: 8px 8px;
	color: #333;
	border-color: #333;
	font-size: 0.8em;
}

.like-button.active {
	color: #e37b89;
	border-color: #e37b89;
}

.reply_info.question-reply {
	float: right;
}


/*===============================
	メディアクエリ
=================================*/
@media screen and (max-width: 979px) {

	/* 979px以下用（タブレット用）の記述 */
	/* 	ロゴ中央表示
	-------------------------*/
	#top-logo {
		margin: 0 auto;
		margin-top: 5px;
	}

	.top-line a.right {
		display: block;
		text-align: center;
	}

	/* 	メニュー非表示
-------------------------*/
	.menu-wrap {
		display: none;
		/*要素のエリアも非表示*/
	}

	/* 	メニューボタン表示
	-------------------------*/
	header a.sp-menu {
		visibility: visible;
		display: block;
		margin-top: 15px;
		float: right;
		font-size: 10px;
		background: none;
		color: #333;
	}

	header a.sp-menu:hover,
	header a.sp-menu:active {
		background: none;
		color: #333 !important;
	}

	header a.sp-menu i {
		font-size: 30px;
		margin: 0 !important;
		padding: 0 !important;
	}

	/* 	スマホ用メニューをリスト表示
	-------------------------*/
	nav {
		height: auto;
	}

	#top-menu,
	#top-menu ul,
	#top-menu ul li {
		width: 100%;
	}

	#top-menu ul li {
		text-align: center;
	}

	.btn-group img {
		width: 100%;
		margin-bottom: 10px;
	}

	/* 	リスト一覧画像
	-------------------------*/
	.list-img {
		width: 100%;
		height: 200px;
		margin-left: 0;
		margin-top: 0;
	}

	#twitter-widget-0 {
		height: auto;
	}

	#twitter-widget-1 {
		height: auto;
	}

}

@media screen and (max-width: 768px) {
	/* 767px以下用（タブレット／スマートフォン用）の記述 */

	.mt-50-sp {
		margin-top: 50px !important;
	}

	/* 	ロゴ
	-------------------------*/
	body#black #top-logo {
		margin: 0 auto;
	}

	body#black #top-logo img {
		padding-left: 20px;
	}

	.top-baner {
		min-height: 350px;
		padding: 10px 0;
	}

	.top-baner .title {
		height: auto;
	}

	.top-baner .title .ctn_left {
		margin-top: -25px;
	}

	.top-baner iframe {
		min-height: 250px !important;
		height: 250px !important;
	}

	.top-baner h1 {
		font-size: 1.2rem;
		line-height: 1.5rem;
	}

	.top-baner p {
		font-size: 0.75rem;
		line-height: 1rem;
	}

	.btn-super-big {
		padding: 10px !important;
		font-size: 1rem !important;
	}

	.program .label {
		display: none;
	}

	.program p {
		font-size: 0.8rem;
	}

	.top-contents section:first-child h1.title {
		margin-bottom: 15px;
	}

	/* 	Merit
	-------------------------*/
	.merit01 .ctn-left img {
		max-height: 400px;
		width: auto;
	}

	.merit .ctn-left {
		padding-left: 50px !important;
		padding-right: 15px !important;
		box-sizing: border-box;
	}

	.merit .row h1 {
		font-size: 18px;
		line-height: 2rem;
	}

	.merit .row h1 i {
		font-size: 30px;
		top: 2px;
		padding: 0;
	}

	.voice .ctn-center {
		box-sizing: border-box;
	}

	.price .ctn-center {
		margin-left: 15px;
		box-sizing: border-box;
		padding-left: 45px;
		padding-right: 30px;
	}

	.top-contents p.sub-title {
		font-size: 20px;
	}

	nav > ul > li,
	nav > ul > li:first-child {
		border: none;
	}

	.copyright {
		bottom: 0;
	}

	/* 	FlexSlider
	-------------------------*/
	.flexslider-custom1 .img-liquid {
		height: 540px;
		width: 100%;
	}

	/* 	モーダル
	-------------------------*/
	.modal-dialog {
		width: 95%;
	}

	.sm-pdt10 {
		padding-top: 10px;
	}

	/* 	視聴履歴用
	-------------------------*/
	.show-area {
		width: 100%;
		left: 0;
		height: 220px;
	}

	.show-area .tab-show {
		left: 38%;
	}

}

@media screen and (max-width: 479px) {

	/* 479px以下用（スマートフォン用）の記述 */
	.t-left {
		width: initial;
	}

	.hero-title {
		font-size: .9em !important;
		padding-left: 5px !important;
	}

	.hero-subtitle {
		font-size: .6em !important;
		padding-left: 5px !important;
	}

	.panel-list {
		width: 100% !important;
	}

	.list.sm-full {
		width: 100% !important;
	}

	.contents-txt {
		padding: 5px;
	}

	.contents-txt .contens-main {
		padding: 8px;
	}

	.contents-txt h2 {
		padding: 16px 0;
	}

	.panel-ctn1-list {
		padding: 0 15px;
	}

	.voice .ctn-center,
	.price .ctn-center {
		margin: 0 auto;
		padding-left: 0;
		padding-right: 0;
		width: 90%;
	}

	.price .ctn-center .item {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 15px;
	}

	.price .ctn-center .item.advertize {}

	.top-baner {
		min-height: 190px;
	}

	.top-baner .ctn-right {
		padding-right: 0 !important;
		margin-top: -45px;
	}

	.panel-custom1 p {
		font-size: 0.7rem;
	}

	.panel-custom1 {
		margin-bottom: 10px;
	}

	.panel-custom1:before,
	.panel-custom1:after {
		font-size: 3rem;
	}

	.panel-custom1:after {
		bottom: -25px;
	}

	.panel-custom1 {
		padding: 15px;
	}

	.sm-hidden {
		display: none;
	}

	.top-contents p {
		font-size: 0.8rem;
	}

	.merit i {
		width: 50px;
		height: 50px;
		font-size: 30px;
		line-height: 50px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		padding: 0;
	}

	.merit h2 {
		font-size: 1rem;
		margin-top: 0;
	}

	.merit .panel-body {
		font-size: 0.7rem;
		margin-top: 0;
		padding: 5px 0;
	}




	iframe {
		min-height: 300px;
	}

	.panel-ctn1-list .panel-header h1 a {
		font-size: 1.5rem !important;
	}

	.top-contents h1.title {
		font-size: 1rem;
		margin: 0;
		margin-top: 10px;
		margin-bottom: 20px;
	}

	.list-mini .img-liquid {
		height: 150px !important;
	}

	.site-subtitle {
		display: none;
	}

	.access .info {
		margin-top: 10px;
	}

	.top-baner {
		margin-bottom: 0 !important;
	}

	.top-baner iframe {
		min-height: 120px !important;
		height: 120px !important;
	}

	.top-baner h1 {
		font-size: 10px !important;
	}

	.top-baner div.flexslider {
		margin-top: 10px;
	}

	.top-baner div.title {
		top: 10px;
		text-align: center;
	}

	.top-baner div.title h1 {
		line-height: 1rem;
		margin-bottom: 0;
	}

	.top-baner div.title img {
		margin: 0 auto !important;
		margin-bottom: 10px !important;
	}

	.top-baner div.title p {
		display: none;
	}

	.btn-super-big {
		font-size: 14px !important;
		padding: 5px 10px !important;
		display: inline !important;
		margin: 0 auto !important;
	}

	.top-contents {
		padding: 30px 0 !important;
	}

	.panel-ctn1-list h1 a,
	h1.page-title a,
	.panel-shop-detail .panel-body h1 {
		font-size: 1rem !important;
	}

	.icon-circle {
		background: white;
		padding: 5px 8px;
		border-radius: 15px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		margin-right: 2px;
	}

	/* 	FlexSlider
	-------------------------*/
	.flexslider-custom1 .img-liquid {
		height: 320px;
		width: 100%;
	}

	.flexslider-custom1 .flex-control-thumbs,
	.flexslider-custom1 .flex-control-thumbs img {}

	.flex-direction-nav {
		display: none;
	}

	/* 	ページ
	-------------------------*/
	#page-custom {
		padding: 10px;
	}

	/* 	リスト一覧画像
	-------------------------*/
	.list-img {
		width: 100%;
		height: 200px;
	}

	.panel-ctn1-list .panel-body .img-liquid {
		height: 80px !important;
	}

	.ctn2-img {
		height: 450px;
	}

	.flex-control-thumbs,
	.flex-control-thumbs img {
		height: 75px;
	}


	/* 	コーステーブル
	-------------------------*/
	.course-container {
		min-height: 0;
	}

	/* 	予約確認テーブル
	-------------------------*/
	.page-confirm table {
		width: 100%;
	}

	/* 	交通費テーブル
	-------------------------*/
	table.koutuhi th {
		width: 75%;
	}

	table.koutuhi td {
		width: 25% !important;
	}

	/* 	ボタン
	-------------------------*/
	.label-tel {
		display: inline;
		position: relative;
	}

	.panel-ctn1-list .btn-horizon .btn {
		margin-bottom: 5px;
		width: 100%;
		float: none;
	}

	.btn-big {
		width: 100%;
		padding: 10px !important;
		text-align: center;
	}

	input[type="submit"].btn-big {
		width: 80% !important;
	}

	input[type="submit"].btn-big2 {
		width: 100% !important;
	}

	/* 	パネル系
	-------------------------*/

	.panel-attention {
		width: 100%;
	}

	.ctn2-list-container > div {}

	/* 	タブ
	-------------------------*/
	.nav-tabs li a {
		padding: 4px;
	}

	.nav-tabs li a i {
		display: none;
	}

	/* 	フォーム
	-------------------------*/
	.form-veryshort {
		width: 40%;
	}

	.form-short {
		width: 100% !important;
	}

	/* 	フッター
	-------------------------*/
	.footer #top-logo {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		margin-bottom: 10px;
	}

	.footer #logo {
		width: auto;
		height: 100%;
		margin-top: 0;
	}

	/* 	Google Map
	-------------------------*/
	#google_map {
		height: 250px;
	}

	/* 	エリアマップ
	-------------------------*/
	.map-img {
		display: none;
	}

	.pref-search {
		display: none;
	}

	.btn-area {
		width: 100%;
		position: inherit;

	}
}

@media screen and (max-width: 330px) {


	.top-baner {
		min-height: 100px;
	}

	.top-baner .ctn-left-container {
		float: none;
		width: 100% !important;
	}

	.top-baner .ctn-left,
	.top-baner .ctn-right {
		width: 100% !important;
	}

	.top-baner .ctn-right {
		margin-top: 20px;
	}

	.top-contents {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.merit01 .ctn-left {
		margin-left: -15px !important;
	}

	.btn-landing {
		font-size: 1em !important;
	}

	.voice .ctn-center {
		margin-left: 0 !important;
		padding-right: 0 !important;
	}

	.voice .ctn-center .col-xs-12 {
		padding: 0;
	}

	.price .ctn-center {
		margin-left: 0 !important;
		padding-right: 15px !important;
	}

	p {
		line-height: 1.5em;
	}

	.merit .panel-body {
		line-height: 1.5em !important;
	}

	.top-contents > section > div {
		padding: 0;
	}

	/* 	画像
		-------------------------*/
	.list-img {
		height: 150px;
	}

	.ctn2-img {
		height: 300px;
		width: 100%;
	}

	.flex-control-thumbs,
	.flex-control-thumbs img {
		height: 60px;
	}

	.flexslider {
		margin-bottom: 20px;
	}

	td.option-img img {
		height: 70px;
	}

	/* 	パネル・コンテナ
		-------------------------*/
	.ctn2-list-container > div {
		min-height: 320px;
	}

	.panel-body p,
	.panel-body .comment p {
		font-size: 0.8rem;
	}

	.ctn2-list-container .panel-head p {

		letter-spacing: normal;
	}

	/* 	視聴履歴用
		-------------------------*/
	.show-area .tab-show {
		left: 35%;
	}

	.voice .ctn-center,
	.price .ctn-center {
		margin: 0 auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		width: 95%;
	}

	.price .ctn-center .item {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 15px;
	}

}

.like-button-wrapper {
	float: right;
	font-size: 0.8rem;
}

.reply_info.question-reply {
	clear: both;
}



/*animation*/
.animation__frameFire {
	animation: frameFire 9s infinite;
	display: inline-block;
}

.animation__burned {
	animation: burned 9s infinite;
	display: inline-block;

}

.animation__down {
	animation: downUp 3s infinite;
	display: inline-block;
	position: relative;
}

.animation__zoomIn {
	animation: zoomIn 1s;
	position: relative;
}


/*redactor*/
a.re-button.re-link, a.re-button.re-italic, a.re-button.re-deleted, a.re-button.re-lists, a.redactor-dropdown-item-h4, a.redactor-dropdown-item-h5, a.redactor-dropdown-item-h6, a.redactor-dropdown-item-h1, a.redactor-dropdown-item-h3,
a.redactor-dropdown-item-blockquote, a.redactor-dropdown-item-outdent, a.redactor-dropdown-item-indent{
	display: none;
}
.redactor-box h2, #area_forum_post h2{
	font-size: 1rem;
}

.p-breadcrumb a, .p-breadcrumb a:visited, .p-breadcrumb a:hover{
	color: #c00303 !important;
}
.p-breadcrumb a:hover{
	text-decoration: underline;
}

@keyframes frameFire {
	0% {
		transform: translate(0px, 0px) rotateZ(0deg)
	}

	85% {
		color: #b6a489;
		transform: translate(0px, 0px) rotateZ(0deg)
	}

	85.5% {
		color: #9E2330;
		transform: translate(0px, 2px) rotateZ(20deg)
	}

	86% {
		color: #9E2330;
		transform: translate(2px, 0px) rotateZ(19deg)
	}

	86.5% {
		color: #9E2330;
		transform: translate(0px, 0px) rotateZ(20deg)
	}

	87% {
		color: #9E2330;
		transform: translate(2px, 2px) rotateZ(21deg)
	}

	87.5% {
		color: #9E2330;
		transform: translate(0px, 2px) rotateZ(20deg)
	}

	88% {
		color: #9E2330;
		transform: translate(2px, 0px) rotateZ(19deg)
	}

	88.5% {
		color: #9E2330;
		transform: translate(0px, 0px) rotateZ(20deg)
	}

	89% {
		color: #9E2330;
		transform: translate(2px, 2px) rotateZ(21deg)
	}

	89.5% {
		color: #9E2330;
		transform: translate(0px, 2px) rotateZ(20deg)
	}

	90% {
		color: #9E2330;
		transform: translate(2px, 0px) rotateZ(19deg)
	}

	90.5% {
		color: #9E2330;
		transform: translate(0px, 0px) rotateZ(20deg)
	}

	91% {
		color: #9E2330;
		transform: translate(2px, 0px) rotateZ(21deg)
	}

	91.5% {
		color: #9E2330;
		transform: translate(0px, 0px) rotateZ(20deg)
	}

	92% {
		color: #9E2330;
		transform: translate(2px, 2px) rotateZ(21deg)
	}

	92.5% {
		color: #9E2330;
		transform: translate(0px, 2px) rotateZ(20deg)
	}

	93% {
		color: #9E2330;
		transform: translate(2px, 0px) rotateZ(21deg)
	}

	93.5% {
		color: #9E2330;
		transform: translate(0px, 0px) rotateZ(20deg)
	}

	94% {
		color: #9E2330;
		transform: translate(2px, 2px) rotateZ(21deg)
	}

	94.5% {
		color: #9E2330;
		transform: translate(0px, 2px) rotateZ(20deg)
	}

	95% {
		color: #9E2330;
		transform: translate(2px, 0px) rotateZ(21deg)
	}

	100% {
		color: #b6a489;
		transform: translate(0px, 0px) rotateZ(0deg)
	}
}

@keyframes burned {
	0% {
		opacity: 0;
		transform: translate(100px, 0px) rotateZ(0deg) rotateY(180deg)
	}

	85% {
		color: #c4c2c8;
		opacity: 1;
		display: inline-block;
		transform: translate(-18px, 0px) rotateZ(0deg) rotateY(180deg)
	}

	85.5% {
		color: #a8a8a8;
		opacity: 1;
		transform: translate(-18px, 2px) rotateZ(20deg) rotateY(180deg)
	}

	86% {
		color: #a8a8a8;
		opacity: 1;
		transform: translate(-22px, 0px) rotateZ(19deg) rotateY(180deg)
	}

	86.5% {
		color: #a8a8a8;
		opacity: 1;
		transform: translate(-18px, 0px) rotateZ(20deg) rotateY(180deg)
	}

	87% {
		color: #a8a8a8;
		opacity: 1;
		transform: translate(-22px, 2px) rotateZ(21deg) rotateY(180deg)
	}

	87.5% {
		color: #a8a8a8;
		opacity: 1;
		transform: translate(-18px, 2px) rotateZ(20deg) rotateY(180deg)
	}

	88% {
		color: #969696;
		opacity: 1;
		transform: translate(-22px, 0px) rotateZ(19deg) rotateY(180deg)
	}

	88.5% {
		color: #898989;
		opacity: 1;
		transform: translate(-18px, 0px) rotateZ(20deg) rotateY(180deg)
	}

	89% {
		color: #898989;
		opacity: 1;
		transform: translate(-22px, 2px) rotateZ(21deg) rotateY(180deg)
	}

	89.5% {
		color: #7d7d7d;
		opacity: 1;
		transform: translate(-18px, 2px) rotateZ(20deg) rotateY(180deg)
	}

	90% {
		color: #777777;
		opacity: 1;
		transform: translate(-22px, 0px) rotateZ(19deg)
	}

	90.5% {
		color: #585858;
		opacity: 1;
		transform: translate(-18px, 0px) rotateZ(20deg) rotateY(180deg)
	}

	91% {
		color: #4c4c4c;
		opacity: 1;
		transform: translate(-22px, 0px) rotateZ(21deg) rotateY(180deg)
	}

	91.5% {
		color: #414141;
		opacity: 1;
		transform: translate(-18px, 0px) rotateZ(20deg) rotateY(180deg)
	}

	92% {
		color: #383838;
		opacity: 1;
		transform: translate(-22px, 2px) rotateZ(21deg) rotateY(180deg)
	}

	92.5% {
		color: #2a2a2a;
		opacity: 1;
		transform: translate(-18px, 2px) rotateZ(20deg) rotateY(180deg)
	}

	93% {
		color: #222222;
		opacity: 1;
		transform: translate(-22px, 0px) rotateZ(21deg) rotateY(180deg)
	}

	93.5% {
		color: #212121;
		opacity: 1;
		transform: translate(-22px, 0px) rotateZ(20deg) rotateY(180deg)
	}

	94% {
		color: #1e1e1e;
		opacity: .8;
		transform: translate(-22px, 0px) rotateZ(21deg) rotateY(180deg)
	}

	94.5% {
		color: #111111;
		opacity: .5;
		transform: translate(-22px, 0px) rotateZ(20deg) rotateY(180deg)
	}

	95% {
		color: #111111;
		opacity: .2;
		transform: translate(-22px, 0px) rotateZ(21deg) rotateY(180deg)
	}

	97% {
		color: #080808;
		opacity: 0;
		transform: translate(-22px, 0px) rotateZ(21deg) rotateY(180deg)
	}

	100% {
		color: #080808;
		opacity: 0;
		transform: translate(-18px, 0px) rotateZ(0deg) rotateY(180deg)
	}
}

@keyframes downUp {
	0% {
		transform: translate(0px, 0px)
	}

	50% {
		transform: translate(0px, 10px)
	}

	100% {
		transform: translate(0px, 0px)
	}
}

@keyframes zoomIn {
	0% {
		transform: scale(0)
	}

	40% {
		transform: scale(0)
	}

	100% {
		transform: scale(1)
	}
}