/*==========================================
   デザイン全体設定の追加設定
============================================*/
.xs-th {
  background: none repeat scroll 0 0 #f5f5f5;
  font-weight: bold;
  height: 32px;
  margin: -8px -8px 2px;
  padding: 6px;
}

body{
    background-color: #f8f8f8;
}


/*==========================================
	サイト構造と背景色のデフォルト
	（section直下のdiv）
============================================*/
.be_MainBack {
	border-radius: 4px 4px 0 0;

}
.be_MainBack a {
/*    text-decoration: underline;*/
}

.be_HeaderBack {

	margin:0 -15px;
}

.be_PageBack{
	background-color: #f8f8f8;
}
.be_SubBack {

}
/*メインコンテンツ背景*/
.be_ContentBack{
   /* border: 1px solid #e2e2e2;*/
	background-color:#fff;

}

@media (min-width: 768px) {
.be_ContentBack{

}
}

@media (min-width: 768px) {
    .be_SubBack{

}
}

/*==========================================
	Bootstrapの再設定
============================================*/
@media (min-width: 768px) {
.container {
    /*width: 980px;
	max-width: none !important;*/
}

}

/*モーダル*/

.modal-header {
    background: #eee none repeat scroll 0 0;
    border-radius: 6px 6px 0 0;
    padding: 6px;
}
.modal-header .close {
 	margin: 0px 6px;
}
.modal-header h4 {
 	font-size:14px;
}

.modal-body {
    padding: 5px 15px;
}

/*パネル*/
.panel-heading {
    padding: 6px 10px 3px;
}

/*nav-tabsのカスタマイズ版*/
.be_nav-tab1 {

}

.be_nav-tab1 .nav-tabs {
    border-color: #c5d0dc;
    margin-bottom: 0 !important;
    position: relative;
    top: 1px;
}

.be_nav-tab1 .nav-tabs > li.active > a,
.be_nav-tab1 .nav-tabs > li.active > a:focus,
.be_nav-tab1 .nav-tabs > li.active > a:hover {
    background-color: #fff;
    border-color: #4c8fbd #c5d0dc transparent;
    border-top: 2px solid #4c8fbd;
    box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.15);
    color: #576373;
    line-height: 18px;
    margin-top: -1px;
    z-index: 1;
}
.be_nav-tab1 .nav-tabs,
.be_nav-tab1 .nav-tabs > li:first-child > a {
    margin-left: 0;
}
.be_nav-tab1 .nav-tabs > li > a,
.be_nav-tab1 .nav-tabs > li > a:focus {
    background-color: #f9f9f9;
    border-color: #c5d0dc;
    border-radius: 0 !important;
    color: #999;
    line-height: 18px;
    margin-right: -1px;
    position: relative;
}
.be_nav-tab1 .nav-tabs > li > a {
    padding: 7px 12px 8px;
}

.be_nav-tab1 .tab-content {
    border: 1px solid #c5d0dc;
    padding: 16px 12px;
    position: relative;
}


.popover {
    max-width: 100%;
}

.label {
    line-height: 2.5;
    margin: 3px;
}
.be label {
    background-color: #eee;
    display: block;
    padding: 10px 0 10px 30px;
}
.be .checkbox input[type="checkbox"] {
    margin-left: -20px;
    padding: 20px;
    position: absolute;
}

.bg-muted {
    background-color: #f0f0f0;
    color: #777;
}

.progress {
    margin-bottom: 0px;
}




.tooltip-inner {
    max-width: 600px;
    text-align: left;
}

.alert-danger {
    background-color: #fbf1f1;
    border-color: #ebccd1;
    color: #db7676;
}

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

.form-control {
    display: inline-block;

}

.xs-w10{
    width: 10%;
}
.xs-w20{
    width: 20%;
}
.xs-w30{
    width: 30%;
}
.xs-w40{
    width: 40%;
}
.xs-w50{
    width: 50%;
}
.xs-w60{
    width: 60%;
}   
.xs-w80{
    width: 80%;
}
@media (min-width: 768px) {
.w10{
    width: 10%;
}
.w20{
    width: 20%;
}
.w30{
    width: 30%;
}
.w40{
    width: 40%;
}
.w50{
    width: 50%;
}
.w60{
    width: 60%;
}   
.w80{
    width: 80%;
}

}


.table {
    margin-bottom: 0px;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 5px;
    vertical-align: middle;
    word-break: break-all;
}
.table th {
    background: #f4f4f4 none repeat scroll 0 0;
}

/*ナビバーの設定の順番
1モ+スク無 .navbar
2モ+スク有 .navbar.be_scrolled
3PC+スク無 @media (min-width: 768px) {.navbar{}}
4PC+スク有 @media (min-width: 768px) {.navbar.be_scrolled{}}
*/
/*1モ+スク無*/
/*2モ+スク有*/
/*3PC+スク無*/
/*4PC+スク有*/
/*-------------------
.navbar
---------------------*/
/*1モ+スク無*/
#header .navbar {

    border-width: 0;
    margin: 45px 0 0;
}
/*2モ+スク有*/
#header .navbar.be_scrolled {
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

@media (min-width: 768px) {
	/*3PC+スク無*/
    #header .navbar {
        margin: 45px 0;
        padding: 0;
    	border-radius: 0;
        margin-bottom: 0;
        /*
    	padding-left: 0;
    	padding-right: 0;

        margin-top: 5px;

        */
    }
	/*4PC+スク有*/
    #header .navbar.be_scrolled{
    }
}
#header .navbar-default {
    background-color: transparent;
}

/*-------------------
.navbar .navbar-header
---------------------*/
#header .navbar .navbar-header {
    margin:0;
    width:100%;
    display: table;
}
#header .navbar .navbar-header > div {
    display: table-cell;
    padding:0;
}


@media screen and (min-width: 768px) {
	#header .navbar .navbar-header .row div {
    	padding:0;
	}
}
/*-------------------
.navbar .navbar-header .be_navber_logo
---------------------*/
/*1モ+スク無*/
/*2モ+スク有*/
/*3PC+スク無*/
/*4PC+スク有*/

/*-------------------
.navbar .navbar-toggle
---------------------*/
#header .navbar-toggle {
    border-radius: 3px;
    margin: 5px 0 0;
    padding: 8px 10px;
}

/*-------------------
.navbar .navbar-collapse
---------------------*/
#header .navbar-collapse {
    max-height: 340px;
    padding: 0;
    border: medium none;
}

/*-------------------
.navbar ul.navbar-nav→メニュー関連
---------------------*/
#header .navbar ul.navbar-nav {
    /*padding: 5px;*/

    margin: 0;
    border-radius: 0px;
}

@media (min-width: 768px) {
	/*3PC+スク無し*/
    #header .navbar ul.navbar-nav{

    border-radius: 0;
    display: table;
    float: none;
    /*margin: 0 auto;*/
    /*padding: 5px;*/
    table-layout: fixed;
    }
}

#header .navbar ul.navbar-nav li.dropdown {
    display: inline-block;
}

#header .navbar ul.navbar-nav li.dropdown > a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #e2e2e2 #e2e2e2 #eee;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px 1px 5px;
    color: #7d7d7d;
    font-size: 12px;
    font-weight: 400;
    margin: 0 1px;
    padding: 6px 5px;
    text-transform: capitalize;
}

#header .navbar ul.navbar-nav > li:last-child a {
	/*border: 0 none;*/
}

@media screen and (min-width: 768px) {
#header .navbar ul.navbar-nav li.dropdown > a {
    margin: 0 3px 0 0;
    padding: 7px 10px;
    font-size: 14px;
}
}

#header .navbar ul.navbar-nav > li > a i{
	color: #ff0000;
    /*font-size: 25px;*/
}
@media screen and (max-width: 370px) {
#header .navbar ul.navbar-nav > li > a i{
    display:none;
}
}

@media screen and (min-width: 768px) {
#header .navbar ul.navbar-nav > li > a i{
    font-size: 40px;
}
}

#header .navbar ul.dropdown-menu > li a i{
	color: #999999;
    font-size: 20px;
}

@media screen and (max-width: 768px) {
#header .navbar ul.navbar-nav > li > a {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
}

@media screen and (min-width: 768px) {
	#header .navbar ul.navbar-nav > li > a {
   		/*border-right: 1px dotted rgba(255, 255, 255, 0.7);*/
	}
}

#header2 .navbar ul.navbar-nav li a::after {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 1);
    border-radius: 5em;
    bottom: 2px;
    color: #ffffff;
    content: "";
    height: 4px;
    left: 20px;
    position: absolute;
    transition: all 0.25s ease-in-out 0s;
    width: 32px;
    z-index: 99999;
}
#header .navbar ul.navbar-nav li.dropdown > a:hover {
    background-color: #fff;
    border-bottom: 5px solid #fe0104;

    transition: all 0.25s ease-in-out 0s;
}
#header .navbar ul.navbar-nav li a:hover::after {
    background:#fe0104 repeat scroll 0 0 #a1a1a1;	/*point_color1*/
}
#header .navbar ul.navbar-nav li.dropdown.active > a {
    background-color: #fff;
    border-bottom: 5px solid #fe0104;

}

#header .navbar ul.dropdown-menu li > a {
      padding: 10px;  
}
#header .navbar ul.dropdown-menu li.active > a {
    border-left: 5px solid #f00;
    background-color: #f5f5f5;
    color:#000;
}

#header2 .navbar ul.navbar-nav li > a.active::after {
    display: none;
}
#header2 .navbar ul.navbar-nav li a:focus {
    color:#fe0104;	/*point_color1*/
}

#header .navbar-nav > li:last-child .dropdown-menu {
    left: auto;
    right: 0;
}

@media (min-width: 768px) {
#header .navbar-nav > li:last-child .dropdown-menu {
    right: auto;
}
}

#header .navbar ul.navbar-nav .dropdown-menu a {

}

.navbar-nav .open .dropdown-menu {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    float: left;
    margin: 2px 0 0;
    position: absolute;
    width: auto;
}

/*-------------------
.be_title_area（簡単版）
---------------------*/
/*タイトルエリア*/
.be_title_area {
	padding: 0px;
    margin-top: 60px;
    min-height: 240px;
}

@media (min-width: 768px) {
.be_title_area { 
	min-height: 360px;
    margin-top: 129px;
}
}
/*タイトルエリア左側*/
.be_title_area_left {
}

/*タイトルエリア右側*/
.be_title_area_right {
    padding:0 0 0 0;
    text-align: center;
	font-size: 18px;
    /*background-color: #f6f6f6;*/
}

/*タイトルエリア右側（ＰＣ用）*/
@media (min-width: 768px) {
.be_title_area_right {
	padding-top: 0px;
    text-align: left;
    margin-top: 30px;

background-image:
	url("../image/15.png"); /* 最前面の背景レイヤーの背景画像 */
}
}

/*プロフィール（タイトル用）*/
.be_profile_area{

    /*背景*/
	background: none repeat scroll 0 0 #fff;
	border: 5px solid #fff;
	border-radius: 8px;
	box-shadow: 0 2px 2px rgba(136, 153, 166, 0.35);
	height: 340px;
	width: 230px;

    /*位置*/
    top: 15px;
    left: 0px;
    position: absolute;
    transition: bottom 0.3s ease 0s;
    z-index: 3;

    text-align: center;
}
.be_profile_photo img{
	border-radius: 5px;
    max-width:150px;
    max-height:150px;
    margin:10px;
}
@media (min-width: 768px) {
.be_profile_photo img{    
    width:100px;
    height:100px;
}
}
@media (min-width: 992px) {
.be_profile_photo img{    
    width:150px;
    height:150px;
}
}

.be_profile_status{
	font-size: 12px;
}
.be_profile_name_j{
	font-size: 25px;
}
.be_profile_name_e{
	font-size: 11px;
   	color: #aaa;
}
.be_profile_btn{
margin: auto;
left: 0;
right: 0;
bottom: 14px;
    position: absolute;
}


/*メニュー用調整仮想テーブル*/
.be_virtual_table {
    display:table;
    width:100%;
}
.be_virtual_table_child1{
    /*display:table-cell;
    width:290px;*/
    width:100%;
}

@media (min-width: 768px) {
    /*3PC+スク無*/
    .navbar .be_virtual_table_child1{
            display:block;
    }
    /*4PC+スク有*/ 
    .navbar.be_scrolled .be_virtual_table_child1 div{
            display:block;
    }
}

.be_virtual_table_child2{
    display:table-cell;
    width:100%;
    padding-right:0px;
    padding-left:0px;
   
}


/*プロフィール（メニュー用）*/
.be_profile_area2_1{
    width:50px;
    float: left;
}
.be_profile_area2_2{
    width:150px;
	padding-top:5px !important;
    text-align: center;
    float: left;
}
.be_profile_area2_3{
	padding-top:15px !important;
    text-align: center;
    float: left;
}
.be_profile_photo2 img{
	padding-top: 5px;
    width:40px;
    height:40px;
    margin:5px;
}
.be_profile_status2{
	font-size: 10px;
}
.be_profile_name_j2{
	font-size: 20px;
}
.be_profile_name_e2{
	font-size: 11px;
   	color: #aaa;
}
.be_profile_btn2{
    display:none;
}
@media (min-width: 480px) {
.be_profile_btn2{
    display:block;
    font-size: 11px;
    padding: 3px 6px;
}

}

/*-------------------
#header .be_h1
---------------------*/
h1 {
    margin-bottom: 0px;
    margin-top: 0px;
}
@media (min-width: 768px) {
h1 {
    font-size: 32px;
    text-align: center;
}
}
.be_h1 {
    margin: 40px 0;
    height:40px;
    padding: 0 5px;
}
@media (min-width: 768px) {
.be_h1 {
    height: 40px;
    margin: 80px 0 20px;
}
}

.be_subcatch {
    height:100px;
    padding: 0 5px;
}
@media (min-width: 768px) {
.be_subcatch {
    height: 140px;
    margin: 0 120px;
}
}



.be_sns a {
  background-color: rgba(255, 255, 255, 0.7);
  display: inline-block;
  font-size: 12px;
  height: 25px;
  margin: 0px 2px 2px;
  padding: 4px 5px;
}
/*☆☆以下未精査or未使用☆☆☆☆☆☆☆☆☆☆☆☆*/

/*-------------------
.navbar.navbar-brand
---------------------*/
#header .navbar .navbar-brand {
    float: none;
    display: block;
    height: auto;
    padding: 0 0 0 15px;
}
#header .navbar .navbar-brand img {
    max-height: 100px;
    max-width: 80%;
}
#header .navbar.be_scrolled .navbar-brand img {
    max-height: 50px;
    width: auto;
}


#header .be_navbar_box{
    padding: 5px;
    width: 100%;
    background-color: #f3f3f3;
    margin: 0px;
}

