/*==============================================

	LESS FOR THEME COLORS

===============================================*/
/*==============================================

	LESS FOR THEME COLORS

===============================================*/
/* btn-bg mixins */
.btn-bg {
  background-color: #344c60;
}
.btn-bg-l-10 {
  background-color: #466681;
}
.btn-bg-l-20 {
  background-color: #5880a2;
}
.btn-bg-l-30 {
  background-color: #7799b6;
}
.btn-bg-d-10 {
  background-color: #22323f;
}
.btn-bg-d-20 {
  background-color: #10181e;
}
.btn-bg-d-30 {
  background-color: #000000;
}
/* shadow mixins */
.btn-shadow10 {
  -moz-box-shadow: 0px 2px 0px 0px #22323f;
  -webkit-box-shadow: 0px 2px 0px 0px #22323f;
  box-shadow: 0px 2px 0px 0px #22323f;
}
.btn-shadow20 {
  -moz-box-shadow: 0px 2px 0px 0px #10181e;
  -webkit-box-shadow: 0px 2px 0px 0px #10181e;
  box-shadow: 0px 2px 0px 0px #10181e;
}
.btn-shadow30 {
  -moz-box-shadow: 0px 2px 0px 0px #000000;
  -webkit-box-shadow: 0px 2px 0px 0px #000000;
  box-shadow: 0px 2px 0px 0px #000000;
}
/*==============================================
	COLORS FOR ELEMENTS
===============================================*/
/* BODY
---------------------------------------------- */
body {
  background-color: #fafafa;
  color: #525252;
}
/* HEADER
---------------------------------------------- */
#header-wrapper {
  border-bottom-color: #344c60;
}
#header h1 {
  color: #fff;
}
#header h1 a {
  color: #fff;
}
#header nav {
  background: #344c60;
}
#header nav a {
  background-color: #344c60;
  color: #fff;
}
#header nav a:hover {
  background-color: #847d75;
}
#header nav a.current-page-item {
  background-color: #d7c897;
}
/* G-NAVIGATION (WIDE)
---------------------------------------------- */
#gNav {
  background-color: #344c60;
}
#gNav nav a {
  color: #e3f0f7;
}
#gNav nav a:hover {
  background-color: #3d5971;
}
#gNav nav a.current-page-item {
  background-color: #3d5971;
}
/* FOOTER
---------------------------------------------- */
#footer-wrapper {
  border-top-color: #394e61;
  background: #425b71;
  color: #0a0d10;
}
#footer-wrapper a {
  color: #e3f0f7;
}
#footer-wrapper .container .row li {
  border-bottom-color: #35495a;
}
#footer-wrapper .container .row li:hover {
  background-color: #4b6881;
}
#footer-wrapper .backtotop a {
  border-top-color: #394e61;
  background-color: #425b71;
}
#copyright {
  color: #525252;
}
#copyright a {
  color: #525252;
}
/* LINK
---------------------------------------------- */
a:link,
a:visited {
  color: #434b51;
}
a:hover,
a:active {
  color: #4e585f;
}
/* PANEL UI (SMALL)
---------------------------------------------- */
/* titleBar */
#titleBar {
  background-color: #fff;
  color: #fff;
}
/* Overlays */
#leftPanelButton .toggle,
#rightPanelButton .toggle {
  color: #e3f0f7;
  background-color: #344c60 !important;
}
/* SUBMENU
---------------------------------------------- */
#submenu li {
  background-color: #88a6bf;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#submenu li:hover {
  background-color: #99b2c7;
}
#submenu li a:before {
  color: #344c60;
}
/* HEADLINE
---------------------------------------------- */
#main-contents h2 {
  color: #000000;
  background-color: #99b2c7;
}
#main-contents h3 {
  border-bottom: 1px #d8d6d3 solid;
}
#main-contents h4 {
  color: #ece5ce !important;
  background-color: #a8a39d !important;
}
#sub-contents h2,
#side-contents h2 {
  border-bottom-color: #10181e;
}
#community_tdetail h2.community a,
#community h2.community a {
  color: #466681;
}
/* BUTTONS
---------------------------------------------- */
/* toolbox */
.toolbox {
  /* ユーザー登録 -------------------------------------*/
}
.toolbox h5.bottom a {
  background-color: #10181e;
  -moz-box-shadow: 0px 2px 0px 0px #000000;
  -webkit-box-shadow: 0px 2px 0px 0px #000000;
  box-shadow: 0px 2px 0px 0px #000000;
  color: #ffffff;
}
.toolbox h5.bottom a:visited {
  background-color: #10181e;
  -moz-box-shadow: 0px 2px 0px 0px #000000;
  -webkit-box-shadow: 0px 2px 0px 0px #000000;
  box-shadow: 0px 2px 0px 0px #000000;
  color: #ffffff;
}
.toolbox h5.bottom a:hover {
  background-color: #22323f;
  -moz-box-shadow: 0px 2px 0px 0px #000000;
  -webkit-box-shadow: 0px 2px 0px 0px #000000;
  box-shadow: 0px 2px 0px 0px #000000;
  color: #ffffff;
}
.toolbox h5.bottom a:active {
  background-color: #22323f;
  color: #dfdfdf;
  -moz-box-shadow: 0px 2px 0px 0px #000000;
  -webkit-box-shadow: 0px 2px 0px 0px #000000;
  box-shadow: 0px 2px 0px 0px #000000;
}
.toolbox.userregist_tb a {
  background-color: #344c60;
  color: #e3f0f7;
  box-shadow: 0px 2px 0px 0px #22323f;
}
.toolbox.userregist_tb a:hover {
  background-color: #3d5971;
  color: white;
}
.toolbox.userbox_tb,
.toolbox.userbox_tb.login {
  /* logout */
}
.toolbox.userbox_tb a,
.toolbox.userbox_tb.login a {
  background-color: #10181e;
  color: #e3f0f7;
  box-shadow: 0px 2px 0px 0px #000000;
}
.toolbox.userbox_tb a:hover,
.toolbox.userbox_tb.login a:hover {
  background-color: #22323f;
  color: white;
}
.toolbox.userbox_tb .mypage_bt + span a,
.toolbox.userbox_tb.login .mypage_bt + span a {
  color: #344c60;
}
.toolbox.userbox_tb .mypage_bt + span a:before,
.toolbox.userbox_tb.login .mypage_bt + span a:before {
  color: #344c60;
}
.toolbox.userbox_tb .mypage_bt + span a:hover,
.toolbox.userbox_tb.login .mypage_bt + span a:hover {
  color: #466681;
}
/* 編集ボタン --------------------------------------*/
h2.community a.edit {
  color: #525252 !important;
}
/* 印刷ボタン --------------------------------------*/
.print_bt {
  color: white !important;
  background: #344c60;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #10181e), color-stop(1, #344c60));
  background: -ms-linear-gradient(bottom, #10181e, #344c60);
  background: -moz-linear-gradient(center bottom, #10181e 0%, #344c60 100%);
  background: -o-linear-gradient(#344c60, #10181e);
  -pie-background: linear-gradient(bottom, #10181e, #344c60);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#344c60', endColorstr='#10181e', GradientType=0);
  border: 1px #10181e solid;
}
.print_bt:hover {
  background: #344c60;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #22323f), color-stop(1, #466681));
  background: -ms-linear-gradient(bottom, #22323f, #466681);
  background: -moz-linear-gradient(center bottom, #22323f 0%, #466681 100%);
  background: -o-linear-gradient(#466681, #22323f);
  -pie-background: linear-gradient(bottom, #22323f, #466681);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#466681', endColorstr='#22323f', GradientType=0);
}
.print_bt.current,
.print_bt.active {
  background: #e3f0f7;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e3f0f7), color-stop(1, #6cb0d5));
  background: -ms-linear-gradient(bottom, #e3f0f7, #6cb0d5);
  background: -moz-linear-gradient(center bottom, #e3f0f7 0%, #6cb0d5 100%);
  background: -o-linear-gradient(#6cb0d5, #e3f0f7);
  -pie-background: linear-gradient(bottom, #e3f0f7, #6cb0d5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6cb0d5', endColorstr='#e3f0f7', GradientType=0);
  border: 1px #6cb0d5 solid;
}
/* DIRECTORY MENU STYLES
---------------------------------------------- */
#directory .box span a {
  color: #344c60;
  border-color: #3d5971;
}
#directory .box span a:hover {
  border-color: #344c60;
  background-color: #99b2c7;
}
/*==============================================
	COLORS FOR FREE PAGE
	layout setting -> page-index.less
===============================================*/
#page_index #main-contents {
  /* 選べるスタイル用 */
}
#page_index #main-contents h1 {
  background-color: #7799b6;
  color: #344c60;
}
#page_index #main-contents h2 {
  color: #10181e !important;
  background-color: transparent !important;
  border-bottom: 2px #000000 solid;
}
#page_index #main-contents h4 {
  color: #344c60 !important;
  background-color: transparent !important;
  border-left: 5px #10181e solid;
}
#page_index #main-contents h5:before {
  color: #e3f0f7;
}
#page_index #main-contents ul li:before {
  border-color: transparent #5880a2;
}
#page_index #main-contents .left-border {
  border-color: #344c60;
  background-color: #99b2c7 !important;
}
#page_index #main-contents .box {
  border-left-color: #344c60;
}
/*==============================================
	COLORS FOR MINI PAGE
	layout setting -> mini-page.less
===============================================*/
#shop .category {
  background-color: #ffffff;
}
#shop .shopnavi li {
  background-color: #fff;
}
#shop .shopnavi li a {
  border-color: #f7fbfd;
  background-color: #f7fbfd;
}
#shop .shopnavi li a:hover {
  border-color: #cfe5f1;
  background-color: #e3f0f7;
}
#shop .shopnavi li.current {
  background-color: #f7fbfd;
}
#shop .shopnavi li.current > a:hover {
  border: 1px #f7fbfd solid;
}
/* ミニページ編集画面,ミニページbody -----------------------*/
#shop_body {
  /* 情報タイトル */
}
#shop_body h1 {
  color: #22323f;
  border-bottom-color: #e3f0f7;
}
#shop_body .box1 {
  border-bottom-color: #e4e3e1;
}
#shop_body .baseinfo h3 {
  border-left-color: #e3f0f7;
}
.coupon {
  border-color: #d8d6d3;
}
.coupon .header .title {
  color: #de5440;
}
.coupon .header .title:before {
  background-color: #de5440;
  color: #ffffff;
}
/*==============================================
	COLORS FOR EVENT PAGE
	layout setting -> event.less
===============================================*/
/* イベント申し込み */
.event_entry {
  border-color: #f7fbfd;
  background-color: #ffffff;
}
.event_entry .button {
  border-color: #b3321f;
  background: #de5440;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #9d2c1b), color-stop(1, #de5440));
  background: -ms-linear-gradient(bottom, #9d2c1b, #de5440);
  background: -moz-linear-gradient(center bottom, #9d2c1b 0%, #de5440 100%);
  background: -o-linear-gradient(#de5440, #9d2c1b);
  -pie-background: linear-gradient(bottom, #9d2c1b, #de5440);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#de5440', endColorstr='#9d2c1b', GradientType=0);
}
.event_entry .button:hover {
  background: #de5440;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #c83823), color-stop(1, #e67b6b));
  background: -ms-linear-gradient(bottom, #c83823, #e67b6b);
  background: -moz-linear-gradient(center bottom, #c83823 0%, #e67b6b 100%);
  background: -o-linear-gradient(#e67b6b, #c83823);
  -pie-background: linear-gradient(bottom, #c83823, #e67b6b);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e67b6b', endColorstr='#c83823', GradientType=0);
}
#event_entry,
#event_entryconfirm {
  /* 申し込み・申し込むボタン */
}
#event_entry #senb_bt,
#event_entryconfirm #senb_bt,
#event_entry #submit,
#event_entryconfirm #submit {
  background: #de5440;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #9d2c1b), color-stop(1, #de5440));
  background: -ms-linear-gradient(bottom, #9d2c1b, #de5440);
  background: -moz-linear-gradient(center bottom, #9d2c1b 0%, #de5440 100%);
  background: -o-linear-gradient(#de5440, #9d2c1b);
  -pie-background: linear-gradient(bottom, #9d2c1b, #de5440);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#de5440', endColorstr='#9d2c1b', GradientType=0);
  border-color: #b3321f;
}
#event_entry #senb_bt:hover,
#event_entryconfirm #senb_bt:hover,
#event_entry #submit:hover,
#event_entryconfirm #submit:hover {
  background: #de5440;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #c83823), color-stop(1, #e67b6b));
  background: -ms-linear-gradient(bottom, #c83823, #e67b6b);
  background: -moz-linear-gradient(center bottom, #c83823 0%, #e67b6b 100%);
  background: -o-linear-gradient(#e67b6b, #c83823);
  -pie-background: linear-gradient(bottom, #c83823, #e67b6b);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e67b6b', endColorstr='#c83823', GradientType=0);
}
/* calendar */
.event dl {
  border-color: #f4d347;
  background-color: #f4d347;
}
.event dd.month {
  background-color: #f4d347;
}
/*==============================================
	COLORS FOR USERLIST PAGE
	layout setting -> user-list.less
===============================================*/
.userlist li .sub {
  color: #de5440;
  border-color: #de5440;
}
/*==============================================
	COLORS FOR FORM 
	layout setting -> __forms.less
===============================================*/
input[type="button"],
input[type="submit"] {
  color: white !important;
  background: #344c60;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #10181e), color-stop(1, #344c60));
  background: -ms-linear-gradient(bottom, #10181e, #344c60);
  background: -moz-linear-gradient(center bottom, #10181e 0%, #344c60 100%);
  background: -o-linear-gradient(#344c60, #10181e);
  -pie-background: linear-gradient(bottom, #10181e, #344c60);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#344c60', endColorstr='#10181e', GradientType=0);
  border: 1px #10181e solid;
  -moz-box-shadow: 0px 2px 0px 0px #10181e;
  -webkit-box-shadow: 0px 2px 0px 0px #10181e;
  box-shadow: 0px 2px 0px 0px #10181e;
}
input[type="button"]:hover,
input[type="submit"]:hover {
  background: #344c60;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #22323f), color-stop(1, #466681));
  background: -ms-linear-gradient(bottom, #22323f, #466681);
  background: -moz-linear-gradient(center bottom, #22323f 0%, #466681 100%);
  background: -o-linear-gradient(#466681, #22323f);
  -pie-background: linear-gradient(bottom, #22323f, #466681);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#466681', endColorstr='#22323f', GradientType=0);
}
input[type="button"].current,
input[type="submit"].current,
input[type="button"].active,
input[type="submit"].active {
  background: #e3f0f7;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e3f0f7), color-stop(1, #6cb0d5));
  background: -ms-linear-gradient(bottom, #e3f0f7, #6cb0d5);
  background: -moz-linear-gradient(center bottom, #e3f0f7 0%, #6cb0d5 100%);
  background: -o-linear-gradient(#6cb0d5, #e3f0f7);
  -pie-background: linear-gradient(bottom, #e3f0f7, #6cb0d5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6cb0d5', endColorstr='#e3f0f7', GradientType=0);
  border: 1px #6cb0d5 solid;
}
input[type="text"],
input[type="password"] {
  color: #525252;
  border-color: #cccccc;
  background-color: #ffffff;
}
/* button links */
a#add_tag {
  background: #ffffff;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e6e6e6), color-stop(1, #ffffff));
  background: -ms-linear-gradient(bottom, #e6e6e6, #ffffff);
  background: -moz-linear-gradient(center bottom, #e6e6e6 0%, #ffffff 100%);
  background: -o-linear-gradient(#ffffff, #e6e6e6);
  -pie-background: linear-gradient(bottom, #e6e6e6, #ffffff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
}
a.useradd {
  background: #ffffff;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e6e6e6), color-stop(1, #ffffff));
  background: -ms-linear-gradient(bottom, #e6e6e6, #ffffff);
  background: -moz-linear-gradient(center bottom, #e6e6e6 0%, #ffffff 100%);
  background: -o-linear-gradient(#ffffff, #e6e6e6);
  -pie-background: linear-gradient(bottom, #e6e6e6, #ffffff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  border-color: #cccccc;
}
a.useradd:hover {
  background: #ffffff;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e6e6e6), color-stop(1, #ffffff));
  background: -ms-linear-gradient(bottom, #e6e6e6, #ffffff);
  background: -moz-linear-gradient(center bottom, #e6e6e6 0%, #ffffff 100%);
  background: -o-linear-gradient(#ffffff, #e6e6e6);
  -pie-background: linear-gradient(bottom, #e6e6e6, #ffffff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
}
textarea {
  color: #525252;
  border-color: #cccccc;
  background-color: #ffffff;
}
#sub-contents .toolbox.event_tb .date_str,
#side-contents .toolbox.event_tb .date_str {
  color: #ecbb4f;
}
/*==============================================
	COLORS FOR TAG
	layout setting -> tag.less
===============================================*/
.t_tag a,
#other_tag_area a {
  color: #ffffff;
  background-color: #ecbb4f;
}
.t_tag a:hover,
#other_tag_area a:hover {
  background-color: #eec466;
}
.righttag {
  color: #c08b15;
  border: 1px #c08b15 solid;
}
/*==============================================
	COLORS FOR LIST
	layout setting -> list.less
===============================================*/
ul.list li {
  color: #ecbb4f;
}
/*==============================================
	COLORS FOR ICON
	// layout setting -> icons.less
===============================================*/
/* 電話番号icon */
.tel:before {
  olor: #5f5f5f;
}
.toolbox.userbox_tb .box span a:before {
  color: #d8d6d3;
}
/*==============================================
	COLORS FOR PAGER
	// layout setting -> pager.less
===============================================*/
.paginationControl ul li span {
  background-color: #e3f0f7;
  border-color: #e3f0f7;
}
/*==============================================
	COLORS FOR RESBOX
	// layout setting -> resbox.less
===============================================*/
.resbox {
  background: #ffffff;
  /* 投稿コメント表示 */
}
.resbox:after {
  border-color: #ffffff transparent;
}
.resbox .resbox_body .box.myres img.ico {
  border-color: #ecbb4f;
}
.resbox .resbox_body .box img.ico {
  border-color: #e3f0f7;
}
.resbox .myres,
.resbox .resbox_body .box {
  border-bottom-color: #d8d6d3;
}
/*==============================================
	COLORS FOR TOPIC
	// layout setting -> topic.less
===============================================*/
#topic_detail .resbox {
  background: #ffffff;
}
#topic_detail .resbox:after {
  border-color: #ffffff transparent;
}
/*==============================================
	COLORS FOR WELL
	// layout setting -> well.less
===============================================*/
.well {
  background-color: #f0f6f8;
}
/*==============================================
	COLORS FOR POINT PANELS
	layout setting -> shop-list.less
===============================================*/
.toolbox .shop_list_box.premium h3 {
  background-color: #fcf4e2 !important;
  border-bottom: 1px #f8e7c2 solid !important;
}
.toolbox.report_tb .box {
  background-color: #fdf9f0;
  border: 1px #f8e7c2 solid;
}
/*==============================================
	COLORS FOR COMMENT INDEX
	layout setting -> comment_index.less
===============================================*/
#comment_index .box {
  border-bottom: 1px #d8d6d3 solid;
}
#comment_index .now {
  background: #EFEFEF;
}
#comment_index .now:after {
  border-color: #ffffff transparent;
}
/*==============================================
	COLORS FOR LIST GROUP
===============================================*/
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
  color: #99b2c7 !important;
  background-color: #466681 !important;
  border-color: #466681;
}
/*==============================================
	COLORS FOR NAV
===============================================*/
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
  color: #99b2c7;
  background-color: #466681;
}
/*==============================================
	social media colors 
===============================================*/