/*-------------------
.silver.panel 主に問合せのスレッド表示用
---------------------*/

.silver.panel{
    border-radius: 0px;
}

.silver.panel .panel-heading {
    border-left: medium none;
    color: #333;
    display: block;
    font-size: 0.85em;
    line-height: 1.5em;
    margin-bottom: 0;
    text-shadow: none;
    text-transform: none;
    padding:0 15px;
    border-top: 1px solid #ddd;
}
.silver.panel .panel-heading:first-child {
    border-top: none;
}

.silver.panel .panel-heading a.meslink{
	display: block;
    padding:5px 0;
}
.silver.panel.panel-default .panel-body {
    border-top: 1px solid #ddd;
}
.silver.panel.panel-default .panel-heading {
    background-color: #f9f9f9;
}
.silver.panel.panel-default .panel-heading:hover {
    background-color: #e5e5e5;

}

.silver.panel.panel-danger .panel-heading {
    background-color: #fde9e9;
}
.silver.panel.panel-danger .panel-heading:hover {
    background-color: #ffcccc;
}

.panel-replied {
    border-color: #ccc;
}
.silver.panel.panel-replied .panel-heading {
    background-color: #e7e7e7;
}
.silver.panel.panel-replied .panel-heading:hover {
    background-color: #cccccc;
}

.silver .panel-body {
    word-wrap: break-word;
}

 

/*-------------------
スタートガイド用
---------------------*/
.startguide .panel-heading{
    padding: 0;
}
.startguide .panel-heading a {
    padding: 10px 15px;
    display: block;
}
.startguide.panel-default .panel-heading a {
    color: #999;
    background-color:#eee;
}
.startguide.panel-default .panel-heading a:hover {
    color: #666;
    background-color:#f5f5f5;
}

.startguide.panel-info .panel-heading a {
    color: #31708f;
}
.startguide.panel-info .panel-heading a:hover {
    background-color:#e1f5ff;
}

/*-------------------
顧客一覧のサイド用
---------------------*/
.sidebar-nav {
    margin: 0 -15px;
}
.sidebar-nav ul {
    list-style: outside none none;
    padding-left: 0;
}
.sidebar-nav a{
    text-decoration: none;
}

.sidebar-nav .nav-list > li > a{
    color: #222;
    padding: 0.5em 1em;
}
.sidebar-nav .nav-list > li > a:hover,
.sidebar-nav .nav-list > li.active{
    text-decoration: underline;
    background-color: #eee;
}


.sidebar-nav .nav-header,
.sidebar-nav .nav-header2 {
  border-top: 1px solid #fcfcfc;
  border-bottom: 1px solid #c8c8cb;
  background: #e5e5e5;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e5e5e5), color-stop(1, #fafafa));
  background: -ms-linear-gradient(bottom, #e5e5e5, #fafafa);
  background: -moz-linear-gradient(center bottom, #e5e5e5 0%, #fafafa 100%);
  background: -o-linear-gradient(bottom, #e5e5e5, #fafafa);
  filter: progid:dximagetransform.microsoft.gradient(startColorStr='#e3e3e3', EndColorStr='#ffffff');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa',EndColorStr='#e5e5e5')";
    border-left: none;
    display: table;
    width: 100%;
    margin-bottom: 0px;
}
.sidebar-nav .nav-header2 {
	height:50px;
}

.sidebar-nav .nav-header3 {
  background: #f8f8f8;
    border-bottom: 1px solid #c8c8cb;
    border-left: medium none;
    border-top: 1px solid #fcfcfc;
    display: table;
    margin-bottom: 0;
    width: 100%;
}

.sidebar-nav .nav-header i {
    color: #444;
    display: table-cell;
    vertical-align: middle;
    font-size: 1em;
    font-weight: bold;
    text-shadow: none;
    text-transform: none;
    line-height: 1em;
    padding: 1em .25em 1em .75em;
}
.sidebar-nav .nav-header .fa-chevron-down {
    float: right;
    padding-right: 0.75em;
}
.sidebar-nav .nav-header:hover {
    background: #e5e5ea none repeat scroll 0 0;

}

.sidebar-nav .nav-header2 a,
.sidebar-nav .nav-header2 span {
    color: #444;
    display: table-cell;
    vertical-align: middle;
    font-size: 1em;
    font-weight: normal;
    text-shadow: none;
    text-transform: none;
    line-height: 0.8em;
    padding: 0.7em 0 0.7em 0.5em;
}

.sidebar-nav .nav-header2 a:hover,
.sidebar-nav .nav-header2 a.active,
.sidebar-nav .nav-header3 a:hover,
.sidebar-nav .nav-header3 a.active {
    background: #666 none repeat scroll 0 0 !important;
    color:#fff;
}
.sidebar-nav .nav-header2 a:first-child {
    padding: 0.7em 0.5em;
    width: 26px;
}
.sidebar-nav .nav-header2 a:last-child {
    padding: 0.7em 0 0.7em 0.5em;
    width: 26px;
}


.sidebar-nav .nav-header3 > a,
.sidebar-nav .nav-header3 > span {
    display: table-cell;
    vertical-align: middle;
    color: #222;
    padding: 0.5em 1em;
}

.sidebar-nav .nav-header3 > span i {
    color: #ccc;
}

.sidebar-nav .nav-header3 a:first-child,
.sidebar-nav .nav-header3 span:first-child {
    padding: 0.7em 0.5em 0.7em 1em;
    width: 30px;
}
.sidebar-nav .nav-header3 a:last-child {
    padding: 0.7em 0 0.7em 0.5em;
    width: 26px;
}



.well-o {
    background-color: #ffffff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin: 5px 0;
    min-height: 20px;
    padding: 10px;
}
.search_detail {
    background-color: #ffffff;
    border: 1px solid #e3e3e3;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin: 0;
    min-height: 20px;
    padding: 10px;
}

/*-------------------
メニュー設定ページ用
---------------------*/
.be_page_set.nav {
    margin: 5px;
}
.be_page_set.nav > li.pagelist {
    margin: 3px 0;
}
.be_page_set.pagelist-nav > .catelist > div > a:first-child {
    width: 1em;
}
.be_page_set.nav > li.pagelist {
    margin: 3px 0;
}
.be_page_set.nav > li.catelist {
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 3px 0;
}

.be_page_set.pagelist-nav > li.pagelist a {
    font-size: 15px;
    font-weight: bold;
    padding: 0 5px;
}
.be_page_set.pagelist-nav .pagelist li {
    display: table;
}
.be_page_set.pagelist-nav .pagelist a {
    font-size: 13px;
    overflow: hidden;
    padding: 0 4px;
    position: unset;
    text-overflow: "..";
    white-space: nowrap;
    display: table-cell;
}
.be_page_set.pagelist-nav > .catelist > div:first-child {
    display: table;
    padding: 0;
    width: 100%;
}
.be_page_set.pagelist-nav > .catelist > div:first-child > a {
    display: table-cell;
    font-size: 15px;
    font-weight: bold;
    padding: 0 4px;
    position: unset;
}
.be_page_set.pagelist-nav > .catelist > div:first-child > a:last-child {
	text-align: right;
    width:20px;
}

.be_page_set.pagelist-nav ul.pagelist {
    padding-left: 5px;
}
.be_page_set.pagelist-nav > .catelist > div:first-child > a:hover {
    background-color: #eee;
    text-decoration: none;
}
.be_page_set.pagelist-nav > .catelist > div:first-child > a.active {
    background-color: #eee;
    color: #f00;
}
.be_page_set.pagelist-nav .pagelist a.active {
    background-color: #eee;
    color: #f00;
}

/*-------------------
背景ジェネレーター用
---------------------*/

.presets-container {
    border: 1px solid #c5d0dc;
    height: 160px;
    overflow: auto;
}
.preset-item-background {
    border: 1px solid #999;
    cursor: pointer;
    display: block;
    float: left;
    height: 43px;
    margin: 1px;
    width: 43px;
}
.preset-item-background_80 {
    border: 1px solid #999;
    cursor: pointer;
    display: block;
    float: left;
    height: 80px;
    margin: 1px;
    width: 80px;
}
.preset-item {
    height: 100%;
    width: 100%;
}
.gradient-background {
    background: rgba(0, 0, 0, 0) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAChJREFUeNpiPHPmDAMMGBsbw9lMDDgA6RKM%2F%2F%2F%2Fh3POnj1LCzsAAgwAQtYIcFfEyzkAAAAASUVORK5CYII%3D") repeat scroll 0 0;
}
/* 背景ジェネレータのプリセット（背景画像）*/
.preset-item-01-1 {
    background:url("http://be-cms.net/preview/78/image/59.png") center center / cover no-repeat;
}
.preset-item-01-2 {
    background:url("http://be-cms.net/preview/78/image/60.png") center center / cover no-repeat;
}

.preset-item-01-3 {
    background:url("http://be-cms.net/preview/78/image/61.png") center center / cover no-repeat;
}

.preset-item-01-4 {
    background:url("http://be-cms.net/preview/78/image/62.png") center center / cover no-repeat;
}

.preset-item-01-5 {
    background:url("http://be-cms.net/preview/78/image/63.png") center center / cover no-repeat;
}

/* 背景ジェネレータのプリセット（背景画像への効果）*/
/* a */
.preset-item-02-a-1 {
    background: transparent linear-gradient(90deg, rgba(255, 255, 255, 0.9) 100%, rgba(255, 255, 255, 0.9) 100%);
}

.preset-item-02-a-2 {
    background: transparent linear-gradient(90deg, rgba(255, 255, 255, 0.8) 100%, rgba(255, 255, 255, 0.8) 100%);
}
.preset-item-02-a-3 {
    background: transparent linear-gradient(90deg, rgba(255, 255, 255, 0.7) 100%, rgba(255, 255, 255, 0.7) 100%);
}
.preset-item-02-a-4 {
    background: transparent linear-gradient(90deg, rgba(255, 255, 255, 0.6) 100%, rgba(255, 255, 255, 0.6) 100%);
}
.preset-item-02-a-5 {
    background: transparent linear-gradient(90deg, rgba(255, 255, 255, 0.5) 100%, rgba(255, 255, 255, 0.5) 100%);
}

.preset-item-02-a-6 {
    background: transparent linear-gradient(90deg, rgba(255, 255, 255, 0.4) 100%, rgba(255, 255, 255, 0.4) 100%);
}
.preset-item-01-a-7 {
    background: transparent linear-gradient(90deg, rgba(255, 255, 255, 0.3) 100%, rgba(255, 255, 255, 0.3) 100%);
}
.preset-item-02-a-8 {
    background: transparent linear-gradient(90deg, rgba(255, 255, 255, 0.2) 100%, rgba(255, 255, 255, 0.2) 100%);
}
.preset-item-02-a-9 {
    background: transparent linear-gradient(90deg, rgba(255, 255, 255, 0.1) 100%, rgba(255, 255, 255, 0.1) 100%);
}

/* b */
.preset-item-02-b-1 {
    background: transparent linear-gradient(90deg, rgba(0, 0, 0, 0.9) 100%, rgba(0, 0, 0, 0.9) 100%) ;
}
.preset-item-02-b-2 {
    background: transparent linear-gradient(90deg, rgba(0, 0, 0, 0.8) 100%, rgba(0, 0, 0, 0.8) 100%) ;
}

.preset-item-02-b-3 {
    background: transparent linear-gradient(90deg, rgba(0, 0, 0, 0.7) 100%, rgba(0, 0, 0, 0.7) 100%) ;
}

.preset-item-02-b-4 {
    background: transparent linear-gradient(90deg, rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.6) 100%) ;
}

.preset-item-02-b-5 {
    background: transparent linear-gradient(90deg, rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.5) 100%) ;
}

.preset-item-02-b-6 {
    background: transparent linear-gradient(90deg, rgba(0, 0, 0, 0.4) 100%, rgba(0, 0, 0, 0.4) 100%) ;
}

.preset-item-02-b-7 {
    background: transparent linear-gradient(90deg, rgba(0, 0, 0, 0.3) 100%, rgba(0, 0, 0, 0.3) 100%) ;
}

.preset-item-02-b-8 {
    background: transparent linear-gradient(90deg, rgba(0, 0, 0, 0.2) 100%, rgba(0, 0, 0, 0.2) 100%) ;
}

.preset-item-02-b-9 {
    background: transparent linear-gradient(90deg, rgba(0, 0, 0, 0.1) 100%, rgba(0, 0, 0, 0.1) 100%) ;
}
/* c-1 */
.preset-item-02-c-1 {
    background: 
        linear-gradient(45deg, rgba(0,0,0,1) 0%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-2 {
background: linear-gradient(45deg, rgba(0,0,0,1) 0%,rgba(77,77,77,1) 30%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-3 {
background: linear-gradient(45deg, rgba(0,0,0,1) 0%,rgba(153,153,153,1) 60%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-4 {
    background: linear-gradient(45deg, rgba(0,0,0,1) 0%,rgba(77,77,77,0) 30%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-5 {
    background: linear-gradient(45deg, rgba(0,0,0,1) 0%,rgba(128,128,128,0) 50%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-6 {
    background: linear-gradient(45deg, rgba(0,0,0,1) 0%,rgba(179,179,179,0) 70%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-7 {
    background: linear-gradient(45deg, rgba(0,0,0,1) 0%,rgba(51,51,51,1) 20%,rgba(102,102,102,0) 40%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-8 {
    background: linear-gradient(45deg, rgba(0,0,0,1) 0%,rgba(102,102,102,1) 40%,rgba(153,153,153,0) 60%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-9 {
    background: linear-gradient(45deg, rgba(0,0,0,1) 0%,rgba(153,153,153,1) 60%,rgba(204,204,204,0) 80%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-10 {
    background: linear-gradient(45deg, rgba(0,0,0,1) 0%,rgba(51,51,51,1) 20%,rgba(56,56,56,0) 22%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-11 {
    background: linear-gradient(45deg, rgba(0,0,0,1) 0%,rgba(102,102,102,1) 40%,rgba(107,107,107,0) 42%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-12 {
    background: linear-gradient(45deg, rgba(0,0,0,1) 0%,rgba(153,153,153,1) 60%,rgba(158,158,158,0) 62%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-13 {
    background: linear-gradient(45deg, rgba(0,0,0,1) 0%,rgba(204,204,204,1) 80%,rgba(209,209,209,0) 82%,rgba(255,255,255,0) 100%);
}

/* c-21 */
.preset-item-02-c-21 {
    background: 
        linear-gradient(90deg, rgba(0,0,0,1) 0%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-22 {
background: linear-gradient(90deg, rgba(0,0,0,1) 0%,rgba(77,77,77,1) 30%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-23 {
background: linear-gradient(90deg, rgba(0,0,0,1) 0%,rgba(153,153,153,1) 60%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-24 {
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%,rgba(77,77,77,0) 30%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-25 {
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%,rgba(128,128,128,0) 50%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-26 {
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%,rgba(179,179,179,0) 70%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-27 {
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%,rgba(51,51,51,1) 20%,rgba(102,102,102,0) 40%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-28 {
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%,rgba(102,102,102,1) 40%,rgba(153,153,153,0) 60%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-29 {
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%,rgba(153,153,153,1) 60%,rgba(204,204,204,0) 80%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-30 {
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%,rgba(51,51,51,1) 20%,rgba(56,56,56,0) 22%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-31 {
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%,rgba(102,102,102,1) 40%,rgba(107,107,107,0) 42%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-32 {
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%,rgba(153,153,153,1) 60%,rgba(158,158,158,0) 62%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-33 {
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%,rgba(204,204,204,1) 80%,rgba(209,209,209,0) 82%,rgba(255,255,255,0) 100%);
}

/* c-41 */
.preset-item-02-c-41 {
    background: 
        linear-gradient(135deg, rgba(0,0,0,1) 0%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-42 {
background: linear-gradient(135deg, rgba(0,0,0,1) 0%,rgba(77,77,77,1) 30%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-43 {
background: linear-gradient(135deg, rgba(0,0,0,1) 0%,rgba(153,153,153,1) 60%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-44 {
    background: linear-gradient(135deg, rgba(0,0,0,1) 0%,rgba(77,77,77,0) 30%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-45 {
    background: linear-gradient(135deg, rgba(0,0,0,1) 0%,rgba(128,128,128,0) 50%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-46 {
    background: linear-gradient(135deg, rgba(0,0,0,1) 0%,rgba(179,179,179,0) 70%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-47 {
    background: linear-gradient(135deg, rgba(0,0,0,1) 0%,rgba(51,51,51,1) 20%,rgba(102,102,102,0) 40%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-48 {
    background: linear-gradient(135deg, rgba(0,0,0,1) 0%,rgba(102,102,102,1) 40%,rgba(153,153,153,0) 60%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-49 {
    background: linear-gradient(135deg, rgba(0,0,0,1) 0%,rgba(153,153,153,1) 60%,rgba(204,204,204,0) 80%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-50 {
    background: linear-gradient(135deg, rgba(0,0,0,1) 0%,rgba(51,51,51,1) 20%,rgba(56,56,56,0) 22%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-51 {
    background: linear-gradient(135deg, rgba(0,0,0,1) 0%,rgba(102,102,102,1) 40%,rgba(107,107,107,0) 42%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-52 {
    background: linear-gradient(135deg, rgba(0,0,0,1) 0%,rgba(153,153,153,1) 60%,rgba(158,158,158,0) 62%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-53 {
    background: linear-gradient(135deg, rgba(0,0,0,1) 0%,rgba(204,204,204,1) 80%,rgba(209,209,209,0) 82%,rgba(255,255,255,0) 100%);
}

/* c-61 */
.preset-item-02-c-61 {
    background: 
        linear-gradient(180deg, rgba(0,0,0,1) 0%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-62 {
background: linear-gradient(180deg, rgba(0,0,0,1) 0%,rgba(77,77,77,1) 30%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-63 {
background: linear-gradient(180deg, rgba(0,0,0,1) 0%,rgba(153,153,153,1) 60%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-64 {
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%,rgba(77,77,77,0) 30%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-65 {
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%,rgba(128,128,128,0) 50%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-66 {
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%,rgba(179,179,179,0) 70%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-67 {
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%,rgba(51,51,51,1) 20%,rgba(102,102,102,0) 40%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-68 {
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%,rgba(102,102,102,1) 40%,rgba(153,153,153,0) 60%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-69 {
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%,rgba(153,153,153,1) 60%,rgba(204,204,204,0) 80%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-70 {
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%,rgba(51,51,51,1) 20%,rgba(56,56,56,0) 22%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-71 {
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%,rgba(102,102,102,1) 40%,rgba(107,107,107,0) 42%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-72 {
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%,rgba(153,153,153,1) 60%,rgba(158,158,158,0) 62%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-73 {
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%,rgba(204,204,204,1) 80%,rgba(209,209,209,0) 82%,rgba(255,255,255,0) 100%);
}

/* c-81 */
.preset-item-02-c-81 {
    background: 
        linear-gradient(225deg, rgba(0,0,0,1) 0%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-82 {
background: linear-gradient(225deg, rgba(0,0,0,1) 0%,rgba(77,77,77,1) 30%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-83 {
background: linear-gradient(225deg, rgba(0,0,0,1) 0%,rgba(153,153,153,1) 60%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-84 {
    background: linear-gradient(225deg, rgba(0,0,0,1) 0%,rgba(77,77,77,0) 30%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-85 {
    background: linear-gradient(225deg, rgba(0,0,0,1) 0%,rgba(128,128,128,0) 50%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-86 {
    background: linear-gradient(225deg, rgba(0,0,0,1) 0%,rgba(179,179,179,0) 70%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-87 {
    background: linear-gradient(225deg, rgba(0,0,0,1) 0%,rgba(51,51,51,1) 20%,rgba(102,102,102,0) 40%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-88 {
    background: linear-gradient(225deg, rgba(0,0,0,1) 0%,rgba(102,102,102,1) 40%,rgba(153,153,153,0) 60%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-89 {
    background: linear-gradient(225deg, rgba(0,0,0,1) 0%,rgba(153,153,153,1) 60%,rgba(204,204,204,0) 80%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-90 {
    background: linear-gradient(225deg, rgba(0,0,0,1) 0%,rgba(51,51,51,1) 20%,rgba(56,56,56,0) 22%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-91 {
    background: linear-gradient(225deg, rgba(0,0,0,1) 0%,rgba(102,102,102,1) 40%,rgba(107,107,107,0) 42%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-92 {
    background: linear-gradient(225deg, rgba(0,0,0,1) 0%,rgba(153,153,153,1) 60%,rgba(158,158,158,0) 62%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-93 {
    background: linear-gradient(225deg, rgba(0,0,0,1) 0%,rgba(204,204,204,1) 80%,rgba(209,209,209,0) 82%,rgba(255,255,255,0) 100%);
}

/* c-101 */
.preset-item-02-c-101 {
    background: 
        linear-gradient(270deg, rgba(0,0,0,1) 0%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-102 {
background: linear-gradient(270deg, rgba(0,0,0,1) 0%,rgba(77,77,77,1) 30%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-103 {
background: linear-gradient(270deg, rgba(0,0,0,1) 0%,rgba(153,153,153,1) 60%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-104 {
    background: linear-gradient(270deg, rgba(0,0,0,1) 0%,rgba(77,77,77,0) 30%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-105 {
    background: linear-gradient(270deg, rgba(0,0,0,1) 0%,rgba(128,128,128,0) 50%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-106 {
    background: linear-gradient(270deg, rgba(0,0,0,1) 0%,rgba(179,179,179,0) 70%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-107 {
    background: linear-gradient(270deg, rgba(0,0,0,1) 0%,rgba(51,51,51,1) 20%,rgba(102,102,102,0) 40%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-108 {
    background: linear-gradient(270deg, rgba(0,0,0,1) 0%,rgba(102,102,102,1) 40%,rgba(153,153,153,0) 60%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-109 {
    background: linear-gradient(270deg, rgba(0,0,0,1) 0%,rgba(153,153,153,1) 60%,rgba(204,204,204,0) 80%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-110 {
    background: linear-gradient(270deg, rgba(0,0,0,1) 0%,rgba(51,51,51,1) 20%,rgba(56,56,56,0) 22%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-111 {
    background: linear-gradient(270deg, rgba(0,0,0,1) 0%,rgba(102,102,102,1) 40%,rgba(107,107,107,0) 42%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-112 {
    background: linear-gradient(270deg, rgba(0,0,0,1) 0%,rgba(153,153,153,1) 60%,rgba(158,158,158,0) 62%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-113 {
    background: linear-gradient(270deg, rgba(0,0,0,1) 0%,rgba(204,204,204,1) 80%,rgba(209,209,209,0) 82%,rgba(255,255,255,0) 100%);
}


/* c-121 */
.preset-item-02-c-121 {
    background: 
        linear-gradient(315deg, rgba(0,0,0,1) 0%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-122 {
background: linear-gradient(315deg, rgba(0,0,0,1) 0%,rgba(77,77,77,1) 30%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-123 {
background: linear-gradient(315deg, rgba(0,0,0,1) 0%,rgba(153,153,153,1) 60%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-124 {
    background: linear-gradient(315deg, rgba(0,0,0,1) 0%,rgba(77,77,77,0) 30%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-125 {
    background: linear-gradient(315deg, rgba(0,0,0,1) 0%,rgba(128,128,128,0) 50%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-126 {
    background: linear-gradient(315deg, rgba(0,0,0,1) 0%,rgba(179,179,179,0) 70%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-127 {
    background: linear-gradient(315deg, rgba(0,0,0,1) 0%,rgba(51,51,51,1) 20%,rgba(102,102,102,0) 40%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-128 {
    background: linear-gradient(315deg, rgba(0,0,0,1) 0%,rgba(102,102,102,1) 40%,rgba(153,153,153,0) 60%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-129 {
    background: linear-gradient(315deg, rgba(0,0,0,1) 0%,rgba(153,153,153,1) 60%,rgba(204,204,204,0) 80%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-130 {
    background: linear-gradient(315deg, rgba(0,0,0,1) 0%,rgba(51,51,51,1) 20%,rgba(56,56,56,0) 22%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-131 {
    background: linear-gradient(315deg, rgba(0,0,0,1) 0%,rgba(102,102,102,1) 40%,rgba(107,107,107,0) 42%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-132 {
    background: linear-gradient(315deg, rgba(0,0,0,1) 0%,rgba(153,153,153,1) 60%,rgba(158,158,158,0) 62%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-133 {
    background: linear-gradient(315deg, rgba(0,0,0,1) 0%,rgba(204,204,204,1) 80%,rgba(209,209,209,0) 82%,rgba(255,255,255,0) 100%);
}

/* c-141 */
.preset-item-02-c-141 {
    background: 
        linear-gradient(0deg, rgba(0,0,0,1) 0%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-142 {
background: linear-gradient(0deg, rgba(0,0,0,1) 0%,rgba(77,77,77,1) 30%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-143 {
background: linear-gradient(0deg, rgba(0,0,0,1) 0%,rgba(153,153,153,1) 60%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-144 {
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%,rgba(77,77,77,0) 30%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-145 {
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%,rgba(128,128,128,0) 50%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-146 {
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%,rgba(179,179,179,0) 70%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-147 {
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%,rgba(51,51,51,1) 20%,rgba(102,102,102,0) 40%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-148 {
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%,rgba(102,102,102,1) 40%,rgba(153,153,153,0) 60%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-149 {
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%,rgba(153,153,153,1) 60%,rgba(204,204,204,0) 80%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-150 {
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%,rgba(51,51,51,1) 20%,rgba(56,56,56,0) 22%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-151 {
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%,rgba(102,102,102,1) 40%,rgba(107,107,107,0) 42%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-152 {
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%,rgba(153,153,153,1) 60%,rgba(158,158,158,0) 62%,rgba(255,255,255,0) 100%);
}
.preset-item-02-c-153 {
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%,rgba(204,204,204,1) 80%,rgba(209,209,209,0) 82%,rgba(255,255,255,0) 100%);
}
/* 背景ジェネレータのプリセット（重ねパターン）*/

/* aストライプ */
.preset-item-03-a-1 {
	background: repeating-linear-gradient(rgba(68,68,68,1), rgba(68,68,68,1) 10px, rgba(134,134,134,1) 0, rgba(134,134,134,1) 20px);
}
.preset-item-03-a-2 {
	background: repeating-linear-gradient(45deg, rgba(68,68,68,1), rgba(68,68,68,1) 10px, rgba(134,134,134,1) 0, rgba(134,134,134,1) 20px);
}
.preset-item-03-a-3 {
	background: repeating-linear-gradient(90deg, rgba(68,68,68,1), rgba(68,68,68,1) 10px, rgba(134,134,134,1) 0, rgba(134,134,134,1) 20px);

}
.preset-item-03-a-4 {
	background: repeating-linear-gradient(135deg, rgba(68,68,68,1), rgba(68,68,68,1) 10px, rgba(134,134,134,1) 0, rgba(134,134,134,1) 20px);

}
.preset-item-03-a-5 {
      background:
    linear-gradient(rgba(255,255,255,1) 3px, transparent 5px, rgba(255,255,255,1) 7px, transparent 9px, rgba(255,255,255,1) 11px, transparent 13px, rgba(255,255,255,1) 15px, transparent 17px, rgba(255,255,255,1) 19px, transparent 21px, rgba(255,255,255,1) 23px, transparent 25px, rgba(255,255,255,1) 27px, transparent 29px, rgba(255,255,255,1) 31px, transparent 33px);
  background-size: 50px 40px;
}
.preset-item-03-a-6 {
      background:
    linear-gradient(-0deg, rgba(255,255,255,1) 3px, transparent 5px, rgba(255,255,255,1) 7px, transparent 9px, rgba(255,255,255,1) 11px, transparent 13px, rgba(255,255,255,1) 15px, transparent 17px, rgba(255,255,255,1) 19px, transparent 21px, rgba(255,255,255,1) 23px, transparent 25px, rgba(255,255,255,1) 27px, transparent 29px, rgba(255,255,255,1) 31px, transparent 33px);

  background-size: 40px 50px;
}
.preset-item-03-a-7 {
      background:
    linear-gradient(90deg, rgba(225,225,225,1) 3%, transparent 5%, rgba(225,225,225,1) 7%, transparent 9%, rgba(225,225,225,1) 11%, transparent 13%, rgba(225,225,225,1) 15%, transparent 17%, rgba(225,225,225,1) 19%, transparent 21%, rgba(225,225,225,1) 23%, transparent 25%, rgba(225,225,225,1) 27%, transparent 29%, rgba(225,225,225,1) 31%, transparent 33%);
  background-size: 100px 40px;
}
.preset-item-03-a-8 {
      background: 
    linear-gradient(90deg, rgba(225,225,225,1) 5%, #000  );
  background-size: 15px 15px;
}

.preset-item-03-a-9 {
}
.preset-item-03-a-10 {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAEklEQVQIW2NkYGCoZ4ACRpwcACEzAYG+77ZdAAAAAElFTkSuQmCC") repeat scroll 0 0;

}

/* bチェック・格子・タイル  */
.preset-item-03-b-1 {
      background:
    linear-gradient(-45deg, rgba(225,225,225,1) 5px, transparent 50px);

  background-size: 50px 50px;
}
.preset-item-03-b-2 {
      background:
    linear-gradient(45deg, rgba(225,225,225,1) 3px, transparent 5px, rgba(225,225,225,1) 7px, transparent 9px, rgba(225,225,225,1) 11px, transparent 13px, rgba(225,225,225,1) 15px, transparent 17px, rgba(225,225,225,1) 19px, transparent 21px, rgba(225,225,225,1) 23px, transparent 25px, rgba(225,225,225,1) 27px, transparent 29px, rgba(225,225,225,1) 31px, transparent 33px);
  background-size: 50px 50px;
}
.preset-item-03-b-3 {
      background: 
    linear-gradient(45deg, rgba(225,225,225,1) 5%, #000  );
  background-size: 15px 15px;
}
.preset-item-03-b-4 {
    
  background: 
    linear-gradient(45deg, rgba(225,225,225,1) 5%, #111 50%, transparent 40%), 
    linear-gradient(-45deg, #111 5%, rgba(225,225,225,1) 50%, transparent 40%);
  background-size: 20px 20px;
}
/* cドット・サークル*/
.preset-item-03-c-1 {
      background:
    radial-gradient(rgba(225,225,225,1) 8px, transparent 10px);
  background-size: 50px 50px;

}
.preset-item-03-c-2 {
      background:
    radial-gradient(rgba(225,225,225,1) 3px, transparent 5px, rgba(225,225,225,1) 7px, transparent 9px, rgba(225,225,225,1) 11px, transparent 13px, rgba(225,225,225,1) 15px, transparent 17px, rgba(225,225,225,1) 19px, transparent 21px, rgba(225,225,225,1) 23px, transparent 25px, rgba(225,225,225,1) 27px, transparent 29px, rgba(225,225,225,1) 31px, transparent 33px);
  background-size: 30px 30px;
}
.preset-item-03-c-3 {
      background:
    radial-gradient(rgba(225,225,225,1) 20%, transparent 50%), 
    linear-gradient(45deg, rgba(225,225,225,1) 10%, transparent 30%);
  background-size: 15px 15px;

}
.preset-item-03-c-4 {
      background: 
    radial-gradient(rgba(225,225,225,1) 5%, #000 40%);
  background-size: 25px 25px;
}
.preset-item-03-c-5 {
      background: 
    radial-gradient(rgba(225,225,225,1) 7%, #111 10%, transparent 40%),
    linear-gradient(45deg, rgba(225,225,225,1) 5%, #111 10%, transparent 10%, transparent 90%, rgba(225,225,225,1) 95%);
  background-size: 50px 50px;
}
.preset-item-03-c-6 {
      background: 
    radial-gradient(rgba(225,225,225,1) 17%, #111 20%, transparent 40%),
    linear-gradient(45deg, rgba(225,225,225,1) 7%, #111 10%, transparent 10%, transparent 90%, rgba(225,225,225,1) 95%),
    linear-gradient(-45deg, rgba(225,225,225,1) 7%, #111 10%, transparent 10%, transparent 90%, rgba(225,225,225,1) 95%);
  background-size: 40px 40px;
}

/* d幾何学*/
.preset-item-03-d-1 {
      background: 
    linear-gradient(rgba(225,225,225,1) 5%, rgba(17,17,17,1) 10%, transparent 40%),
    linear-gradient(0deg, rgba(225,225,225,1) 5%, rgba(17,17,17,1) 10%, transparent 40%),
    radial-gradient(rgba(17,17,17,1) 10%, rgba(225,225,225,1) 20%, transparent 30%);
  background-size: 25px 25px;
}
.preset-item-03-d-2 {
      background:
    radial-gradient(rgba(17,17,17,1) 8px, rgba(225,225,225,1) 10px, rgba(225,225,225,1) 15px, transparent 17px),
    radial-gradient(rgba(17,17,17,1) 28px, transparent 29px),
    linear-gradient(45deg, rgba(225,225,225,1) 48px, transparent 29px);
  background-size: 50px 50px;
}
.preset-item-03-d-3 {
      background:
    radial-gradient(transparent 10px, rgba(0,0,0,1) 12px, rgba(225,225,225,1) 15px, transparent 17px),
    linear-gradient(transparent 10px, rgba(17,17,17,1) 12px, rgba(225,225,225,1) 15px, transparent 17px),
    linear-gradient(0deg, transparent 10px, rgba(17,17,17,1) 12px, rgba(225,225,225,1) 15px, transparent 17px);
  background-size: 28px 28px;
}
.preset-item-03-d-4 {
      background:
    radial-gradient(transparent 8px, rgba(0,0,0,1) 5px, rgba(225,225,225,1) 12px, transparent 15px),
    linear-gradient(transparent 15px, rgba(17,17,17,1) 18px, rgba(225,225,225,1) 21px, transparent 23px),
    linear-gradient(0deg, transparent 15px, rgba(17,17,17,1) 18px, rgba(225,225,225,1) 21px, transparent 23px);
  background-size: 40px 40px;
}
.preset-item-03-d-5 {
  background:
    linear-gradient(-15deg, transparent 15px, rgba(17,17,17,1) 18px, rgba(225,225,225,1) 21px, transparent 23px),
    linear-gradient(15deg, transparent 15px, rgba(17,17,17,1) 18px, rgba(225,225,225,1) 21px, transparent 23px);
  background-size: 25px 92px;
}
.preset-item-03-d-6 {
    
  background:
    linear-gradient(-15deg, transparent 15px, rgba(17,17,17,1) 18px, rgba(225,225,225,1) 21px, transparent 23px),
    linear-gradient(75deg, transparent 15px, rgba(17,17,17,1) 18px, rgba(225,225,225,1) 21px, transparent 23px),
    linear-gradient(-75deg, transparent 15px, rgba(17,17,17,1) 18px, rgba(225,225,225,1) 21px, transparent 23px),
    linear-gradient(15deg, transparent 15px, rgba(17,17,17,1) 18px, rgba(225,225,225,1) 21px, transparent 23px);
  background-size: 35px 35px;
}



/*==========================================
	必須プラグイン
============================================*/
/*メインメニュー（ヘッダー用）*/
.be_top_navibar {
	background-color: #eee;
	border:none;
}

.be_top_navibar .navbar-header {
	background-color: #f5f5f5;
	border-color: #cccccc;
}
.be_top_navibar .navbar-nav > li > a {
	color: #808080;
	font-size: 1.1em;
}
.be_top_navibar .navbar-nav > li > a:hover {
	color: #000;
	background-color: rgba(255,255,255,0.3);
}
.be_top_navibar .navbar-nav > .active > a,
.be_top_navibar .navbar-nav > .active > a:hover
{
    color: #000;
}
.be_top_navibar .navbar-toggle {
	background-color: #ddd;
}

/*メインメニュー（ヘッダー用）ＰＣ用*/
@media (min-width: 768px) {
.be_top_navibar {
	background-color: #f5f5f5;
		border-color: #999;
}
.be_top_navibar .navbar-header {
	background-image: none;
}
}

/*サブメニュー（ヘッダー用）*/

/*メインメニュー（サブコンテンツ用）*/
.be_side_navi{
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #666666;
	color: #333333;
	font-size: 1.0em;
	margin-top: 0px;
	margin-bottom: 12px;
	padding: 0px;
	border-radius: 3px;
	background-color: #ffffff;
}

.be_side_navi .nav > li > a {
	padding: 10px;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
}

.be_side_navi .nav > li:last-child a{
    border: 0px;
}

.be_side_navi .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #e7e7e7;
    color: #000;
}

/*サブメニュー（サブコンテンツ用）*/
/*メインメニュー（フッター用）*/

/*サブメニュー（フッター用）*/
.be_foot_navibar {
text-align:center;
}
.be_foot_navibar ul {
	padding-left: 0px;
}
.be_foot_navibar li {
display:inline-block;
padding-left:10px;
padding-right:5px;
border-left:1px solid #000000;
}
.be_foot_navibar li:first-child {
border-left:none;
}
/*サブメニュー（フッター用）ＰＣ用*/
@media (min-width: 768px) {
}


/*パンくずリンク*/
.breadcrumb{
    background-color: transparent;
    font-size: 13px;
    margin: 0 0 5px;
    padding: 4px 5px;
}
/*パンくずリンク（ＰＣ用）*/
@media (min-width: 768px) {
.breadcrumb{

}
}


.p_5 {
    /*background-color: #ff8bdf; point_color1*/
    padding: 5px;
}
/*サイトマップ*/
.plug009 dt{
    margin:10px 0 0 0;
}
.plug009 dt a{
/*    padding: 11px 0 8px 23px;
    background: #EEFFFF;
    border-bottom: 1px solid #c9d2e2;
    color: #333333;
    display: block;
    font-weight: bold;
    text-decoration: none;
*/
}
.plug009 dt a:hover{
	/*background: #FFF5EE;*/
}
.plug009 dd{
	padding:3px;
}
.plug009 dd ul{
	padding-left: 0px;
    
}
.plug009 dd li{
    list-style-type: none;
}
.plug009 dd li a{
	display:block;   
}

/*サイトマップ*/
.plug010 dt{
    margin:10px 0 0 0;
}
.plug010 dt a{
}
.plug010 dt a:hover{
}
.plug010 dd{
	padding:3px;
}
.plug010 dd ul{
	padding-left: 0px;
    
}
.plug010 dd li{
    list-style-type: none;
    border-bottom: 1px dotted #e0e0e0;
    margin: 0;
    padding: 2px 0;
}
.plug010 dd li:hover{
    background-color:#f8f8f8;
}
.plug010 dd li i{
    color:#999;
}
.plug010 dd li a{
	display:table;
}
.plug010 dd li a:hover{
    text-decoration: none;
}

.plug010 dd li a div{
	display:table-cell;
    vertical-align: top;
}

.plug010 dd li a .a-left{
    min-width: 70px;
    text-align: center;
}
.plug010 dd li a .a-right{
}

.plug010 dd li a .pagename{
    color:#366eb7;
    font-weight: bold;
}
.plug010 dd li a:hover .pagename{
    text-decoration: underline;
}

.plug010 dd li a .pagedescription{
    color:#666;
    font-size: 12px;
}


/*更新履歴*/
.plug012 .row {
    margin:15px 20px;
}


/*ページ内見出し一覧（追加予定）*/

.internal_nav{
    background-color: #e8f0fe;

    margin: 0;
    padding: 3px 5px;
}
.internal_nav > li > a {
    background-color: #fff;
    border: medium none;
    border-radius: 0;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 2px;
    padding: 5px 10px;
}
.internal_nav > li {
    margin: 0 2px;
}
/*==========================================
   記事用
============================================*/
/*-------------------
見出し＆記事枠0のリセット
---------------------*/
.be_block_000{
	margin: 0;
}

.be_block_hide{
	display:none;
}

/*data-bePartsに-15pxをいれる*/
.be_block_000 div[data-bediv] > div[data-beparts],
.be_block_001 div[data-bediv] > div[data-beparts],
.be_block_002 div[data-bediv] > div[data-beparts],
.be_block_003 div[data-bediv] > div[data-beparts],
.be_block_004 div[data-bediv] > div[data-beparts],
.be_block_005 div[data-bediv] > div[data-beparts],
.be_block_006 div[data-bediv] > div[data-beparts],
.be_block_007 div[data-bediv] > div[data-beparts],
.be_block_008 div[data-bediv] > div[data-beParts]

{
	margin:0 -15px;
}
/*-------------------
見出し＆記事枠1
---------------------*/
.be_block_001{
	padding:0px;
	margin: 0;
	clear:both;
}
.be_block_001 > .m_on{
	border-left: 0px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color:#fe0104;	/*point_color1*/
	color: #666;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 -15px 0;
	padding: 10px;
}
.be_block_001 > .k_on{
	padding: 8px;
	margin-bottom: 12px;
	border: 1px solid #CCCCCC;

}
.be_block_001 > div{
	padding: 0;
	margin: 0;
}

/*-------------------
見出し＆記事枠2
---------------------*/
.be_block_002{
	padding:0px;
    margin: 0 0 20px;
	clear:both;
}
.be_block_002 > .m_on{
    background-color: #e5e5e5;
    color: #666;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 -15px 0;
    padding: 12px;
}
.be_block_002 > .k_on{
    border: 1px solid #e2e2e2;
    border-radius: 0 0 4px 4px;
    margin: 0 -15px;
    padding: 5px 30px;
}
.be_block_002 > div{
	padding: 15px 0;
	margin-top: 0px;
	margin-bottom: 12px;
}


/*-------------------
見出し＆記事枠3
---------------------*/
.be_block_003{
	padding:0;
	margin: 0 0 20px;
	clear:both;
}
.be_block_003 > .m_on{
   background-color: #f3f3f3;
    color: #333333;
    font-size: 1em;
    font-weight: bold;
    margin: 0 -15px 0;
    padding: 8px 15px;
}
.be_block_003 > .k_on{
	padding: 8px;
	margin-bottom: 12px;
	border: 1px solid #CCCCCC;
}
.be_block_003 > div{
	padding: 0;
	margin: 0;
}

/*-------------------
見出し＆記事枠5
---------------------*/
.be_block_005{
	padding:0px;
	margin: 0 0 20px;
	clear:both;
}
.be_block_005 > .m_on{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f3f3f3;
    border-color: #e2e2e2;
    border-image: none;
    border-radius: 4px 4px 0 0;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    color: #000000;
    font-size: 1em;
    font-weight: bold;
	margin: 0 -15px 0;
    padding: 12px;
}
.be_block_005 > .k_on{
    border: 1px solid #e2e2e2;
    border-radius: 0 0 4px 4px;
    margin: 0 -15px;
    padding: 5px 30px;
}
.be_block_005 > div{
	padding: 15px 0;
	margin-top: 0px;
	margin-bottom: 12px;
}

/*-------------------
見出し＆記事枠4
---------------------*/
.be_block_004{
	padding:0;
	margin: 0 0 20px;
	clear:both;
}
.be_block_004 > .m_on{
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color:#fe0104;	/*point_color1*/
	color: #333333;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 -15px 0;
    padding: 9px;
	border-radius: 4px 4px 0px 0px;

}
.be_block_004 > .k_on{
	padding: 8px;
	margin: 0 -15px;
	border: 1px solid #CCCCCC;
	border-radius: 0px 0px 4px 4px;
}
/*-------------------
見出し＆記事枠6
---------------------*/
.be_block_006{
	padding:0px;
	margin: 0 0 20px;    
	clear:both;
}
.be_block_006 > .m_on{
	font-size: 1.3em;
	color:#fe0104;	/*point_color1*/
	padding: 10px 6px;
	margin: 0 -15px;
text-align:center;
}
@media (min-width: 768px) {
.be_block_006 > .m_on{
	font-size: 2.2em;
	padding: 30px 12px;
}

}


/*-------------------
見出し＆記事枠7(リンク先の高さ調節用)
---------------------*/
.be_block_007{
	padding:0px;
	margin: 0 0 20px;    
	clear:both;
}
.be_block_007 > .m_on{
	font-size: 1em;
	color:#fe0104;	/*point_color1*/
    padding: 10px 0;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: bold;
}
@media (min-width: 768px) {
.be_block_007 > .m_on{
	font-size: 1.5em;
    padding: 10px 0;
}

}

/*-------------------
見出し＆記事枠8
---------------------*/
.be_block_008{
    margin: 0 0 20px;

}
.be_block_008 > .m_on{
	background-color: #e5e5e5;
	color: #000000;
	font-size: 1.2em;
	font-weight: bold;
	margin:0 -15px;
    padding: 10px 15px;
}

/*-------------------
記事に背景を適用
---------------------*/
.be_back_image {
    position: relative;
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
}
.be_back_image_in {
    position: absolute;
    top: 5px;
    left: 5px;
    -webkit-transform: translate(10px, 15px);
    transform: translate(10px, 15px);
    background-color: rgba(255,255,255,0.7);
}
.be_back_image_in2 > div {
        width: 90%;
        margin: 0 auto;
        font-size: 1rem;
        line-height: 1.7;
        padding: 20px 0;
    }
}
 
@media only screen and (max-width: 480px) {
    .be_back_image {
        overflow: scroll;
    }
    .be_back_image_in {
        width: 100%;
    }  
}



/*-------------------
リストアイコン
---------------------*/
.list_icon {
    border-collapse: separate;
	border-spacing: 3px 0;
    display: table;
	margin:0;

}

.list_icon p{
    display: table-cell;
    vertical-align: middle;
}
.list_icon .label {
    border-radius: 1em;
    display: block;
    font-family: Verdana;
    font-size: 1.4em;
    line-height: unset;
    margin: 0.4em 0.2em;

    /*
    padding: 0.3em 0.6em;

    */
}

/*-------------------
th　をしろく
---------------------*/
.table-white td,
.table-white th {
    background-color: #fff;
}

/*-------------------
v-table(2列の表をスマホ時縦に並べる）
---------------------*/
table.v-table{
    width: 100%;

}

table.v-table > tbody > tr > th,
table.v-table > tbody > tr > td { 
    padding: 6px;
    border: 1px solid #ddd;
	word-break: break-all;
    vertical-align: top;
}
.table-bordernone th, .table-bordernone td { 
    border: none !important;
}

@media (min-width: 768px) {
table.v-table tr:hover,
table.v-table th:hover{
    background-color: #f5f5f5;
}

}

table.v-table th { 
    background: #f0f0f0;
    vertical-align: top;
}
.v-table thead th {
    background-color: #666666 !important;
    color:#fff;
}

 
@media only screen and (max-width:500px){
table.v-table > tbody > tr > th,
table.v-table > tbody > tr > td{
    width: 100%;
    display: block;
    border-top: none;
   /* min-height: 48px;*/
    }
table.v-table > tbody > tr:first-child th { border-top: 1px solid #ddd; }
    
}
table.v-table-th2{
    background-color: #666666 !important;
    color:#fff;
}
table.v-table-th3{
    background-color: #f5f5e9 !important;
    color:#000;
    font-size:17px;
        text-align: right !important;
}
/*モバイルの時だけ背景に色を付ける時*/
@media (max-width: 768px) {
table.v-table-th4 { 
    background: #f0f0f0;
}
}


/*-------------------
v-table(2列の表をスマホ時縦に並べる）
divで再現
---------------------*/
div.v-table{
	width: 100%;
	display:table;
	position:relative;
	border-top: 1px solid #ddd;
}

div.v-table .v-tr{
	position:relative;
	display:table-row;
}
div.v-table .v-tr >div:first-child{
	border-left: 1px solid #ddd;
}

div.v-table .v-caption{
	position:relative;
	display:table-caption;
	padding: 6px;
	background:#666;
	color:#FFF;
	text-weight:bold;
}
div.v-table .v-comment{
	position:relative;
	display:table-caption;
	padding: 6px;
	background:#fff;
}


div.v-table .v-th,
div.v-table .v-td {
	display:table-cell;
	padding: 6px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	word-break: break-all;
	vertical-align: top;
	position:relative;
}
.table-bordernone .v-th, .table-bordernone .v-td { 
	border: none !important;
}

@media (min-width: 768px) {
div.v-table .v-tr:hover,
div.v-table .v-th:hover{
	background-color: #f5f5f5;
}

}

div.v-table .v-th { 
	background: #f0f0f0;
	vertical-align: top;
	width:30%;
}
div.v-table .v-td { 
	background: #ffffff;
	width:70%;
}



 
@media only screen and (max-width:500px){
div.v-table .v-th,
div.v-table .v-td{
	width: 100%;
	display: block;
	border-top: none;
   /* min-height: 48px;*/
	}
div.v-table .v-tr:first-child th { border-top: 1px solid #ddd; }
	
}
div.v-table-th2{
	background-color: #666666 !important;
	color:#fff;
}
div.v-table-th3{
	background-color: #f5f5e9 !important;
	color:#000;
	font-size:17px;
		text-align: right !important;
}
/*モバイルの時だけ背景に色を付ける時*/
@media (max-width: 768px) {
div.v-table-th4 { 
	background: #f0f0f0;
}
}


/*-------------------
s-table(2列の表を縦に並べる）
---------------------*/
 
@media only screen and (min-width:500px){
.s-table th, .s-table td{
    width: 100%;
    display: block;
    border-top: none;
    }
}
/*-------------------
v-table-edit(フォームエディタ）
---------------------*/
.v-table-edit td:first-child:before,.v-table-edit th:first-child:before {
  display: block;
  float: left;
  height:29px;	/*この値は適宜書き換える*/
  content: "";
}
.v-table-edit-a{
    position:relative;
}
.v-table-edit-b{
    position:absolute;
    right: -1px;
    top: -1px;
}
.v-table-edit-c{
    position:absolute;
    right: -1px;
}
.v-table-edit-c.down{
    bottom:-1px;
}
.v-table-edit-c.up{
    top:-2px;
}

.v-table-edit-d {
    background-color: #f7f7f9 !important;

}
.v-table-edit-d::before {

}

.v-table-edit-btn {
    font-size: 12px;
    margin: 1px;
    padding: 1px 8px;
}
.v-table-edit-btn.up {
    border-radius: 0 0 4px 4px;
}
.v-table-edit-btn.down {
    border-radius: 4px 4px 0 0;
}


/*-------------------
d-table(div を使ってテーブル実現)
---------------------*/
.d-table{

}
.d-table-row {
    display: table;
    width: 100%;
}
.d-table-row-border {
    border-left: 1px solid #ddd; 
    border-right: 1px solid #ddd; 
    border-bottom: 1px solid #ddd;
}
.d-table-row-border:first-child { 
    border-top: 1px solid #ddd;
}
.d-table .collapse .d-table-row:first-child { 
    border-top:none;
}
.d-table-row > div { 
    display: table-cell;
    padding: 8px;
    word-break: break-all;
}


.d-table-th { 
    background-color: #f5f5f5; 
}
.d-table-th2 { 
    background-color: #666666;
    color:#fff;
}

@media only screen and (max-width:500px){
}



/*-------------------
alert
---------------------*/
.alert {
    border-radius: 0;
    margin: 5px 0;
    padding: 0.5em 1em;
}

.alert.alert-info {
    background: -moz-linear-gradient(center bottom , #afd9ee 0%, #d9edf7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #85c5e5;
}

/*-------------------
アニメボタン
---------------------*/
/*ベース設定*/
.m-btn {
    display: inline-block;
    height: 47px;
    line-height: 47px;
    outline: medium none;
    padding: 0 15px;
    text-align: center;
    text-decoration: none;
}
.m-btn::before,
.m-btn::after {
	position: absolute;
	z-index: -1;
	display: block;
}
.m-btn,
.m-btn::before,
.m-btn::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .2s;
	transition: all .2s;
}
/*個別設定*/
.m-btn-16 {
    background-color: #ff7f00;
    border-radius: 4px;
    box-shadow: 0 3px 0 #e75900;
    color: #fff;
    font-size: 20px;
    position: relative;
}
.m-btn-16:hover {
    background-color: #ffa336;
    box-shadow: 0 3px 0 #e78d2d;
    box-sizing: border-box;
    text-decoration: none !important;

    color: #fff;
}
.m-btn-16:active {
	top: 3px;
	box-shadow: none;
}

/*吹き出し設定*/
.arrow_box {
    margin: 0 0 15px;
}

.arrow_box span {
    background: none repeat scroll 0 0 #eee;
    /*border: 1px solid #cccccc;*/
    border-radius: 5px;
    color: #000;
    padding: 5px 15px;
    position: relative;
}

.arrow_box span:after, .arrow_box:before {
	top: 100%;
	left: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box span:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #eee;
	border-width: 7px;
	margin-left: -7px;
}
.arrow_box span:before {
	border-color: rgba(204, 204, 204, 0);
	border-top-color: #fff;
	border-width: 8px;
	margin-left: -8px;
}
/*==========================================
	デザインパーツ（ヘッダー、サイド、フッター）
	プラグインのcssはここには記載しない
============================================*/
/*-------------------
   サービスヘッダー
---------------------*/
.be_ServiceHeader{
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    min-height:40px;
    z-index: 1030;
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #e0e0e0;
	padding: 0 5px;
}
.be_ServiceHeader_left{
    float: left;
    padding: 0;
    width: 30%;
}
.be_ServiceHeader ul{
    padding:0;
    margin:0;
}
.be_ServiceHeader_left li{
	display: inline-block;
    float: left;
    line-height: 40px;
}
.be_ServiceHeader_left img{
    /*display: block;*/
    height: auto;
    max-width: 100%;
}

.be_ServiceHeader li a,
.be_ServiceHeader li i{
    vertical-align: middle;
    color: #333;
}
.be_ServiceHeader li span{
    /*display: none;*/
}
.be_ServiceHeader li .badge{
    margin: 5px 0 0 -12px;
    padding: 3px 5px;
    background-color: #db8374;
}

.be_ServiceHeader li i{
    width: 24px;
    font-size: 24px;
    color: #999;
}

@media (max-width: 350px) {
.be_ServiceHeader li i {
    font-size: 20px;
    width: 20px;
}
}
@media (min-width: 768px) {
.be_ServiceHeader li span{
   /* display: block;*/
}
}

.be_ServiceHeader li a:focus,
.be_ServiceHeader li a:hover {
    text-decoration: none;
}
.be_ServiceHeader_right{
    float: left;
    text-align: right;
    width: 70%;
}
.be_ServiceHeader_right > ul > li{
	display: inline-block;
    line-height: 40px;

}
.be_ServiceHeader_right li .dropdown-menu {
    left: auto;
    right: 0;
}
.be_ServiceHeader_right .dropdown-menu li > a {
    padding: 10px;
}
/*-------------------
   デザインパーツ（ヘッダー）
---------------------*/




    

/*電話文字大きさ*/
.be_title_tel{
	font-size:25px;	/*電話番号の文字の大きさ*/
	font-weight:bold;	/*フォントの太さ*/
	color: #136cae;
    line-height: 1;
}
/*電話文字大きさ（ＰＣ用）*/
@media (min-width: 992px) {
.be_title_tel{
	font-size:30px;	/*電話番号の文字の大きさ*/
}
}   


.be_title_tel:hover{
	text-decoration: none;
}

/*-------------------
   デザインパーツ（メインコンテンツ下部）
---------------------*/
/*メール予約ボタン（大）*/
.be_yoyaku_big{
	font-size: 1em;
	padding:0;
	margin:0px 20px;
}
/*メール予約ボタン（大）（ＰＣ用）*/
@media (min-width: 768px) {
.be_yoyaku_big{
	font-size: 2em;
	margin:0px 20px;
}
}   

/*-------------------
   デザインパーツ（サブコンテンツ）
---------------------*/

/*サイド用電話文字大きさ*/
.be_tel_m{
	font-size:30px;	/*電話番号の文字の大きさ*/
	font-weight:bold;	/*フォントの太さ*/
	color: #cc3201;
}

/*サイド用電話文字大きさ（ＰＣ用）*/
@media (min-width: 768px) {
.be_tel_m{
	font-size:27px;	/*電話番号の文字の大きさ*/
}
}


/*------------------------------------------
   デザインパーツ（フッター）
--------------------------------------------*/

/*フッターロゴ*/
.be_foot_logo {
    color: #00467c;
    font-size: 20px;
}


/*コピーライト部*/
.be_copyright,
.be_copyright a {
	font-size: 13px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: center;
}



/*トップへ戻るボタン*/
.page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
.page-top a {
	background: #333;
	text-decoration: none;
	color: #fff !important;
	width: 80px;
	padding: 20px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
.page-top a:hover {
	text-decoration: none !important;
	background: #ccc !important;
}

/*Sticky footer styles フッターエリアを下端に合わせる処理*/
html,
body {
	height: 100%;
}

#push,
#footer {
  height: auto;
}
#footer {
    margin-top: 0px;
	margin-bottom: 0px;
}

    #page-top {
	    bottom: 70px;
	    background:#EEE;
	    color:#666;
	    padding:4px;
	    position: fixed;
	    display: block;
	    border-top:1px solid #999;
	    border-left:1px solid #999;
	    border-bottom:1px solid #999;
	    border-top-left-radius: 4px;
	    border-bottom-left-radius: 4px;
	    right:0px;
	    font-size:16px;
	}


/*--------------------------------
calendar（月表示）
--------------------------------*/
div.roomCalendar{
	width:auto;
	padding:0px;
}
div.roomCalendar a,
div.roomCalendar a:link,
div.roomCalendar a:hover,
div.roomCalendar a:visited{
	color:#1D52A5;
	font-weight:bold;
}
div.roomCalendar table{
	width:100%;
	margin: 0;
	border: 1px solid #ccc;
	background-color:#fff;
}
div.roomCalendar table caption{
    color: #333;
    font-size: 110%;
    font-weight: bold;
    margin: 0 0 2px;
    text-align: center;
}
div.roomCalendar table th{
	width: 60px;
	padding: 2px 0;
	background-color: #EBEBEB;
	text-align: center;
	font-size: 90%;
	font-weight: normal;
}
div.roomCalendar table th.calHoliday { background-color: #FFCECE;}
div.roomCalendar table th.calSat     { background-color: #B0D8FF;}


div.roomCalendar table th, div.roomCalendar table td{
	padding: 0;
	border: 1px solid #ccc;
	text-align: center;
	vertical-align: top;
	white-space:normal;
}

div.roomCalendar table td.calHoliday { background-color: #FFEBEB;}
div.roomCalendar table td.calSat     { background-color: #DBEDFF;}
div.roomCalendar table td#calToday   { background-color: #ffff9e;}
div.roomCalendar table td a{
	display: block;
	height: 100%;
	margin: 0;
	text-decoration: none;
}
div.roomCalendar table td .today1{
	height: 45px;
}
div.roomCalendar table td .today2{
	padding-top: 2px;
	border-top: 1px solid #FFFFFF;
	height: 27px;
}
div.roomCalendar table td a:hover{
	background-color: #cccccc;
}

div.roomCalendar table td span{
	display: block;
	padding: 1px 0 2px 0;
	text-align: center;
	font-size: 82%;
}
div.roomCalendar table td span.price{
	font-size:50%;
}
div.roomCalendar table td .today1 span,
div.roomCalendar table td .today2 span{
	padding: 1px 0 0 0;
	line-height: 1.0;
}
div.roomCalendar table td span.thisMonth{
	color: #333;
	font-weight: bold;
}
div.roomCalendar table td#calToday span.thisMonth{
	color: #BF0000;
	font-weight: bold;
}
div.roomCalendar table td span.lastMonth,
div.roomCalendar table td span.nextMonth{
	color: #333;
	font-weight: normal;	
}
div.roomCalendar table td span.past{
	color: #333;
	font-weight: bold;
}
div.roomCalendar table td span.full{
	color: #333;
	font-size: 109%;
}
div.roomCalendar table td span.vacant{
	text-decoration: underline;
	font-size: 90%;
	font-weight: bold;
}
div.roomCalendar table td div span.vacant{
	color: #990000;
	text-decoration: none;
	font-weight: normal;
}
div.roomCalendar table td .today1 span.vacant,
div.roomCalendar table td .today2 span.vacant{
	font-size: 78%;
}
div.planArea div.roomCalendar table td span.price{
	padding-bottom: 0;
	color: #333333;
	line-height: 1.0;
	font-size: 78%;
}
div.roomCalendar table td a:hover span,
div.roomCalendar table td#calToday a:hover span.thisMonth{
	color: #FFFFFF;
}
div.roomCalendar ul#calPaging{
	margin-top:10px;
}
div.roomCalendar ul#calPaging li{
	float: left;
	list-style-type: none;
	font-size: 90%;
}
div.roomCalendar ul#calPaging li a{
	text-decoration: underline;
}
div.roomCalendar p#calNote{
	clear:both;
	font-size:90%;
	padding-top:10px;
}
/*--------------------------------
calendar(週表示)cal_weekを付ける
--------------------------------*/
div.roomCalendar table.cal_week td span{
	font-size: 100%;
    padding: 5px 10px 0;
    text-align: left;
}

/*--------------------------------
calendar(日表示)cal_dayを付ける
--------------------------------*/
table.cal_day{
    width: 100%;
}

table.cal_day td {
    padding: 2px;
    border: 1px solid #ddd;
	word-break: break-all;
    text-align: center;
}
table.cal_day td:last-child {
    text-align: left;
}


/*--------------------------------
シェアボタン
--------------------------------*/
.defs {
    display: none;
}
.share ul {
    height: 35px;
    overflow: hidden;
    list-style: outside none none;
}
.share li {
    border-radius: 3px;
    float: left;
    font-size: 0.875rem;
    margin-right: 1%;
    text-align: center;
    width: 18%;
}
.share li.share-twitter {
    background: #55acee none repeat scroll 0 0;
    box-shadow: 0 3px #2795e9;
}
.share li.share-twitter:hover {
    background: #83c3f3 none repeat scroll 0 0;
}
.share li.share-facebook {
    background: #3b5998 none repeat scroll 0 0;
    box-shadow: 0 3px #2d4373;
}
.share li.share-facebook:hover {
    background: #4c70ba none repeat scroll 0 0;
}
.share li.share-google {
    background: #dd4b39 none repeat scroll 0 0;
    box-shadow: 0 3px #c23321;
}
.share li.share-google:hover {
    background: #e47365 none repeat scroll 0 0;
}
.share li.share-hatena {
    background: #2c6ebd none repeat scroll 0 0;
    box-shadow: 0 3px #225694;
}
.share li.share-hatena:hover {
    background: #4888d4 none repeat scroll 0 0;
}
.share li.share-ameba {
    background: #4dac26 none repeat scroll 0 0;
    box-shadow: 0 3px #278600;
}
.share li.share-ameba:hover {
    background: #61c03a none repeat scroll 0 0;
}
.share a {
    color: #fff;
    display: block;
    height: 30px;
    padding-top: 10px;
}
.share a:hover {
    text-decoration: none;
}
.share svg {
    fill: #fff;
    height: 20px;
    width: 20px;
}
.share .btn-text {
    display: none;
}
.share svg {
    margin-right: 7px;
}
.share a {
    height: 30px;
    padding-top: 7px;
}
@media (min-width: 768px) {
.share .btn-text {
    display: inline;
    position: relative;
    top: -5px;
}
}

/*--------------------------------
バー式ステップ表示
--------------------------------*/
.step_bar_box {
    text-align: center;
    overflow: hidden;

}

.step_bar {
    list-style: none;
    margin:0;
    padding:0;
}

.step_bar li {
    background: #eee none repeat scroll 0 0;
    color: #a6a6a6;
    display: inline-block;
    font-size: 11px;
    line-height: 32px;
    margin: 2px;
    padding: 0 6px 0 3px;
    text-decoration: none;
}

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

.step_bar li::after {
    position: relative;
    display: block;
    margin-top: -18px;
    margin-left: auto;
    margin-right: -14px;
    height: 15px;
    width: 11px;
    content: " ";
    -webkit-transform: skew(-23deg);
    -moz-transform: skew(-23deg);
    -ms-transform: skew(-23deg);
    -o-transform: skew(-23deg);
    transform: skew(-23deg);
    background: #eee;
    border-right: 1px solid white;
}

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

.step_bar li:first-child {
    padding-left: 3px;
    -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: 0px;
    padding-right: 3px;
    -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: #5cb85c;
    color: #fff;
}

.step_bar li.current::before {
    background: #5cb85c;
}

.step_bar li.current::after {
    background: #5cb85c;
}

.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;
}
@media (min-width: 768px) {
 .step_bar li {
    line-height: 46px;
    color: #a6a6a6;
    padding: 0 15px 0 35px;
    background: #eee;
    font-size: 14px;
}
 

 
.step_bar li::after {
    margin-top: -25px;
    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);
}
 
.step_bar li::before {

    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);
    border-right: 1px solid white;
}
 
.step_bar li:first-child {
    padding-left: 20px;
}
 
.step_bar li:last-child {
    padding-left: 35px;
    padding-right: 40px;
}
   
}

/*--------------------------------
カート用テーブル
--------------------------------*/
.cart-table{
width: 100%;
border-collapse: collapse;
}
.cart-table td{
    padding:6px;
border: 1px solid #b9b9b9;
}
.cart-table th{
    padding:6px;
    width: 20%;
min-width:70px;
    text-align: center;
vertical-align: biddle;
color: #333;
background-color: #f5f5f5;
border: 1px solid #b9b9b9;
}


/*--------------------------------
row分割をテーブル化
--------------------------------*/
@media (min-width: 768px) {
.be_table-sm{
    display: table;
    width: 100%;
    margin: 0px;
}
.be_table-sm > div{
    display: table-cell;
    float: none;
    padding:0 0 0 5px;
}
.be_table-sm > div:first-child{
    padding:0;
}

}

@media (min-width: 996px) {
.be_table-md{
    display: table;
    width: 100%;
    margin: 0px;
}
.be_table-md > div{
    display: table-cell;
    float: none;
    padding:0 0 0 5px;
}
.be_table-md > div:first-child{
    padding:0;
}
}
@media (min-width: 1200px) {
.be_table-lg{
    display: table;
    width: 100%;
    margin: 0px;
}
.be_table-lg > div{
    display: table-cell;
    float: none;
    padding:0 0 0 5px;
}
.be_table-lg > div:first-child{
    padding:0;
}
}

.be_table-middle{
    vertical-align: middle;
}

.BE-savebox {
    position: fixed;
    right: -1px;
    top: 39px;
    z-index: 1020;
}

.BE-savebox2 {
    bottom: 10px;
    position: fixed;
    right: 0px;
    z-index: 1020;
}
@media (min-width: 768px) {
.BE-savebox2 {
    bottom: 20px;
    right: 17px;
}
}

/*--------------------------------
フォーム表示例関係
--------------------------------
.ez-example::after {
    color: #959595;
    content: "プレビュー";
    font-size: 12px;
    font-weight: 700;
    left: 15px;
    letter-spacing: 1px;
    position: absolute;
    text-transform: uppercase;
    top: 10px;
}
.ez-example {
    background-color: #fff;
    border-color: #ddd;
    border-radius: 4px 4px 0 0;
    border-width: 1px;
    box-shadow: none;
    margin-left: 0;
    margin-right: 0;
    border-style: solid;
    padding: 30px 15px 5px;
    position: relative;
}

.ez-btn-area {
    display: block;
    position: relative;
}
.ez-btn-area.up {
    position: absolute;
    right: -8px;
    top: -8px;
}
.ez-btn-area.down {
    bottom: -8px;
    position: absolute;
    right: -8px;
}

.ez-btn {
    font-size: 12px;
    margin: 0;
    padding: 1px 8px;
}
.ez-btn.up {
    border-radius: 0 0 4px 4px;
}
.ez-btn.down {
    border-radius: 4px 4px 0 0;
}

.ez-setting {
    background-color: #f7f7f9;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-color: #ddd;
    border-style: solid;
    border-width: 1px;
    margin: -1px 0;
    padding: 9px 14px;
}
*/

/*-------------------
メルマガ本文編集用テキストエリアを等幅フォントにする
---------------------*/
.maga-edit {
    font-family: Osaka-mono, "MS Gothic", monospace, MotoyaLCedar;
    font-size: 10pt;
}

/*-------------------
ファイル管理用
---------------------*/
.file-icon{
    position: relative;
    border: 1px solid #999999;
    border-radius: 0 8px 0 0;
    height: 42px;
    margin: 4px 7px;
    width: 34px;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
  background: #efeff0;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #efeff0), color-stop(1, #fafafa));
  background: -ms-linear-gradient(bottom, #efeff0, #fafafa);
  background: -moz-linear-gradient(center bottom, #efeff0 0%, #fafafa 100%);
  background: -o-linear-gradient(bottom, #efeff0, #fafafa);
  filter: progid:dximagetransform.microsoft.gradient(startColorStr='#e3e3e3', EndColorStr='#ffffff');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa',EndColorStr='#efeff0')";
}
.file-icon > p{
    position: absolute;  
    top: 7px;  
    left: -7px;
    padding:0 2px;
    background-color: #666666;
    color:#ffffff;
    font-weight:bold;
    font-size:11px;
    border-radius: 3px;
    word-break: keep-all;
}

.table-v-responsive {
    height: 100%;
    position: relative;
        overflow: auto;
}
.table-v-responsive > .table {
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.25);
    height: 100%;
    left: 0;

    position: absolute;
    top: 0;
    z-index: 1;
}

/*ファイル管理で利用している画像リスト*/
.BE-tr {
    border-top: 1px solid #dddddd;
    clear: both;
    line-height: 1.42857;
}
.BE-td {
    background-color: inherit;
    min-height: 50px;
    padding: 8px;
}
.BE-overlay {
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
/*-------------------
アップロードボタンの見た目変更
---------------------*/
.upload-button {
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.upload-button input[type="file"] {
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  font-size: 100px;
  cursor: pointer;
}

/*-------------------
顧客別のサイドメニュー
---------------------*/
.customer {
    background-color: #fff;
    border-color: #e2e2e2 #e2e2e2 #eee;

    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    color: #7d7d7d;
    margin: 0 -10px 5px;
    padding: 5px 3px;
    display: block;
}
.customer ul {
    padding:0;
    margin: 0;
    display:table;
    width:100%;
}
.customer ul li {
    display:table-cell;
    vertical-align:middle;
    word-break: break-all;
}
.customer div:first-child {

}


.customer-dropdown > a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #e2e2e2 #e2e2e2 #eee;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px 1px 5px;
    color: #7d7d7d;
    margin: 5px 0;
    padding: 5px 3px;
	display:table;
    width:100%;
}
.customer-dropdown > a:focus,
.customer-dropdown > a:hover {
    color:#777777;
    text-decoration: none;
    background-color: #fff;
    border-bottom: 5px solid #fe0104;
    transition: all 0.25s ease-in-out 0s;
}

.customer-dropdown ul.dropdown-menu li > a {
    padding: 10px;
    border-bottom: 1px solid #eee;
}

 .customer-dropdown ul.dropdown-menu li.active > a {
    background-color: #f5f5f5;
    border-left: 5px solid #f00;
    color: #000;
}

/*-------------------
デザイン全体設定 > カラムレイアウト
---------------------*/

.be_col_layout .img-responsive {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 60%;
}

@media (max-width: 768px) {
.be_col_layout .img-responsive {
    width: 100%;
}
}
.be_col_layout .nav-tabs.nav-justified {
    display: table !important;
}
.be_col_layout .nav-tabs.nav-justified > li{
    display: table-cell !important;
        width: 33%;
}

.be_col_layout .nav-tabs.nav-justified > label{
    display: table-cell !important;
    vertical-align: top;
    width: 33%;
}
.be_col_layout .nav-tabs.nav-justified > li > a,
.be_col_layout .nav-tabs.nav-justified > label{
    border: 2px solid #fff;
    padding: 5px 0 0 0;
}

.be_col_layout .nav-tabs.nav-justified > li,
.be_col_layout .nav-tabs.nav-justified > lable{
    border: 2px solid #fff;
    border-radius: 4px;
}
.be_col_layout .nav-tabs.nav-justified > li.active {
    border: 2px solid #337ab7;
}

.be_col_layout .nav-tabs.nav-justified > li > a,
.be_col_layout .nav-tabs.nav-justified > li > a:focus,
.be_col_layout .nav-tabs.nav-justified > li > a:hover {
    border: none;
}


.be_col_layout .nav-tabs.nav-justified > .active::after {
    bottom: 3px;
    color: #337ab7;
    content: "\f058";
    font-family: FontAwesome;
    font-size: 18px;
    font-weight: 700;
    left: 10px;
    letter-spacing: 1px;
    position: absolute;
    text-transform: uppercase;
}

.be_col_layout .btn {
    white-space: normal;
    text-align: center;
}



/*==========================================
	ボタン素材
============================================*/

/*ボタンベース（領域のリセット）*/
.be_btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 14px;
    text-align: center;
    vertical-align: middle;
    white-space: normal;
    background-color: #fff;
    border-color: #ccc;
    color: #333;
}

.be_btn:hover,.be_btn:focus,.be_btn:active {
	text-decoration:none;
}
.be_btn:active {

}

.be_btn:hover {

}

/*-------------------
ボタンベース（大きさ）
---------------------*/
.be_btn-xs{
    border-radius: 2px;
    font-size: 11px;
    line-height: 1.0;
    padding: 1px 3px;
}
.be_btn-sm{
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.1;
    padding: 2px 6px;
}
.be_btn-lg{
    border-radius: 4px;
    font-size: 20px;
    line-height: 1.2;
    padding: 6px 20px;
}


@media (min-width: 768px) {
.be_btn-xs{
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 1px 5px;
}
.be_btn-sm{
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 10px;
}
.be_btn-lg{
    border-radius: 4px;
    font-size: 18px;
    line-height: 1.33333;
    padding: 10px 25px;
}
}


/*-------------------
ボタン000
---------------------*/

.be_btn[class*="be_btn_000"]:active{
    background-image: none;
    box-shadow: 0 7px 15px rgba(0, 0, 0, 0.225) inset;
    outline: 0 none;
}
/*白*/
.be_btn_000_0{
    background-color: #fff;
}
.be_btn_000_0:hover{
    background-color: #eee;
}
/*赤*/
.be_btn_000_1{
    background-color: #d9534f;
    border-color: #d43f3a;
    color: #fff;
}
.be_btn_000_1:hover,.be_btn_000_1:focus{
    background-color: #c9302c;
    border-color: #ac2925;
    color: #fff;
}

/*オレンジ*/
.be_btn_000_2{
    background-color: #ff9349;
    border-color: #eea236;
    color: #fff;
}
.be_btn_000_2:hover,.be_btn_000_2:focus{
    background-color: #f27a3c;
    border-color: #d58512;
    color: #fff;
}

/*黄*/
.be_btn_000_3{
    background-color: #FFDD32;    
    border-color: #ffcd1b;
    color: #963;
}
.be_btn_000_3:hover,.be_btn_000_3:focus{
    background-color: #ffcd1b;
    border-color: #f5b015;
    color: #963;
}
/*黄緑*/
.be_btn_000_4{
    background-color: #dbf332;
    border-color: #cee625;
    color: #3f5d01;
}
.be_btn_000_4:hover,.be_btn_000_4:focus{
    background-color: #cee625;
    border-color: #bbd312;
    color: #3f5d01;
}
/*緑*/
.be_btn_000_5{
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #fff;
}
.be_btn_000_5:hover,.be_btn_000_5:focus{
    background-color: #449d44;
    border-color: #398439;
    color: #fff;
}

/*水色*/
.be_btn_000_6{
    background-color: #5bc0de;
    border-color: #46b8da;
    color: #fff;
}
.be_btn_000_6:hover,.be_btn_000_6:focus{
    background-color: #31b0d5;
    border-color: #269abc;
    color: #fff;
}
/*青*/
.be_btn_000_7{
    background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff;
}
.be_btn_000_7:hover,.be_btn_000_7:focus{
    background-color: #286090;
    border-color: #204d74;
    color: #fff;
}

/*紫*/
.be_btn_000_8{
    background-color: #9932FF;
    border-color: #7a13da;
    color: #fff;
}
.be_btn_000_8:hover,.be_btn_000_8:focus{
    background-color: #8a23ea;
    border-color: #8a23ea;
    color: #fff;

}
/*ピンク*/
.be_btn_000_9{
    background-color: #ff85df;
    border-color: #e971cb;
    color: #fff;
}
.be_btn_000_9:hover,.be_btn_000_9:focus{
    background-color: #e971cb;
    border-color: #d25ab4;
    color: #fff;
}
/*茶*/
.be_btn_000_10{
    background-color: #BF7226;
    border-color: #a6590d;
    color: #fff;
}
.be_btn_000_10:hover,.be_btn_000_10:focus{
    background-color: #a6590d;
    border-color: #994c00;
    color: #fff;
}
/*グレー*/
.be_btn_000_11{
    background-color: #ddd;
    border-color: #bbb;
    color: #666;
}
.be_btn_000_11:hover,.be_btn_000_11:focus{
    background-color: #ccc;
    border-color: #999;
    color: #666;

}
/*黒*/
.be_btn_000_12{
    background-color: #444;
    color:#fff;
}
.be_btn_000_12:hover,.be_btn_000_12:focus{
    background-color: #222;
    color:#fff;
}

/*-------------------
ボタン001
---------------------*/

.be_btn[class*="be_btn_001"] {
    position: relative;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.be_btn[class*="be_btn_001"]:active{
	top: 3px;
	box-shadow: none;
}

/*白*/
.be_btn_001_0{
    background-color: #fff;
    box-shadow: 0 3px 0 #eee;
}
.be_btn_001_0:hover{
    background-color: #eee;
}
/*赤*/
.be_btn_001_1{
    background-color: #d9534f;
    border-color: #d43f3a;
    color: #fff;
    box-shadow: 0 3px 0 #ac2925;
}
.be_btn_001_1:hover,.be_btn_001_1:focus{
    background-color: #c9302c;
    border-color: #ac2925;
    color: #fff;
}

/*オレンジ*/
.be_btn_001_2{
    background-color: #ff9349;
    border-color: #eea236;
    color: #fff;
    box-shadow: 0 3px 0 #d58512;
}
.be_btn_001_2:hover,.be_btn_001_2:focus{
    background-color: #f27a3c;
    border-color: #d58512;
    color: #fff;
}

/*黄*/
.be_btn_001_3{
    background-color: #FFDD32;    
    border-color: #ffcd1b;
    color: #963;
    box-shadow: 0 3px 0 #f5b015;
}
.be_btn_001_3:hover,.be_btn_001_3:focus{
    background-color: #ffcd1b;
    border-color: #f5b015;
    color: #963;
}
/*黄緑*/
.be_btn_001_4{
    background-color: #dbf332;
    border-color: #cee625;
    color: #3f5d01;
    box-shadow: 0 3px 0 #bbd312;
}
.be_btn_001_4:hover,.be_btn_001_4:focus{
    background-color: #cee625;
    border-color: #bbd312;
    color: #3f5d01;
}
/*緑*/
.be_btn_001_5{
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #fff;
    box-shadow: 0 3px 0 #398439;
}
.be_btn_001_5:hover,.be_btn_001_5:focus{
    background-color: #449d44;
    border-color: #398439;
    color: #fff;
}

/*水色*/
.be_btn_001_6{
    background-color: #5bc0de;
    border-color: #46b8da;
    color: #fff;
    box-shadow: 0 3px 0 #269abc;
}
.be_btn_001_6:hover,.be_btn_001_6:focus{
    background-color: #31b0d5;
    border-color: #269abc;
    color: #fff;
}
/*青*/
.be_btn_001_7{
    background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff;
    box-shadow: 0 3px 0 #204d74;
}
.be_btn_001_7:hover,.be_btn_001_7:focus{
    background-color: #286090;
    border-color: #204d74;
    color: #fff;
}

/*紫*/
.be_btn_001_8{
    background-color: #9932FF;
    border-color: #7a13da;
    color: #fff;
    box-shadow: 0 3px 0 #8a23ea;
}
.be_btn_001_8:hover,.be_btn_001_8:focus{
    background-color: #8a23ea;
    border-color: #8a23ea;
    color: #fff;

}
/*ピンク*/
.be_btn_001_9{
    background-color: #ff85df;
    border-color: #e971cb;
    color: #fff;
    box-shadow: 0 3px 0 #d25ab4;
}
.be_btn_001_9:hover,.be_btn_001_9:focus{
    background-color: #e971cb;
    border-color: #d25ab4;
    color: #fff;
}
/*茶*/
.be_btn_001_10{
    background-color: #BF7226;
    border-color: #a6590d;
    color: #fff;
    box-shadow: 0 3px 0 #994c00;
}
.be_btn_001_10:hover,.be_btn_001_10:focus{
    background-color: #a6590d;
    border-color: #994c00;
    color: #fff;
}
/*グレー*/
.be_btn_001_11{
    background-color: #ddd;
    border-color: #bbb;
    color: #666;
    box-shadow: 0 3px 0 #999;
}
.be_btn_001_11:hover,.be_btn_001_11:focus{
    background-color: #ccc;
    border-color: #999;
    color: #666;

}
/*黒*/
.be_btn_001_12{
    background-color: #444;
    border-color: #222;
    color:#fff;
    box-shadow: 0 3px 0 #222;
}
.be_btn_001_12:hover,.be_btn_001_12:focus{
    background-color: #222;
    border-color: #000;
    color:#fff;
}


/*-------------------
ボタン002
---------------------*/

.be_btn[class*="be_btn_002"] {
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

.be_btn[class*="be_btn_002"]:hover{
	box-shadow: inset 0 3px 25px rgba(0, 0, 0, .2);
    text-shadow: 0 1px 1px rgba(255, 255, 255, .4);
}
.be_btn[class*="be_btn_002"]:active{
	box-shadow: inset 0 3px 25px rgba(0, 0, 0, .5);
    text-shadow: 0 1px 1px rgba(255, 255, 255, .6);
}

/*白*/
.be_btn_002_0{
    background-color: #fff;
    box-shadow: 0 3px 0 #eee;
   	background-image: -webkit-linear-gradient(top, #fff, #ddd);
}
.be_btn_002_0:hover{
    background-color: #eee;
}
/*赤*/
.be_btn_002_1{
    background-color: #d9534f;
    border-color: #d43f3a;
    color: #fff;
	background-image: -webkit-linear-gradient(top, #fd7773, #c7413d);
}
.be_btn_002_1:hover,.be_btn_002_1:focus{
    background-color: #c9302c;
    border-color: #ac2925;
    color: #fff;
}

/*オレンジ*/
.be_btn_002_2{
    background-color: #ff9349;
    border-color: #eea236;
    color: #fff;
	background-image: -webkit-linear-gradient(top, #ffca61, #ec8036);
}
.be_btn_002_2:hover,.be_btn_002_2:focus{
    background-color: #f27a3c;
    border-color: #d58512;
    color: #fff;
}

/*黄*/
.be_btn_002_3{
    background-color: #FFDD32;    
    border-color: #ffcd1b;
    color: #963;
	background-image: -webkit-linear-gradient(top, #ffee50, #e4c217);
}
.be_btn_002_3:hover,.be_btn_002_3:focus{
    background-color: #ffcd1b;
    border-color: #f5b015;
    color: #963;
}
/*黄緑*/
.be_btn_002_4{
    background-color: #dbf332;
    border-color: #cee625;
    color: #3f5d01;
	background-image: -webkit-linear-gradient(top, #e7ff3e, #c5dd1c);
}
.be_btn_002_4:hover,.be_btn_002_4:focus{
    background-color: #cee625;
    border-color: #bbd312;
    color: #3f5d01;
}
/*緑*/
.be_btn_002_5{
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #fff;
	background-image: -webkit-linear-gradient(top, #6fcb6f, #3d993d);
}
.be_btn_002_5:hover,.be_btn_002_5:focus{
    background-color: #449d44;
    border-color: #398439;
    color: #fff;
}

/*水色*/
.be_btn_002_6{
    color: #fff;
	border: 1px solid #15aeec;
	background-color: #49c0f0;
	background-image: -webkit-linear-gradient(top, #5fcfff, #2cafe3);

}
.be_btn_002_6:hover,.be_btn_002_6:focus{
    color: #fff;
    border:1px solid #1090c3;
	background-color: #1ab0ec;

}
/*青*/
.be_btn_002_7{
    background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff;
	background-image: -webkit-linear-gradient(top, #63aae7, #1a619e);
}
.be_btn_002_7:hover,.be_btn_002_7:focus{
    background-color: #286090;
    border-color: #204d74;
    color: #fff;
}

/*紫*/
.be_btn_002_8{
    background-color: #9932FF;
    border-color: #7a13da;
    color: #fff;
	background-image: -webkit-linear-gradient(top, #c47dff, #7d0fea);
}
.be_btn_002_8:hover,.be_btn_002_8:focus{
    background-color: #8a23ea;
    border-color: #8a23ea;
    color: #fff;

}
/*ピンク*/
.be_btn_002_9{
    background-color: #ff85df;
    border-color: #e971cb;
    color: #fff;
  	background-image: -webkit-linear-gradient(top, #ffb9df, #e268c2);
}
.be_btn_002_9:hover,.be_btn_002_9:focus{
    background-color: #e971cb;
    border-color: #d25ab4;
    color: #fff;
}
/*茶*/
.be_btn_002_10{
    background-color: #BF7226;
    border-color: #a6590d;
    color: #fff;
  	background-image: -webkit-linear-gradient(top, #f8ab5f, #a85b0f);
}
.be_btn_002_10:hover,.be_btn_002_10:focus{
    background-color: #a6590d;
    border-color: #994c00;
    color: #fff;
}
/*グレー*/
.be_btn_002_11{
    background-color: #ddd;
    border-color: #bbb;
    color: #666;
  	background-image: -webkit-linear-gradient(top, #eee, #c6c6c6);
}
.be_btn_002_11:hover,.be_btn_002_11:focus{
    background-color: #ccc;
    border-color: #999;
    color: #666;

}
/*黒*/
.be_btn_002_12{
    background-color: #444;
    border-color: #222;
    color:#fff;
   	background-image: -webkit-linear-gradient(top, #999, #000);
}
.be_btn_002_12:hover,.be_btn_002_12:focus{
    background-color: #222;
    border-color: #000;
    color:#fff;
}

/*-------------------
ボタン003
---------------------*/

.be_btn[class*="be_btn_003"] {
	border-radius: 50px;
    position: relative;
    transition: all 0.3s ease 0s;
    border-width: 2px;
    background-color: #fff;
	font-weight: bold;
}
.be_btn[class*="be_btn_003"]:active{
	top: 3px;

}

/*白*/
.be_btn_003_0{
	border-color: #ccc;
}
.be_btn_003_0:hover{
    background-color: #eee;
}
/*赤*/
.be_btn_003_1{
    border-color: #d9534f;
    color: #d9534f;
}
.be_btn_003_1:hover,.be_btn_003_1:focus{
    background-color: #d9534f;
    border-color: #d9534f;
    color: #fff;
}

/*オレンジ*/
.be_btn_003_2{

    border-color: #ff9349;
    color: #ff9349;
}
.be_btn_003_2:hover,.be_btn_003_2:focus{
    background-color: #ff9349;
    border-color: #ff9349;
    color: #fff;
}

/*黄*/
.be_btn_003_3{
    border-color: #f5b015;
    color: #f5b015;
}
.be_btn_003_3:hover,.be_btn_003_3:focus{
    background-color: #f5b015;
    border-color: #f5b015;
    color: #fff;
}
/*黄緑*/
.be_btn_003_4{
    border-color: #bbd312;
    color: #bbd312;
}
.be_btn_003_4:hover,.be_btn_003_4:focus{
    background-color: #bbd312;
    border-color: #bbd312;
    color: #fff;
}
/*緑*/
.be_btn_003_5{
    border-color: #5cb85c;
    color: #5cb85c;
}
.be_btn_003_5:hover,.be_btn_003_5:focus{
    background-color: #5cb85c;
    border-color: #5cb85c;
    color: #fff;
}

/*水色*/
.be_btn_003_6{
    border-color: #5bc0de;
    color: #5bc0de;

}
.be_btn_003_6:hover,.be_btn_003_6:focus{
    background-color: #5bc0de;
    border-color: #5bc0de;
    color: #fff;
}
/*青*/
.be_btn_003_7{
    border-color: #337ab7;
    color: #337ab7;
}
.be_btn_003_7:hover,.be_btn_003_7:focus{
    background-color: #337ab7;
    border-color: #337ab7;
    color: #fff;
}

/*紫*/
.be_btn_003_8{
    border-color: #9932FF;
    color: #9932FF;

}
.be_btn_003_8:hover,.be_btn_003_8:focus{
    background-color: #9932FF;
    border-color: #9932FF;
    color: #fff;

}
/*ピンク*/
.be_btn_003_9{
    border-color: #ff85df;
    color: #ff85df;
}
.be_btn_003_9:hover,.be_btn_003_9:focus{
    background-color: #ff85df;
    border-color: #ff85df;
    color: #fff;
}
/*茶*/
.be_btn_003_10{
    border-color: #BF7226;
    color: #BF7226;
}
.be_btn_003_10:hover,.be_btn_003_10:focus{
    background-color: #BF7226;
    border-color: #BF7226;
    color: #fff;
}
/*グレー*/
.be_btn_003_11{
    border-color: #bbb;
    color: #999999;
}
.be_btn_003_11:hover,.be_btn_003_11:focus{
    background-color: #999999;
    border-color: #999;
    color: #fff;

}
/*黒*/
.be_btn_003_12{
    border-color: #444;
    color:#444;

}
.be_btn_003_12:hover,.be_btn_003_12:focus{
    background-color: #222;
    border-color: #000;
    color:#fff;
}


/*------------------
ボタン004
---------------------*/

.be_btn[class*="be_btn_004"] {
	border-radius: 50px;
    position: relative;
    transition: all 0.3s ease 0s;
    border-width: 2px;
	font-weight: bold;
}
.be_btn[class*="be_btn_004"]:hover{
    background-color: #fff;
}

/*白*/
.be_btn_004_0{
	border-color: #ccc;
    background-color: #eee;
}
.be_btn_004_0:hover{

}
/*赤*/
.be_btn_004_1{
    border-color: #d9534f;
    background-color: #d9534f;
    color: #fff;
}
.be_btn_004_1:hover,.be_btn_004_1:focus{
    color: #d9534f;
}

/*オレンジ*/
.be_btn_004_2{
    border-color: #ff9349;
    background-color: #ff9349;
    color: #fff;
}
.be_btn_004_2:hover,.be_btn_004_2:focus{
    color: #ff9349;
}

/*黄*/
.be_btn_004_3{
    border-color: #f5b015;
    background-color: #f5b015;
    color: #fff;
}
.be_btn_004_3:hover,.be_btn_004_3:focus{
    color: #f5b015;
}
/*黄緑*/
.be_btn_004_4{
    border-color: #bbd312;
    background-color: #bbd312;
    color: #fff;
}
.be_btn_004_4:hover,.be_btn_004_4:focus{
	color: #bbd312;
}
/*緑*/
.be_btn_004_5{
    border-color: #5cb85c;
    background-color: #5cb85c;
    color: #fff;
}
.be_btn_004_5:hover,.be_btn_004_5:focus{
    color: #5cb85c;
}

/*水色*/
.be_btn_004_6{
    border-color: #5bc0de;
    background-color: #5bc0de;
    color: #fff;
}
.be_btn_004_6:hover,.be_btn_004_6:focus{
    color: #5bc0de;
}
/*青*/
.be_btn_004_7{
    border-color: #337ab7;
    background-color: #337ab7;
    color: #fff;
}
.be_btn_004_7:hover,.be_btn_004_7:focus{
    color: #337ab7;
}

/*紫*/
.be_btn_004_8{
    border-color: #9932FF;
    background-color: #9932FF;
    color: #fff;
}
.be_btn_004_8:hover,.be_btn_004_8:focus{
    color: #9932FF;
}
/*ピンク*/
.be_btn_004_9{
    border-color: #ff85df;
    background-color: #ff85df;
    color: #fff;
}
.be_btn_004_9:hover,.be_btn_004_9:focus{
    color: #ff85df;
}
/*茶*/
.be_btn_004_10{
    border-color: #BF7226;
    background-color: #BF7226;
    color: #fff;
}
.be_btn_004_10:hover,.be_btn_004_10:focus{
    color: #BF7226;
}
/*グレー*/
.be_btn_004_11{
    border-color: #999;
    background-color: #999999;
    color: #fff;
}
.be_btn_004_11:hover,.be_btn_004_11:focus{
    color: #999999;
}
/*黒*/
.be_btn_004_12{
    border-color: #444;
    background-color: #222;
    color:#fff;
}
.be_btn_004_12:hover,.be_btn_004_12:focus{
    color:#444;
}



/*==========================================
	背景素材
============================================*/
/*背景素材*/

.be_bg_1{
    background:
    /*背景パターン*/
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAAA3NCSVQICAjb4U/gAAAAJFBMVEX////////////////////////////////////////////////Vd7HLAAAADHRSTlMAESIzVWZ3iJmqu8wvqOFwAAAACXBIWXMAAAsSAAALEgHS3X78AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMi8wMi8xNtMzqrYAAAC7SURBVBiVZVGrDgIxEBweCUgSQhAYNAo0BodAofkCgoEEg8PjOYHDVhEege7PMW33eGwnubRz3c5sZyEB2xHa07gDPz9HQMcp3yChm/gNJWaRTz68Hvj3OBRA1lxrOymGXBsC3wKqByo9+0DF4c7fg2h95m6BC49d5J4FPfB6UxL2FADdxsqvdARlV8ofNALlT8pfNAhdSAnt6o/beqtn/Ww/tl/7HvvelMdSjppHlpfNM8vbziOb1+8836pVoqKuhq7vAAAAAElFTkSuQmCC")
        left top / auto repeat,
    /*背景画像の明るさ＋オーバーレイ色*/
    /*linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.1)) ,*/
    /*背景画像*/
    url(http://be-cms.net/preview/78/image/50.gif) center center / cover no-repeat,
    /*背景色*/
    rgba(200,100,15,0.3)
    ;
}

.be_bg_2{
background:
linear-gradient(45deg, rgba(0,0,0,0) 0, rgba(0,0,0,0) 46%,rgba(255,255,255,0.64) 50%,rgba(255,255,255,0.95) 100%) 50% 50% / 100% auto repeat padding-box border-box,
linear-gradient(90deg, rgba(255,255,255,0.6) 0, rgba(255,255,255,0.6) 100%) 50% 50% / auto auto no-repeat,
url("http://be-cms.net/preview/78/image/51.gif") center center / cover no-repeat,
    rgba(0,170,238,0.67);
}


/*背景オプション素材（飾り線）*/
.be_bg-option_1_before:before {
    background:
    url("http://be-cms.net/preview/78/image/54.gif");
background-repeat: no-repeat;
background-position: center center;
-webkit-background-origin: padding-box;
background-origin: padding-box;
-webkit-background-clip: border-box;
background-clip: border-box;
-webkit-background-size: contain;
background-size: contain;
    content: "";
	display: block;
	min-height: 30px;
}
.be_bg-option_1_after:after {
    background:
    url("http://be-cms.net/preview/78/image/55.gif");
background-repeat: no-repeat;
background-position: center center;
-webkit-background-origin: padding-box;
background-origin: padding-box;
-webkit-background-clip: border-box;
background-clip: border-box;
-webkit-background-size: contain;
background-size: contain;
    content: "";
	display: block;
  	min-height: 30px;
}


/*-------------------
テキストの位置
---------------------*/
/*.catch-style_1*/

.catch-style_1 {
    vertical-align: top !important;
    text-align: left !important;
}
.catch-style_2 {
    vertical-align: top !important;
    text-align: center !important;
}
.catch-style_3 {
    vertical-align: top !important;
    text-align: right !important;
}

.catch-style_4 {
    text-align: left !important;
}
.catch-style_6 {
    text-align: right !important;
}

.catch-style_7 {
    vertical-align: bottom !important;
    text-align: left !important;
}
.catch-style_8 {
    vertical-align: bottom !important;
    text-align: center !important;
}
.catch-style_9 {
    vertical-align: bottom !important;
    text-align: right !important;
}


/*==========================================
	キャッチコピーデフォルト設定
============================================*/
/*.catch-box 外側div*/
.catch-box{
    display:table;
    width:100%;

}

.catch-box:before {
  content: "";
  display: inline-block;
  min-height: 180px;
}
@media (min-width: 768px) {
.catch-box:before {
  min-height: 300px;
}
}
    
/*.catch-box-h_big 外側divを大きく*/
.catch-box-h_big:before{
    height:300px;
}
@media (min-width: 768px) {
.catch-box-h_big:before{
    height:600px;
}
}

/*.catch-box-unit 内側div*/
.catch-box-unit {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    float: unset;
    position: static;
    padding:15px;
}

/*.キャッチコピー文言*/
.catch-main {
    font-size: 25px;
    font-weight: bold;
}
.catch-sub {
    font-size: 14px;
}
.catch-link {
    margin-top: 10px;
}

/*キャッチコピー全体にリンクをはる*/
.catch-link-all {
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/*キャッチコピー下端にリンクボタン*/
.catch-link-bottom {
    bottom: 0;
    left: 0;
    position: absolute;
    bottom:0;
    width: 50px;
    width: 100%;
    padding: 12px;
    font-size: 16px;
    white-space: nowrap;
    text-decoration:none;
}
.catch-link-bottom-black {
    background-color: rgba(0, 0, 0, 0.2);
    color:rgba(255,255,255,1);
}
.catch-link-bottom-black:hover {
    color:rgba(240,240,240,1);
}
.catch-link-bottom-white {
    background-color: rgba(255,255,255,0.6);
    color:rgba(64, 64, 64,1);
}
.catch-link-bottom-white:hover {
    color:rgba(128,128,128,1);
}



/*-------------------
ボックス
---------------------*/

.box_1{
	margin: 10px 0;
    padding: 10px;
    border-style: solid;
}

.box_2{
	padding: 5px 5px 12px;
    margin: 10px 0 0;
    font-weight: bold;
    display: block;
    text-align: left;
    clear: both;
    font-size: 1.1em;
    color: #fff;
}
.box_2 p::before{
	content: "Q";
	position: absolute;
    top: 0;
    left: 0;
    width: 33px;
    height: 33px;
    line-height: 33px;
    background-color: rgba(255,255,255,0.4);
    border-radius: 100%;
    color: #000;
    font-size: 1.2em;
    text-align: center;
    font-weight: bold;
}

.box_2 p,.box_2_sub p{
    position: relative;
    margin: 0;
	padding: 6px 0 0 40px;
}

.box_2_sub{
	padding: 5px 5px 12px;
    margin: 0;
    border-top-width: 0 !important;
}

.box_2_sub p::before{
	content: "A";
	position: absolute;
    top: 0;
    left: 0;
    width: 33px;
    height: 33px;
    line-height: 33px;
    background-color: #ccc;
    border-radius: 100%;
    color: #000;
    font-size: 1.2em;
    text-align: center;
    font-weight: bold;
}


.box_border1{
    border-style: solid;
    border-width: 1px;
}
.box_border2{
    border-style: solid;
    border-width: 2px;
}
.box_border3{
    border-style: solid;
    border-width: 3px;
}

.box_b-color_0{
    border-color: #ccc;
}

.box_b-color_1{
    border-color: #d43f3a;
}

.box_b-color_2{
    border-color: #eea236;
}

.box_b-color_3{
    border-color: #ffcd1b;
}

.box_b-color_4{
    border-color: #cee625;
}

.box_b-color_5{
    border-color: #4cae4c;
}

.box_b-color_6{

    border-color: #46b8da;
}

.box_b-color_7{

    border-color: #2e6da4;
}

.box_b-color_8{

    border-color: #7a13da;
}

.box_b-color_9{

    border-color: #e971cb;
}

.box_b-color_10{

    border-color: #a6590d;
}

.box_b-color_11{

    border-color: #bbb;
}

.box_b-color_12{

    border-color: #222;
}


.box_bg-color_0{
    background-color: #eee;
}

.box_bg-color_1{
    background-color: #d9534f;
}

.box_bg-color_2{
    background-color: #ff9349;
}

.box_bg-color_3{
background-color: #FFDD32;
}

.box_bg-color_4{
    background-color: #dbf332;
}

.box_bg-color_5{
    background-color: #5cb85c;
}

.box_bg-color_6{
background-color: #5bc0de;
}

.box_bg-color_7{
background-color: #337ab7;
}

.box_bg-color_8{
background-color: #9932FF;
}

.box_bg-color_9{
    background-color: #ff85df;
}

.box_bg-color_10{
background-color: #BF7226;
}

.box_bg-color_11{
background-color: #ddd;
}

.box_bg-color_12{
    background-color: #444;
}

.box_border-radius8{
border-radius: 8px;
}




/*--------------be-cms-admin.cssからの適用-----------*/

/*ページ一覧のナビ*/

.pagelist-nav > .catelist > div > a:first-child{
	width:1em;
}
.nav > li.pagelist {
    margin: 3px 0;
}

.nav > li.catelist {
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 3px 0;
}

.pagelist-nav > li.pagelist a{
	font-size: 13px;
    font-weight: bold;
    padding: 3px;

}

.pagelist-nav .pagelist a {
    font-size: 12px;
    padding: 0;
    position: unset;

    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow:"..";
    text-overflow:"..";
}



.pagelist-nav > .catelist > div:first-child {
    padding: 3px;
    width: 100%;
}

.pagelist-nav > .catelist > div:first-child > a {
	font-size: 13px;
    font-weight: bold;
    padding: 0;
    position: unset;

}

.pagelist-nav ul.pagelist {
    padding-left: 5px;
}

.pagelist-nav > .catelist > div:first-child > a:hover{
    background-color: #eee;
    text-decoration: none;
}

.pagelist-nav > .catelist > div:first-child > a.active{
    background-color: #eee;
    color:#F00;
}

.pagelist-nav .pagelist a.active{
    background-color: #eee;
    color:#F00;
}

.btn-margin{
	margin-top:5px;   
}