/*==========================================
   デザイン全体設定のデフォルト
============================================*/
body{
 overflow-x: hidden;   
}
/*フォント・背景色*/
#body{
	padding-top: 0px;
	font-size:15px;	/*body_font-size*/
	color:#000;	/*body_color*/
	font-family:Meiryo,メイリオ,Lucida Grande,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3;	/*body_font-family*/
	background-color:#F2F2F2;	/*body_background-color*/
    line-height:1.15;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-size:1.2em;
	margin:0;
    
}



/*==========================================
   マウスオーバーのデフォルト
============================================*/
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}

/*透明度100%→80%*/
.be_mouse001 img:hover{
filter:alpha(opacity=80);
opacity:0.8;
}

/*透明度80%→100%*/
.be_mouse002 img{
filter:alpha(opacity=80);
opacity:0.8;
}
.be_mouse002 img:hover{
filter:alpha(opacity=100);
opacity:1;
}



/*GROW*/
.be_mouse100 img {
  width: 95%;
  height: 95%;
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
  
.be_mouse100 img:hover {
  width: 100%;
  height: 100%;
}

/*==========================================
	サイト構造と背景色のデフォルト
	（section直下のdiv）
============================================*/
/*ページ全体背景*/
.be_PageBack{
	background-color:#FFFFFF;	/*be_PageBack_background-color*/
}

/*ヘッダー背景*/
.be_HeaderBack{
}

/*ヘッダーコンテンツ*/
/*.be_HeaderContent{
	background:#FFF;
}
*/

/*メインコンテンツ背景*/
.be_ContentBack{
	background:#FFF;
}


/*メインコンテンツ背景*/
.be_MainBack{
	min-height: 100% !important;
	height: 100%;
}


/*サブコンテンツ背景*/
.be_SubBack{
}

/*フッター背景*/
.be_FooterBack{
    background:#57544e;
}

/*フッターコンテンツ*/
.be_FooterContent{
}


/*横広に変更*/
.be_WideBack .be_HeaderContent .be_block > div,.be_WideBack .be_FooterContent .be_block > div{
	max-width:1140px;
	margin:0px auto !important;
}

@media (max-width: 1199px) {
	.be_WideBack .be_HeaderContent .be_block > div,.be_WideBack .be_FooterContent .be_block > div{
		padding:0px 15px;
	}
}

/*==========================================
	Bootstrapの再設定（サイト全体にかかわるもののみ）
============================================*/

/*モバイルの場合ボタンのnowrapを削除*/
/*

.btn{
	white-space:normal;
}
@media (min-width: 768px) {
    .btn{
		white-space:nowrap;
    }
}
*/

/*.input-group .form-controlのz-indexを1に変更*/
.input-group .form-control {
	z-index: 1;
}

@media (min-width: 992px) {
	.container{
		width:100%;
	}
}
@media (min-width: 1200px) {
	.container{
		width:1170px;
	}
}
/*
Bootstapのグリッドでcolumn崩れが起きるときの対処
row flexとする
*/
.flex{
    display: flex;
    flex-wrap: wrap;
}

/*---------------------------------
row col-**-**にボーダーをつける場合
-----------------------------------*/
.row-bordered{
	padding: 6px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.row-bordered-top{
	border-top:1px solid #ddd;
}




/*==========================================
	必須プラグインのデフォルト
============================================*/
/*ヘッダー（メイン）*/
/*ヘッダー（サブ）*/
/*サブコンテンツ（メイン）*/
/*サブコンテンツ（サブ）*/
/*フッター（メイン）*/
/*フッター（サブ）*/

/*パンくずリンク*/
/*サイトマップ*/
/*更新履歴*/
/*カスタムメールフォーム*/
.be_ast{
	color:#F00;
}


/*==========================================
	記事用のデフォルト
============================================*/

/*-------------------
見出し＆記事枠のデフォルト
---------------------*/
.be_block_000{
	padding:0px;
	margin:0px;
	clear:both;
	margin-bottom:20px;
}
.be_block_000 > .m_on{
	background-color:#D39D3C;	/*point_color1*/
	margin-bottom: 6px;
	margin-top: 0px;
	font-size: 1.2em;
	color: #FFFFFF;
	padding: 12px;
	font-weight: bold;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.20);
	-webkit-box-shadow: 3px 3px 1px rgba(0,0,0,0.20);
	border-radius: 4px;
}
.be_block_000 > .k_on{
	padding: 8px;
	margin-bottom: 12px;
	border: 1px solid #CCCCCC;
}


div[class*="be_box_"] {
	padding: 0px;
	margin: 0px;
	margin-bottom: 15px;
	clear: both;
}

div[class*="be_box_"] > div:last-of-type {
	padding: 8px;
}


div[class*="be_box_c2"] .m_on,div[class*="be_box_c3"] .m_on {
	background-image: -webkit-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%);
	background-image: -o-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%);
	background-image: linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) ;
}
div[class*="be_box_c2"].be_box_wide,div[class*="be_box_c3"].be_box_wide {
	background-image: -webkit-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%);
	background-image: -o-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%);
	background-image: linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) ;
}

/*-------------------
be_box_08（2 見出しスタイルOFF★）
---------------------*/
.be_box_08{
	margin:0px;
	clear:both;
	margin-bottom:15px;
}

.be_box_08 .m_on{
	box-shadow: none !important;
}



/*-------------------
be_box_00（3 シンプル）
---------------------*/
.be_box_00{
	padding:1px;
	margin:0px;
	clear:both;
	margin-bottom:15px;
}
.be_box_00 > div:last-of-type{
	padding: 8px;
	background-color:#fff;
}
.be_box_00  > .m_on{
	box-shadow: none !important;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #333;
	padding: 12px;
	font-weight: bold;
	border-bottom:1px solid #CCC;
	border-color:#D39D3C;	/*point_color1*/
	background-color:#fff !important;
}


.be_box_00b{
	padding:0px;
	margin:0px;
	clear:both;
	margin-bottom:15px;
}
.be_box_00b > div:last-of-type{
	padding: 8px;
	background-color:#fff;
	margin-bottom: 10px;
	border-radius:0 0 2px 2px ;
	border-style:solid;
	border-width:1px;
	border-color:#D39D3C;	/*point_color1*/
}
.be_box_00b  > .m_on{
	box-shadow: none !important;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #333;
	padding: 12px;
	font-weight: bold;
	border:1px solid #CCC;
	border-radius:2px 2px 0 0;
	border-color:#FFFFFF;	/*point_color3*/
	background-color:#fff !important;
    border-bottom-style: none;
}


/*-------------------
be_box_01（4 上ライン 太文字）
---------------------*/
.be_box_01{
	padding:0px;
	margin:0px;
	margin-bottom:15px;
	clear:both;
}
.be_box_01 > .m_on{
	box-shadow: none !important;
	border-left: 1px solid #CCC !important;
	border-right: 1px solid #CCC !important;
	border-bottom: 1px solid #CCC !important;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color:#D39D3C;	/*point_color1*/
	color: #333;
	background-color:#fff !important;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 9px;
	border-radius: 3px;
}
.be_box_01 > div:last-of-type{
	padding: 8px;
	background-color:#fff !important;
}


.be_box_01b{
	padding:0px;
	margin:0px;
	margin-bottom:15px;
	clear:both;
}
.be_box_01b > .m_on{
	box-shadow: none !important;
	border-left: 1px solid #CCC !important;
	border-right: 1px solid #CCC !important;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color:#D39D3C;	/*point_color1*/
	color: #333;
	background-color:#fff !important;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 9px;
	border-radius: 2px 2px 0px 0px;
}
.be_box_01b > div:last-of-type{
	padding: 7px;
	padding-top: 8px;
	margin-bottom: 12px;
	border: 1px solid #CCC !important;
	border-radius: 0px 0px 2px 2px;
	background-color:#fff !important;
}

/*-------------------
be_box_02（5 上ライン）
---------------------*/
.be_box_02{
	padding:0px;
	margin:0px;
	margin-bottom:15px;
	clear:both;
}
.be_box_02 > .m_on{
	box-shadow: none !important;
	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:#D39D3C;	/*point_color1*/
	color: #333;
	background-color:#fff !important;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 9px;
	border-radius: 3px;
}
.be_box_02 > div:last-of-type{
	padding: 8px;
	background-color:#fff !important;
}


.be_box_02b{
	padding:0px;
	margin:0px;
	margin-bottom:15px;
	clear:both;
}
.be_box_02b > .m_on{
	box-shadow: none !important;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color:#D39D3C;	/*point_color1*/
	color: #333;
	background-color:#fff !important;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 9px;
	border-radius: 2px 2px 0px 0px;
}
.be_box_02b > div:last-of-type{
	padding: 7px;
	padding-top: 8px;
	margin-bottom: 12px;
	border: 1px solid #CCCCCC;
	border-radius: 0px 0px 2px 2px;
	background-color:#fff !important;
}


/*-------------------
be_box_03（6 帯状★）
---------------------*/
.be_box_03{
	box-shadow: none !important;
	padding:0px;
	margin:0px;
	margin-bottom:15px;
	clear:both;
}
.be_box_03 > .m_on{
	box-shadow: none !important;
	background-color:#D39D3C;	/*point_color1*/
	margin-bottom: 0px;
	margin-top: 0px;
	color:#FFFFFF;	/*point_color4*/
	padding: 12px;
	font-weight: bold;
	border-radius: 3px;
}
.be_box_03 > div:last-of-type{
	padding: 8px;
	margin-bottom: 12px;
}
.be_box_03b{
	padding:0px;
	margin:0px;
	margin-bottom:15px;
	clear:both;
}
.be_box_03b > .m_on{
	box-shadow: none !important;
	background-color:#D39D3C;	/*point_color1*/
	color:#FFFFFF;	/*point_color4*/
	font-weight: bold;
	padding: 12px;
	border-radius: 3px 3px 0px 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}
.be_box_03b > div:last-of-type{
	padding: 7px;
	margin-bottom: 12px;
	margin-top: 0px;
	border: 1px solid #CCCCCC;
	border-radius: 0px 0px 2px 2px;

}



/*-------------------
be_box_04（7 上ライン＋グラデーション）
---------------------*/
.be_box_04{
	padding:0px;
	margin:0px;
	margin-bottom:15px;
	clear:both;
}
.be_box_04 > .m_on{
	box-shadow: none !important;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color:#D39D3C;	/*point_color1*/
	color: #333;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e5e5e5), to(#fff));
	background: -moz-linear-gradient(#e5e5e5, #fff);
	background: -ms-linear-gradient(#e5e5e5, #fff);
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 9px;
	border-radius: 3px;
}
.be_box_04 > div:last-of-type{
	padding: 8px;
	background-color:#fff !important;
}


.be_box_04b{
	padding:0px;
	margin:0px;
	margin-bottom:15px;
	clear:both;
}
.be_box_04b > .m_on{
	box-shadow: none !important;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color:#D39D3C;	/*point_color1*/
	color: #333;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e5e5e5), to(#fff));
	background: -moz-linear-gradient(#e5e5e5, #fff);
	background: -ms-linear-gradient(#e5e5e5, #fff);
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 9px;
	border-radius: 2px 2px 0px 0px;
}
.be_box_04b > div:last-of-type{
	padding: 7px;
	padding-top: 8px;
	margin-bottom: 12px;
	border: 1px solid #CCCCCC;
	border-radius: 0px 0px 2px 2px;
	background-color:#fff !important;
}


/*-------------------
be_box_05（8 帯状リボン）
---------------------*/
.be_box_05{
	padding:0px;
	margin:0px;
	margin-bottom:15px;
	clear:both;
}
.be_box_05 > .m_on{
	box-shadow: none !important;
	background-color:#D39D3C;	/*point_color1*/
	margin-bottom: 15px;
	margin-top: 0px;
	color:#FFFFFF;	/*point_color4*/
	padding: 0.5em;
	font-weight: bold;
	position: relative;
}
.be_box_05 > .m_on::before{
	box-shadow: none !important;
	position: absolute;
	content: "";
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 15px transparent !important;
	border-right: solid 20px rgb(149, 158, 155) !important;
	background:none !important;
}


.be_box_05 > div:last-of-type{
	padding: 8px;
	margin-bottom: 12px;
}
.be_box_05b{
	padding:0px;
	margin:0px;
	margin-bottom:15px;
	clear:both;
}
.be_box_05b > .m_on{
	box-shadow: none !important;
	background-color:#D39D3C;	/*point_color1*/
	color:#FFFFFF;	/*point_color4*/
	font-weight: bold;
	padding: 0.5em;
	margin-bottom: 0px;
	margin-top: 0px;
	position: relative;
}


.be_box_05b > div:last-of-type{
	padding: 7px;
	margin-bottom: 12px;
	margin-top: 0px;
	border: 1px solid #CCCCCC;
	border-radius: 0px 0px 2px 2px;

}


/*-------------------
be_box_06（9 角が剥がれる）
---------------------*/
.be_box_06{
	padding:0px;
	margin:0px;
	margin-bottom:15px;
	clear:both;
}
.be_box_06 > .m_on{
	background-color:#D39D3C;	/*point_color1*/
	box-shadow:0px 0px 0px 5px #D39D3C;	/*0px 0px 0px 5px point_color1*/
	border: dashed 2px;
	border-color:#FFFFFF !important;	/*point_color4*/
	margin-bottom: 8px;
	margin-top: 0px;
	color:#FFFFFF;	/*point_color4*/
	padding: 0.2em 0.5em;
	font-weight: bold;
	position: relative;
}
.be_box_06 > .m_on::after{
	position: absolute;
	content: "";
	left: -7px;
	top: -7px;
	border-width: 0 0 15px 15px;
	border-style: solid;
	border-color: #fff #fff #aaaaaa !important;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) !important;
}


.be_box_06 > div::last-of-type{
	padding: 8px;
	margin-bottom: 12px;
}
.be_box_06b{
	padding:0px;
	margin:0px;
	margin-bottom:15px;
	clear:both;
}

.be_box_06b > .m_on{
	background-color:#D39D3C;	/*point_color1*/
	box-shadow:0px 0px 0px 5px #D39D3C;	/*0px 0px 0px 5px point_color1*/
	border: dashed 2px;
	border-color:#FFFFFF !important;	/*point_color4*/
	margin:0px 5px 5px 5px;
	color:#FFFFFF;	/*point_color4*/
	padding: 0.2em 0.5em;
	font-weight: bold;
	position: relative;
}
.be_box_06b > .m_on :after{
	position: absolute;
	content: "";
	left: -7px;
	top: -7px;
	border-width: 0 0 15px 15px;
	border-style: solid;
	border-color: #fff #fff #aaaaaa;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

.be_box_06b > div:last-of-type{
	padding: 7px;
	margin-bottom: 12px;
	margin-top: 0px;
	border: 1px solid #CCCCCC;
	border-radius: 0px 0px 2px 2px;

}


/*-------------------
be_box_07（10 線先に矢印）
---------------------*/
.be_box_07{
	padding:0px;
	margin:0px;
	margin-bottom:15px;
	clear:both;
	overflow:hidden;
}
.be_box_07 > .m_on{
	box-shadow: none !important;
	background-color:#fff !important;
	margin-bottom: 8px;
	margin-top: 0px;
	padding-left: 25px;
	position: relative;
}
.be_box_07 > .m_on::before{
	box-shadow: none !important;
	position: absolute;
	content: "";
	bottom: -3px;
	left: 0;
	width: 0;
	height: 0;
	border: none;
	border-left: solid 15px transparent !important;
	border-bottom:solid 15px #D39D3C;	/*solid 15px point_color1*/
	background:none !important;
}

.be_box_07 > .m_on::after{
	box-shadow: none !important;
	position: absolute;
	content: "";
	bottom: -3px;
	left: 10px;
	width: 100%;
	border-bottom:solid 3px #D39D3C;	/*solid 3px point_color1*/
}

.be_box_07 > div:last-of-type{
	padding: 8px;
	margin-bottom: 12px;
}

.be_box_07b{
	padding:0px;
	margin:0px;
	margin-bottom:15px;
	clear:both;
	overflow:hidden;
}

.be_box_07b > .m_on{
	box-shadow: none !important;
	margin-top: 0px;
	margin-bottom: 2px;
	padding-left: 25px;
	position: relative;
}
.be_box_07b > .m_on :before{
	box-shadow: none !important;
	position: absolute;
	content: "";
	bottom: -3px;
	left: 0;
	width: 0;
	height: 0;
	border: none;
	border-left: solid 15px transparent;
	border-bottom:solid 15px #D39D3C;	/*solid 15px point_color1*/
}

.be_box_07b > .m_on :after{
	box-shadow: none !important;
	position: absolute;
	content: "";
	bottom: -3px;
	left: 10px;
	width: 100%;
	border-bottom:solid 3px #D39D3C;	/*solid 3px point_color1*/
}

.be_box_07b > div:last-of-type{
	padding: 7px;
	margin-bottom: 12px;
	margin-top: 0px;
	border: 1px solid #CCCCCC;
	border-radius: 0px 0px 2px 2px;

}

/*-------------------
be_box_11（11 下線付き★）
---------------------*/

.be_box_11 > .m_on {
	box-shadow: none !important;
	background-color: inherit !important;
	border-bottom:solid 2px #D39D3C;	/*solid 2px point_color1*/
    padding: 0.5em;
}

/*-------------------
be_box_12（12 下線点線★）
---------------------*/

.be_box_12 > .m_on {
	box-shadow: none !important;
	background-color: inherit !important;
	border-bottom:dashed 2px #D39D3C;	/*dashed 2px point_color1*/
    padding: 0.5em;
}
/*-------------------
be_box_13（13 下線二重線★）
---------------------*/

.be_box_13 > .m_on {
	box-shadow: none !important;
	background-color: inherit !important;
	border-bottom:double 5px #D39D3C;	/*double 2px point_color1*/
    padding: 0.5em;
}
/*-------------------
be_box_14（14 上下に線）
---------------------*/
.be_box_14 > .m_on {
	box-shadow: none !important;
	background-color: inherit !important;
	border-top:solid 2px #D39D3C;	/*solid 2px point_color1*/
	border-bottom:solid 2px #D39D3C;	/*solid 2px point_color1*/
	padding: 0.5em;/*上下の余白*/
}
/*-------------------
be_box_15（15 囲い線）
---------------------*/
.be_box_15 > .m_on {
	box-shadow: none !important;
	background-color: inherit !important;
	border:solid 2px #D39D3C;	/*solid 2px point_color1*/
	padding: 0.5em;
	border-radius: 0.5em;
}
/*-------------------
be_box_16（16 単色背景）
---------------------*/
.be_box_16 > .m_on {
	box-shadow: none !important;
	background-color:#FFFFFF;	/*point_color3*/
	padding: 0.5em;
	border-radius: 0.5em;
}
/*-------------------
be_box_17（17 下線+背景）
---------------------*/
.be_box_17 > .m_on {
	box-shadow: none !important;
	background-color:#FFFFFF;	/*point_color3*/
	padding: 0.5em 0.5em 0.5em 0.5em;

}
.be_box_17 > .m_on::before {
	background-color:#D39D3C;	/*point_color1*/
	display: block;
	z-index: 1;
	content: "";
	height: 3px;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	box-shadow: none !important;
}

/*-------------------
be_box_18（18 左線）
---------------------*/
.be_box_18 > .m_on {
	box-shadow: none !important;
	background-color: inherit !important;
	padding: 0.5em;
	border-left-style: solid;
    border-left-width: 5px;
    border-left-color:#D39D3C;	/*point_color1*/
}
/*-------------------
be_box_19（19 左線＋背景）
---------------------*/
.be_box_19 > .m_on {
	box-shadow: none !important;
	padding: 0.5em;
	border-left-style: solid;
    border-left-width: 5px;
    border-left-color:#D39D3C;	/*point_color1*/
	background-color:#FFFFFF;	/*point_color3*/
}
/*-------------------
be_box_20（20 背景グレー立体感）
---------------------*/
.be_box_20 > .m_on {
	box-shadow: none !important;
	padding: 0.5em;
	background: #eeeeee !important;
    border-width: 0px 0px 3px 5px;
	border-style: solid;    
	border-left-color:#D39D3C;	/*point_color1*/
    border-bottom-color: #d7d7d7 !important;

}

/*-------------------
be_box_21（21 上線＋囲い枠グレー）
---------------------*/
.be_box_21 > .m_on {
	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:#D39D3C;	/*point_color1*/
	background-color: #eee; 
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0.5em;
	border-radius: 3px;
	box-shadow: none !important;
}
.be_box_21 > .m_on::before {
	background: rgba(225,225,225,0.6) !important;
	display: block;
	z-index: 1;
	content: "";
	height: 6px;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	box-shadow: none !important;
}

/*-------------------
be_box_22（22 上線＋背景）
---------------------*/
.be_box_22 > .m_on {
	border-left: 1px solid #CCC !important;
	border-right: 1px solid #CCC !important;
	border-bottom: 1px solid #CCC !important;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color:#D39D3C;	/*point_color1*/
	background-color: #fff !important;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0.5em;
	border-radius: 3px;
	box-shadow: none !important;
}


/*-------------------
be_box_23（23 左線＋下線）
---------------------*/
.be_box_23 > .m_on {
	box-shadow: none !important;
	background-color: inherit !important;
	padding: 0.5em;
    
    border-width: 0px 0px 1px 5px;
	border-style: solid;
	border-left-color:#D39D3C;	/*point_color1*/
	border-bottom-color:#D39D3C;	/*point_color1*/
}
/*-------------------
be_box_24（24 １ピクセル囲い線）
---------------------*/
.be_box_24 > .m_on {
	box-shadow: none !important;
	background-color: inherit !important;
	padding: 0.5em;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color:#D39D3C;	/*point_color1*/

}
/*-------------------
be_box_25（25 手書き風の囲い線）
---------------------*/
.be_box_25 > .m_on {
	box-shadow: none !important;
	background-color: inherit !important;
	padding: 0.5em;
	border: 3px solid #ccc;
	border-radius: 3em .7em 2em .7em/.7em 2em .7em 3em;
}
/*-------------------
be_box_26（26 左線＋囲い線）
---------------------*/
.be_box_26 > .m_on {
	box-shadow: none !important;
	background-color: inherit !important;
	position: relative;
	padding: .5em 1em .5em 1.5em;
	border: 1px solid #ccc;
	border-radius: 0.3em;
}
.be_box_26 > .m_on::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color:#D39D3C;	/*point_color1*/
	border-radius: 4px;
	box-shadow: none !important;
}
/*-------------------
be_box_27（27 下線（２カラー）★）
---------------------*/

.be_box_27 > .m_on {
	box-shadow: none !important;
	background-color: inherit !important;
	position: relative;
	padding: .5em;
	border-bottom: 4px solid #ccc !important;
}
.be_box_27 > .m_on::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color:#D39D3C;	/*point_color1*/
	box-shadow: none !important;
}
/*-------------------
be_box_28（28 マーカー風★）
---------------------*/

.be_box_28 > .m_on {
	box-shadow: none !important;
	background-color: inherit !important;
	position: relative;
	padding: 0.5em;
}
.be_box_28 > .m_on::after {
	box-shadow: none !important;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	content: '';
	width: 100%;
	height: 10px;
	background-color:#FFFFFF;	/*point_color3*/
	opacity: 0.4;
}
/*-------------------
be_box_29（29 矢印の下線）
---------------------*/

.be_box_29 {
	overflow: hidden;
}
.be_box_29 > .m_on {
	margin-bottom: 0;
	margin-top: 0px;
	padding: 10px 5px 0px 25px;
	position: relative;
	background-color: inherit !important;
	box-shadow: none !important;
}
.be_box_29 > .m_on::after {
	position: absolute;
	content: "";
	bottom: -3px;
	left: 0;
	width: 0;
	height: 0;
	border-bottom-width: 20px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-left-width: 20px;
	border-left-color: #ffffff !important;
	box-shadow: none !important;
    border-color:#D39D3C;	/*point_color1*/
}
.be_box_29 > .m_on::before {
	position: absolute;
	content: "";
	bottom: -3px;
	left: 10px;
	width: 100%;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	box-shadow: none !important;
    border-bottom-color:#D39D3C;	/*point_color1*/
}
/*-------------------
be_box_30（30 角●タグ）
---------------------*/
.be_box_30 > .m_on {
	box-shadow: none !important;
	background:#FFFFFF;	/*point_color3*/
	padding: 0.5em 0.5em 0.5em 2.3em;
	border-radius: 25px 0px 0px 25px;
	position: relative;
}
.be_box_30 > .m_on:before {
    content: '　';
    color: white;
    margin-right: 0px;
    box-shadow: none !important;
    position: absolute;
    left: 10px;
    background: #fff !important;
    border-radius: 50%;
    width: 18px;
    top: calc(50% - 10px);

}
/*-------------------
be_box_31（31 ステッチ★）
---------------------*/
.be_box_31 > .m_on {
	background-color:#D39D3C;	/*point_color1*/
	box-shadow:0px 0px 0px 5px #D39D3C;	/*0px 0px 0px 5px point_color1*/
	border: dashed 2px;
	border-color: #ffffff !important;
	margin: 0px 5px;
	padding: 0.5em;
	font-weight: bold;
	position: relative;
	background-image: -webkit-linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,0) 90%) !important;
	background-image: -o-linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,0) 90%) !important;
	background-image: linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,0) 90%) !important;
}
/*-------------------
be_box_32（32 ステッチ＋ドッグイヤー）
---------------------*/
.be_box_32 > .m_on {
	background-color:#D39D3C;	/*point_color1*/
	box-shadow:0px 0px 0px 5px #D39D3C;	/*0px 0px 0px 5px point_color1*/
	border: dashed 2px;
	border-color: #ffffff !important;
	margin: 0px 5px;
	padding: 0.5em;
	font-weight: bold;
	position: relative;
	background-image: -webkit-linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,0) 90%) !important;
	background-image: -o-linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,0) 90%) !important;
	background-image: linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,0) 90%) !important;
}
.be_box_32 > .m_on :after {
	position: absolute;
	content: "";
	right: -7px;
	top: -7px;
	border-width: 0px 15px 15px 0px;
	border-style: solid;
	border-color: #fff #fff #aaaaaa;
	box-shadow: none !important;
}
/*-------------------
be_box_33（33 立体的なボックス）
---------------------*/
.be_box_33 > .m_on {
	background-color:#D39D3C;	/*point_color1*/
	position: relative;
	padding: 0.5em 1em;
	border-top-width: 12px;
	border-top-style: solid;
	border-color: #ccc;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.1) !important;
	background-image: -webkit-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;
	background-image: -o-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;
	background-image: linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;
}
.be_box_33 > .m_on::before {
	position: absolute;
	content: "";
	left: 0px;
	top: -12px;
	border-width: 0px 0px 12px 12px;
	border-style: solid;
	box-shadow: none !important;
	border-top-color: #fff !important;
	border-left-color: #fff !important;
	border-bottom-color: #ccc;

}
.be_box_33 > .m_on::after {
	position: absolute;
	content: "";
	right: 0px;
	top: -12px;
	border-width: 0px 12px 12px 0px;
	border-style: solid;
	box-shadow: none !important;
	border-top-color: #fff !important;
	border-right-color: #fff !important;
	border-bottom-color: #ccc;
}
/*-------------------
be_box_34（34 交差線）
---------------------*/
.be_box_34 > .m_on {
	box-shadow: none !important;
	background-color: inherit !important;
	position: relative;
	padding: 0.5em 1em;
   	border-width: 2px 0px 2px 0px;
	border-style: solid;
    border-top-color:#D39D3C;	/*point_color1*/
	border-bottom-color:#D39D3C;	/*point_color1*/
}
.be_box_34 > .m_on::before, .be_box_34 > .m_on::after {
	content: '';
	position: absolute;
	box-shadow: none !important;
	top: -7px;
	width: 2px;
	height: -webkit-calc(100% + 14px);
	height: calc(100% + 14px);
	background-color:#D39D3C;	/*point_color1*/
}
.be_box_34 > .m_on::before {
	left: 7px;
}
.be_box_34 > .m_on::after {
	right: 7px;
}
/*-------------------
be_box_35（35 両側スラッシュ）
---------------------*/
.be_box_35 > .m_on {
	box-shadow: none !important;
	background-color: inherit !important;
	position: relative;
	padding:12px 0;
	text-align:center;
}
.be_box_35 > .m_on::before {
	content: '';
	position: absolute;
	box-shadow: none !important;
	top: 50%;
	left: 0px;
	display: inline-block;
	width: 45px;
	height: 3px;
	background-color:#D39D3C;	/*point_color1*/
	-moz-transform: rotate(-120deg);
	-webkit-transform: rotate(-120deg);
	-ms-transform: rotate(-120deg);
	transform: rotate(-120deg);
}
.be_box_35 > .m_on::after {
	content: '';
	position: absolute;
	box-shadow: none !important;
	top: 50%;
	right: 0px;
	display: inline-block;
	width: 45px;
	height: 3px;
	background-color:#D39D3C;	/*point_color1*/
	-moz-transform: rotate(-60deg);
	-webkit-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
}
/*-------------------
be_box_36（36 両端に線）
---------------------*/
.be_box_36 > .m_on {
	box-shadow: none !important;
	background-color: inherit !important;
	position: relative;
	padding: 0.6em 0 0.3em 0;
	text-align:center;
}
.be_box_36 > .m_on::before, .be_box_36 > .m_on::after {
	box-shadow: none !important;
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 45px;
	height: 3px;
	background-color:#D39D3C;	/*point_color1*/
}
.be_box_36 > .m_on::before {
	left: 0;
}
.be_box_36 > .m_on::after {
	right: 0;
}
/*-------------------
be_box_37（37 両端に二重線）
---------------------*/
.be_box_37 > .m_on {
	box-shadow: none !important;
	background-color: inherit !important;
	position: relative;
	padding: 0.6em 0 0.3em 0;
	text-align:center;
}
.be_box_37 > .m_on::before, .be_box_37 > .m_on::after {
	background: none !important;
	box-shadow: none !important;
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 45px;
	height: 5px;
   	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-top-color:#D39D3C;	/*point_color1*/
	border-bottom-color:#D39D3C;	/*point_color1*/
}
.be_box_37 > .m_on::before {
	left: 0;
}
.be_box_37 > .m_on::after {
	right: 0;
}
/*-------------------
be_box_38（38 小さい下線★）
---------------------*/
.be_box_38 > .m_on {
	box-shadow: none !important;
	background-color: inherit !important;
	position: relative;
	margin-bottom: 25px;
	text-align:center;
}
.be_box_38 > .m_on::before {
	box-shadow: none !important;
	content: '';
	position: absolute;
	bottom: -15px;
	display: inline-block;
	width: 60px;
	height: 5px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color:#D39D3C;	/*point_color1*/
	border-radius: 2px;
}
/*-------------------
be_box_39（39 グレーグラデーション × ボーダー）
---------------------*/

.be_box_39 > .m_on {
	background-color: #cccccc !important;
  padding: 0.5em;
   	border-width: 3px 1px 1px 1px;
	border-style: solid;    
  border-color:#D39D3C;	/*point_color1*/

    
  background-image: -webkit-linear-gradient(to bottom, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.3) 90%) !important;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.3) 90%) !important;
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset !important;
}


/*-------------------
be_box_40（40 リボン１）
---------------------*/
.be_box_40 {
	margin-bottom: 30px !important;
}
.be_box_40 > .m_on {
	background-color:#D39D3C;	/*point_color1*/
	margin-bottom: 15px;
	margin-top: 0px;
	padding: 0.5em;
	font-weight: bold;
	position: relative;
	box-shadow: none !important;

}
.be_box_40 > .m_on::before {
	box-shadow: none !important;
	position: absolute;
	content: "";
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 15px #fff !important;
	border-right: solid 20px rgb(149, 158, 155) !important;
}
/*-------------------
be_box_41（41 リボン２）
---------------------*/
.be_box_41 {
	margin-bottom: 30px !important;
}
.be_box_41 > .m_on {
	background-color:#D39D3C;	/*point_color1*/
	margin-bottom: 15px;
	margin-top: 0px;
	padding: 0.5em;
	font-weight: bold;
	position: relative;
	box-shadow: none !important;

}
.be_box_41 > .m_on::before, .be_box_41 > .m_on::after {
	box-shadow: none !important;
	position: absolute;
	content: "";
	border-style: solid;
	border-color: #fff !important;
}
.be_box_41 > .m_on::before {
	top: 100%;
	left: 0;
	border-width: 0 15px 15px 0;
	border-right-color: #ccc !important;
}
.be_box_41 > .m_on::after {
	top: -15px;
	right: 0;
	border-style: solid;
	border-width: 0 15px 15px 0;
	border-bottom-color: #ccc !important;
}
/*-------------------
be_box_42（42 ドッグイヤー１）
---------------------*/
.be_box_42 > .m_on {
	box-shadow: none !important;
	padding: 0.5em;
	background-color:#D39D3C;	/*point_color1*/
}
.be_box_42 > .m_on::after {
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	width: 0;
	border-width: 0 16px 16px 0;
	border-style: solid;
	border-color: #fff #fff #ddd #ddd !important;
	box-shadow: -1px 1px 2px rgba(0, 0, 0, .1) !important;
}
/*-------------------
be_box_43（43 ドッグイヤー２）
---------------------*/
.be_box_43 > .m_on {
	box-shadow: none !important;
	padding: 0.5em;
	background-color:#D39D3C;	/*point_color1*/
}
.be_box_43 > .m_on::before {
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	width: 1.65507em;
	height: 3.5493em;
	background: -webkit-linear-gradient(to left bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .2)) !important;
	background: linear-gradient(to left bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .2)) !important;
	border-bottom-left-radius: 6px !important;
	box-shadow: -.2em .2em .3em -.1em rgba(0, 0, 0, .15) !important;
	-webkit-transform: translateY(-1.89424em) rotate(-40deg) !important;
	transform: translateY(-1.89424em) rotate(-40deg) !important;
	-webkit-transform-origin: bottom right !important;
	transform-origin: bottom right !important;
}
.be_box_43 > .m_on::after {
	box-shadow: none !important;
	position: absolute;
	content: '';
	width: 1.4em;
	height: 4em;
	background-color: #fff !important;
	top: 2px;
	right: 6px;
	transform: translateY(-1.89424em) rotate(-65deg) !important;
}


/*-------------------
be_box_44（44 くぼみ）
---------------------*/
.be_box_44 > .m_on {

	padding: 0.5em;
	background-color:#D39D3C;	/*point_color1*/
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	box-shadow: 0 10px 15px -5px rgba(0, 0, 0, .3) inset !important;
}
/*-------------------
be_box_45（45 でっぱり）
---------------------*/
.be_box_45 > .m_on {

	padding: 0.5em;
	background-color:#D39D3C;	/*point_color1*/
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	box-shadow: 0 -15px 15px -5px rgba(0, 0, 0, .2) inset !important;
}

/*-------------------
be_box_46（46 変色グラデーション × ボーダー）
---------------------*/
.be_box_46 > .m_on {
	background-color:#D39D3C;	/*point_color1*/
  padding: 0.5em;
    
  border-width: 3px 1px 1px 1px;
  border-style: solid;    
  border-color:#D39D3C;	/*point_color1*/
    
  background-image: -webkit-linear-gradient(to bottom, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.3) 90%) !important;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.3) 90%) !important;
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset !important;
}

/*-------------------
be_box_47（47 ストライプ）
---------------------*/
.be_box_47 > .m_on {
	box-shadow: none !important;
	background-color:#D39D3C;	/*point_color1*/
	padding: .5em;
	background-image: -webkit--webkit-repeating-linear-gradient(45deg, rgba(255,255,255,0), #fff 10px, #fff 5px, #fff 10px);
	background-image: repeating-linear-gradient(45deg, rgba(255,255,255,0), #fff 10px, #fff 5px, #fff 10px);
}



/*-------------------
be_box_48（48 吹き出し１）
---------------------*/
.be_box_48 > .m_on {
	position: relative;
	box-shadow: none !important;	
	padding: 0.5em;
  background-color: #fff !important;
  border: 1px solid #ccc;
  border-radius: 6px;
	margin-bottom: 15px;
}

.be_box_48 > .m_on::before {
	box-shadow: none !important;	
	position: absolute;
	content: '';
	top: 100%;
	left: 20px;
	border: none;
	border-top: solid 15px #ccc;
	border-left: solid 10px #fff !important;
	border-right: solid 10px #fff !important;
	background:  none !important;
}
.be_box_48 > .m_on::after {
	box-shadow: none !important;	
	position: absolute;
	content: '';
	top: 100%;
	left: 21px;
	margin-top: 0px;
	border: none;
	border-top: solid 14px #fff !important;
	border-left: solid 9px rgba(0,0,0,0) !important;
	border-right: solid 9px rgba(0,0,0,0) !important;
	background: none !important;
}

/*-------------------
be_box_49（49 吹き出し２）
---------------------*/
.be_box_49 > .m_on {
	position: relative;
	box-shadow: none !important;	
	padding: 0.5em;
	background-color:#D39D3C;	/*point_color1*/
  border: 1px solid #ccc;
  border-radius: 6px;
	margin-bottom: 15px;
}

.be_box_49 > .m_on::before {
	box-shadow: none !important;	
	position: absolute;
	content: '';
	top: 100%;
	left: 20px;
	border: none;
		border-top-color:#D39D3C;	/*point_color1*/
	border-top-style: solid;
	border-top-width: 15px;
	border-left: solid 10px #fff !important;
	border-right: solid 10px #fff !important;
	background:  none !important;
}
/*-------------------
be_box_50（50 吹き出し３）
---------------------*/
.be_box_50 > .m_on {
	position: relative;
	box-shadow: none !important;	
	padding: 0.5em;
  background-color: #fff !important;
  border: 1px solid #ccc;
  border-radius: 6px;
	margin-bottom: 15px;
	text-align: center;
}

.be_box_50 > .m_on::before {
	box-shadow: none !important;	
	position: absolute;
	content: '';
	top: 100%;
	left: 50%;
	border: none;
	border-top: solid 15px rgb(149, 158, 155);
	border-left: solid 10px #fff !important;
	border-right: solid 10px #fff !important;
	background:  none !important;


}
.be_box_50 > .m_on::after {
	box-shadow: none !important;	
	position: absolute;
	content: '';
	top: 100%;
	left: 50%;

	margin-top: -1px;
	border: none;
	border-top: solid 15px #fff !important;
	border-left: solid 10px rgba(0,0,0,0) !important;
	border-right: solid 10px rgba(0,0,0,0) !important;
	background: none !important;
}

/*-------------------
be_box_51（51 吹き出し４）
---------------------*/
.be_box_51 > .m_on {
	position: relative;
	box-shadow: none !important;	
	padding: 0.5em;
  background-color: #fff !important;
  border: 1px solid #ccc;
  border-radius: 20px;
	text-align: center;
	margin-bottom: 15px;
	
}

.be_box_51 > .m_on::before {
	box-shadow: none !important;	
	position: absolute;
	content: '';
	top: 100%;
	left: 50%;
	margin-left: -10px;
	border: none;
	border-top: solid 15px rgb(149, 158, 155);
	border-left: solid 10px #fff !important;
	border-right: solid 10px #fff !important;
	background:  none !important;


}
.be_box_51 > .m_on::after {
	box-shadow: none !important;	
	position: absolute;
	content: '';
	top: 100%;
	left: 50%;
	margin-left: -10px;

	margin-top: -1px;
	border: none;
	border-top: solid 15px #fff !important;
	border-left: solid 10px rgba(0,0,0,0) !important;
	border-right: solid 10px rgba(0,0,0,0) !important;
	background: none !important;
}

/*-------------------
be_box_52（52 吹き出し５）
---------------------*/
.be_box_52 > .m_on {
	position: relative;
	box-shadow: none !important;	
	padding: 0.5em;
	background-color:#D39D3C;	/*point_color1*/
  border: 1px solid #ccc;
  border-radius: 20px;
		text-align: center;
	margin-bottom: 15px;
}

.be_box_52 > .m_on::before {
	box-shadow: none !important;	
	position: absolute;
	content: '';
	top: 100%;
	left: 50%;
	margin-left: -10px;
	border: none;
	border-top-color:#D39D3C;	/*point_color1*/
	border-top-style: solid;
	border-top-width: 15px;
    
	border-left: solid 10px #fff !important;
	border-right: solid 10px #fff !important;
	background:  none !important;
}

/*-------------------
be_box_53（53 吹き出し６）
---------------------*/
.be_box_53 > .m_on {
	position: relative;
	box-shadow: none !important;	
	padding: 0.5em;
	background-color:#D39D3C;	/*point_color1*/
  border: 1px solid #ccc;
  border-radius: 6px;
	margin-bottom: 15px;
	text-align: center;
}

.be_box_53 > .m_on::before {
	box-shadow: none !important;	
	position: absolute;
	content: '';
	top: 100%;
	left: 50%;
	margin-left: -10px;
	border: none;
		border-top-color:#D39D3C;	/*point_color1*/
	border-top-style: solid;
	border-top-width: 15px;
	border-left: solid 10px #fff !important;
	border-right: solid 10px #fff !important;
	background:  none !important;
}

/*-------------------
be_box_54（54 吹き出し７）
---------------------*/
.be_box_54 > .m_on {
	position: relative;
	box-shadow: none !important;	
	padding: 0.5em;
  background-color: #fff !important;
	border: 3px solid #ccc;
	border-radius: 3em .7em 2em .7em/.7em 2em .7em 3em;
	margin-bottom: 15px;
}

.be_box_54 > .m_on::before {
	box-shadow: none !important;	
	position: absolute;
	content: '';
	top: 100%;
	left: 20px;
	border: none;
	border-top: solid 15px #ccc;
	border-left: solid 10px #fff !important;
	border-right: solid 10px #fff !important;
	background:  none !important;
	margin-top: 3px;
}
.be_box_54 > .m_on::after {
	box-shadow: none !important;	
	position: absolute;
	content: '';
	top: 100%;
	left: 21px;
	margin-top: -1px;
	border: none;
	border-top: solid 14px #fff !important;
	border-left: solid 9px rgba(0,0,0,0) !important;
	border-right: solid 9px rgba(0,0,0,0) !important;
	background: none !important;
}


/*-------------------
be_box_999（999 付箋、両側）
---------------------*/
.be_box_999 > .m_on {
	box-shadow: none !important;
	background-color:#D39D3C;	/*point_color1*/
	position: relative;
	padding: 0.5em;
}

.be_box_999 > .m_on::after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    right: 10px;
    left: auto;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    box-shadow: 0 15px 10px #777 !important;
    transform: rotate(3deg);
}


/*-------------------
ボックスの横幅を画面いっぱいまで広げる
---------------------*/
.be_box_wide{
    width: 100vw;
    margin: 0 calc(50% - 50vw) !important;
    padding: 2px calc(50vw - 50% - 0px) !important;
    background-color:#FFFFFF;	/*point_color3*/
}



.be_box_wide.be_box_c00{
background-color: #ffffff;
}
.be_box_wide.be_box_c01{
background-color: #d02b25;
}
.be_box_wide.be_box_c02{
background-color: #f0911e;
}
.be_box_wide.be_box_c03{
background-color: #ffce1f;
}
.be_box_wide.be_box_c04{
background-color: #d0e72c;
}
.be_box_wide.be_box_c05{
background-color: #35a435;
}
.be_box_wide.be_box_c06{
background-color: #33b0d6;
}
.be_box_wide.be_box_c07{
background-color: #1560a2;
}
.be_box_wide.be_box_c08{
background-color: #6f00de;
}
.be_box_wide.be_box_c09{
background-color: #ec64c9;
}
.be_box_wide.be_box_c10{
background-color: #a34d00;
}
.be_box_wide.be_box_c11{
background-color: #aaa;
}
.be_box_wide.be_box_c12{
background-color: #333;
}
.be_box_wide.be_box_c21{
background-color: #e89895;
}
.be_box_wide.be_box_c22{
background-color: #ffbe92;
}
.be_box_wide.be_box_c23{
background-color: #ffeb84;
}
.be_box_wide.be_box_c24{
background-color: #e9f884;
}
.be_box_wide.be_box_c25{
background-color: #9dd49d;
}
.be_box_wide.be_box_c26{
background-color: #9dd9eb;
}
.be_box_wide.be_box_c27{
background-color: #85afd4;
}
.be_box_wide.be_box_c28{
background-color: #c284ff;
}
.be_box_wide.be_box_c29{
background-color: #ffb6ec;
}
.be_box_wide.be_box_c30{
background-color: #d9aa7d;
}
.be_box_wide.be_box_c31{
background-color: #ddd;
}
.be_box_wide.be_box_c32{
background-color: #777;
}

.be_box_wide.be_box_c00 .m_on,
.be_box_wide.be_box_c01 .m_on,
.be_box_wide.be_box_c02 .m_on,
.be_box_wide.be_box_c03 .m_on,
.be_box_wide.be_box_c04 .m_on,
.be_box_wide.be_box_c05 .m_on,
.be_box_wide.be_box_c06 .m_on,
.be_box_wide.be_box_c07 .m_on,
.be_box_wide.be_box_c08 .m_on,
.be_box_wide.be_box_c09 .m_on,
.be_box_wide.be_box_c10 .m_on,
.be_box_wide.be_box_c11 .m_on,
.be_box_wide.be_box_c12 .m_on{
border-color: #ffffff;
}


/*-------------------
ボックスのマージン
通常は、margin-bottom:15px
---------------------*/
.be_box_mt{
	margin-top:15px !important;
}
.be_box_mb0{
	margin-bottom:0px !important;
}

/*-------------------
ボックスの見出しフォントサイズ
通常は、font-size:1.2em
---------------------*/
.be_box_mf-xs > .m_on >h1,
.be_box_mf-xs > .m_on >h2,
.be_box_mf-xs > .m_on >h3,
.be_box_mf-xs > .m_on >.h
{
	font-size:0.8em;
}
.be_box_mf-sm > .m_on >h1,
.be_box_mf-sm > .m_on >h2,
.be_box_mf-sm > .m_on >h3,
.be_box_mf-sm > .m_on >.h
{
	font-size:1.0em;
}
.be_box_mf-md > .m_on >h1,
.be_box_mf-md > .m_on >h2,
.be_box_mf-md > .m_on >h3,
.be_box_mf-md > .m_on >.h{
	font-size:1.2em;
}
.be_box_mf-lg > .m_on >h1,
.be_box_mf-lg > .m_on >h2,
.be_box_mf-lg > .m_on >h3,
.be_box_mf-lg > .m_on >.h{
	font-size:1.6em;
}

/*-------------------
ボックスの色パターン
---------------------*/


/*白*/
.be_box_c00 > .m_on, .be_box_c00 > .m_on::before, .be_box_c00 > .m_on::after,
div[class*="be_artbox"].be_box_c00,div[class*="be_artbox"].be_box_c00::before,
div[class*="be_artbox"].be_box_c00::after,
div[class*="be_artbox"].be_box_c00 .be_artbox_title_value{
	border-color: #fff;
	background-color: #fff;
	box-shadow: 0px 0px 0px 5px #fff;
}
.be_box_tc00 > .m_on {
	color: #fff;
}

/*赤*/
.be_box_c01 > .m_on, .be_box_c01 > .m_on::before, .be_box_c01 > .m_on::after,
div[class*="be_artbox"].be_box_c01,div[class*="be_artbox"].be_box_c01::before,
div[class*="be_artbox"].be_box_c01::after,
div[class*="be_artbox"].be_box_c01 .be_artbox_title_value{
	border-color: #d02b25;
	background-color: #d02b25;
	box-shadow: 0px 0px 0px 5px #d02b25;
}
.be_box_tc01 > .m_on {
	color: #f00;
}

/*オレンジ*/
.be_box_c02 > .m_on, .be_box_c02 > .m_on::before, .be_box_c02 > .m_on::after,
div[class*="be_artbox"].be_box_c02,div[class*="be_artbox"].be_box_c02::before,
div[class*="be_artbox"].be_box_c02::after,
div[class*="be_artbox"].be_box_c02 .be_artbox_title_value{
	border-color: #f0911e;
	background-color: #f0911e;
	box-shadow: 0px 0px 0px 5px #f0911e;
}
.be_box_tc02 > .m_on {
	color: #ff9349;
}
/*黄*/
.be_box_c03 > .m_on, .be_box_c03 > .m_on::before, .be_box_c03 > .m_on::after,
div[class*="be_artbox"].be_box_c03,div[class*="be_artbox"].be_box_c03::before,
div[class*="be_artbox"].be_box_c03::after,
div[class*="be_artbox"].be_box_c03 .be_artbox_title_value{
	border-color: #ffce1f;
	background-color: #ffce1f;
	box-shadow: 0px 0px 0px 5px #ffce1f;
}
.be_box_tc03 > .m_on {
	color: #b88a1b;
}
/*黄緑*/
.be_box_c04 > .m_on, .be_box_c04 > .m_on::before, .be_box_c04 > .m_on::after,
div[class*="be_artbox"].be_box_c04,div[class*="be_artbox"].be_box_c04::before,
div[class*="be_artbox"].be_box_c04::after,
div[class*="be_artbox"].be_box_c04 .be_artbox_title_value{
	border-color: #d0e72c;
	background-color: #d0e72c;
	box-shadow: 0px 0px 0px 5px #d0e72c;
}
.be_box_tc04 > .m_on {
	color: #aac201;
}
/*緑*/
.be_box_c05 > .m_on, .be_box_c05 > .m_on::before, .be_box_c05 > .m_on::after,
div[class*="be_artbox"].be_box_c05,div[class*="be_artbox"].be_box_c05::before,
div[class*="be_artbox"].be_box_c05::after,
div[class*="be_artbox"].be_box_c05 .be_artbox_title_value{
	border-color: #35a435;
	background-color: #35a435;
	box-shadow: 0px 0px 0px 5px #35a435;
}
.be_box_tc05 > .m_on {
	color: #4cae4c;
}
/*水色*/
.be_box_c06 > .m_on, .be_box_c06 > .m_on::before, .be_box_c06 > .m_on::after,
div[class*="be_artbox"].be_box_c06,div[class*="be_artbox"].be_box_c06::before,
div[class*="be_artbox"].be_box_c06::after,
div[class*="be_artbox"].be_box_c06 .be_artbox_title_value{
	border-color: #33b0d6;
	background-color: #33b0d6;
	box-shadow: 0px 0px 0px 5px #33b0d6;
}
.be_box_tc06 > .m_on {
	color: #46b8da;
}
/*青*/
.be_box_c07 > .m_on, .be_box_c07 > .m_on::before, .be_box_c07 > .m_on::after,
div[class*="be_artbox"].be_box_c07,div[class*="be_artbox"].be_box_c07::before,
div[class*="be_artbox"].be_box_c07::after,
div[class*="be_artbox"].be_box_c07 .be_artbox_title_value{
	border-color: #1560a2;
	background-color: #1560a2;
	box-shadow: 0px 0px 0px 5px #1560a2;
}
.be_box_tc07 > .m_on {
	color: #2e6da4;
}
/*紫*/
.be_box_c08 > .m_on, .be_box_c08 > .m_on::before, .be_box_c08 > .m_on::after,
div[class*="be_artbox"].be_box_c08,div[class*="be_artbox"].be_box_c08::before,
div[class*="be_artbox"].be_box_c08::after,
div[class*="be_artbox"].be_box_c08 .be_artbox_title_value{
	border-color: #6f00de;
	background-color: #6f00de;
	box-shadow: 0px 0px 0px 5px #6f00de;
}
.be_box_tc08 > .m_on {
	color: #7a13da;
}
/*ピンク*/
.be_box_c09 > .m_on, .be_box_c09 > .m_on::before, .be_box_c09 > .m_on::after,
div[class*="be_artbox"].be_box_c09,div[class*="be_artbox"].be_box_c09::before,
div[class*="be_artbox"].be_box_c09::after,
div[class*="be_artbox"].be_box_c09 .be_artbox_title_value{
	border-color: #ec64c9;
	background-color: #ec64c9;
	box-shadow: 0px 0px 0px 5px #ec64c9;
}
.be_box_tc09 > .m_on {
	color: #e971cb;
}
/*茶*/
.be_box_c10 > .m_on, .be_box_c10 > .m_on::before, .be_box_c10 > .m_on::after,
div[class*="be_artbox"].be_box_c10,div[class*="be_artbox"].be_box_c10::before,
div[class*="be_artbox"].be_box_c10::after,
div[class*="be_artbox"].be_box_c10 .be_artbox_title_value{
	border-color: #a34d00;
	background-color: #a34d00;
	box-shadow: 0px 0px 0px 5px #a34d00;
}
.be_box_tc10 > .m_on {
	color: #a6590d;
}
/*グレー*/
.be_box_c11 > .m_on, .be_box_c11 > .m_on::before, .be_box_c11 > .m_on::after,
div[class*="be_artbox"].be_box_c11,div[class*="be_artbox"].be_box_c11::before,
div[class*="be_artbox"].be_box_c11::after,
div[class*="be_artbox"].be_box_c11 .be_artbox_title_value{
	border-color: #aaa;
	background-color: #aaa;
	box-shadow: 0px 0px 0px 5px #aaa;
}
.be_box_tc11 > .m_on {
	color: #bbb;
}
/*黒*/
.be_box_c12 > .m_on, .be_box_c12 > .m_on::before, .be_box_c12 > .m_on::after,
div[class*="be_artbox"].be_box_c12,div[class*="be_artbox"].be_box_c12::before,
div[class*="be_artbox"].be_box_c12::after,
div[class*="be_artbox"].be_box_c12 .be_artbox_title_value{
	border-color: #333;
	background-color: #333;
	box-shadow: 0px 0px 0px 5px #333;
}
.be_box_tc12 > .m_on {
	color: #000;
}


/*薄赤*/
.be_box_c21 > .m_on, .be_box_c21 > .m_on::before, .be_box_c21 > .m_on::after,
div[class*="be_artbox"].be_box_c21,div[class*="be_artbox"].be_box_c21::before,
div[class*="be_artbox"].be_box_c21::after,
div[class*="be_artbox"].be_box_c21 .be_artbox_title_value{
	border-color: #e89895;
	background-color: #e89895;
	box-shadow: 0px 0px 0px 5px #e89895;
}
/*薄オレンジ*/
.be_box_c22 > .m_on, .be_box_c22 > .m_on::before, .be_box_c22 > .m_on::after,
div[class*="be_artbox"].be_box_c22,div[class*="be_artbox"].be_box_c22::before,
div[class*="be_artbox"].be_box_c22::after,
div[class*="be_artbox"].be_box_c22 .be_artbox_title_value{
	border-color: #ffbe92;
	background-color: #ffbe92;
	box-shadow: 0px 0px 0px 5px #ffbe92;
}
/*薄黄*/
.be_box_c23 > .m_on, .be_box_c23 > .m_on::before, .be_box_c23 > .m_on::after,
div[class*="be_artbox"].be_box_c23,div[class*="be_artbox"].be_box_c23::before,
div[class*="be_artbox"].be_box_c23::after,
div[class*="be_artbox"].be_box_c23 .be_artbox_title_value{
	border-color: #ffeb84;
	background-color: #ffeb84;
	box-shadow: 0px 0px 0px 5px #ffeb84;
}
/*薄黄緑*/
.be_box_c24 > .m_on, .be_box_c24 > .m_on::before, .be_box_c24 > .m_on::after,
div[class*="be_artbox"].be_box_c24,div[class*="be_artbox"].be_box_c24::before,
div[class*="be_artbox"].be_box_c24::after,
div[class*="be_artbox"].be_box_c24 .be_artbox_title_value{
	border-color: #e9f884;
	background-color: #e9f884;
	box-shadow: 0px 0px 0px 5px #e9f884;
}
/*薄緑*/
.be_box_c25 > .m_on, .be_box_c25 > .m_on::before, .be_box_c25 > .m_on::after,
div[class*="be_artbox"].be_box_c25,div[class*="be_artbox"].be_box_c25::before,
div[class*="be_artbox"].be_box_c25::after,
div[class*="be_artbox"].be_box_c25 .be_artbox_title_value{
	border-color: #9dd49d;
	background-color: #9dd49d;
	box-shadow: 0px 0px 0px 5px #9dd49d;
}
/*薄水色*/
.be_box_c26 > .m_on, .be_box_c26 > .m_on::before, .be_box_c26 > .m_on::after,
div[class*="be_artbox"].be_box_c26,div[class*="be_artbox"].be_box_c26::before,
div[class*="be_artbox"].be_box_c26::after,
div[class*="be_artbox"].be_box_c26 .be_artbox_title_value{
	border-color: #9dd9eb;
	background-color: #9dd9eb;
	box-shadow: 0px 0px 0px 5px #9dd9eb;
}
/*薄青*/
.be_box_c27 > .m_on, .be_box_c27 > .m_on::before, .be_box_c27 > .m_on::after,
div[class*="be_artbox"].be_box_c27,div[class*="be_artbox"].be_box_c27::before,
div[class*="be_artbox"].be_box_c27::after,
div[class*="be_artbox"].be_box_c27 .be_artbox_title_value{
	border-color: #85afd4;
	background-color: #85afd4;
	box-shadow: 0px 0px 0px 5px #85afd4;
}
/*薄紫*/
.be_box_c28 > .m_on, .be_box_c28 > .m_on::before, .be_box_c28 > .m_on::after,
div[class*="be_artbox"].be_box_c28,div[class*="be_artbox"].be_box_c28::before,
div[class*="be_artbox"].be_box_c28::after,
div[class*="be_artbox"].be_box_c28 .be_artbox_title_value{
	border-color: #c284ff;
	background-color: #c284ff;
	box-shadow: 0px 0px 0px 5px #c284ff;
}

/*薄ピンク*/
.be_box_c29 > .m_on, .be_box_c29 > .m_on::before, .be_box_c29 > .m_on::after,
div[class*="be_artbox"].be_box_c29,div[class*="be_artbox"].be_box_c29::before,
div[class*="be_artbox"].be_box_c29::after,
div[class*="be_artbox"].be_box_c29 .be_artbox_title_value{
	border-color: #ffb6ec;
	background-color: #ffb6ec;
	box-shadow: 0px 0px 0px 5px #ff9de5;
}
/*薄茶*/
.be_box_c30 > .m_on, .be_box_c30 > .m_on::before, .be_box_c30 > .m_on::after,
div[class*="be_artbox"].be_box_c30,div[class*="be_artbox"].be_box_c30::before,
div[class*="be_artbox"].be_box_c30::after,
div[class*="be_artbox"].be_box_c30 .be_artbox_title_value{
	border-color: #d9aa7d;
	background-color: #d9aa7d;
	box-shadow: 0px 0px 0px 5px #d9aa7d;
}
/*白*/
.be_box_c31 > .m_on, .be_box_c31 > .m_on::before, .be_box_c31 > .m_on::after,
div[class*="be_artbox"].be_box_c31,div[class*="be_artbox"].be_box_c31::before,
div[class*="be_artbox"].be_box_c31::after,
div[class*="be_artbox"].be_box_c31 .be_artbox_title_value{
	border-color: #ddd;
	background-color: #ddd;
	box-shadow: 0px 0px 0px 5px #ddd;
}
/*薄黒*/
.be_box_c32 > .m_on, .be_box_c32 > .m_on::before, .be_box_c32 > .m_on::after,
div[class*="be_artbox"].be_box_c32,div[class*="be_artbox"].be_box_c32::before,
div[class*="be_artbox"].be_box_c32::after,
div[class*="be_artbox"].be_box_c32 .be_artbox_title_value{
	border-color: #777;
	background-color: #777;
	box-shadow: 0px 0px 0px 5px #777;
}



/*-------------------
アイコン
---------------------*/
.be_ico1 > .m_on::before{
    font-size: 2.5em;
    font-weight: bold;
    height: 33px;
    left: 7px;
    line-height: 33px;
    position: absolute;
    text-align: center;
    top: 9px;
    width: 33px;
}

.be_ico1 > .m_on{
    position: relative;
    margin: 0;
    padding: 15px 0 10px 45px;
}
.be_ico1 > .k_on::before,
.be_ico1 > .k_on::after{
    display: none;
}

.be_ico1 > li::before{
    font-size: 1.5em;
    font-weight: bold;
    height: 33px;
    left: -20px;
    line-height: 37px;
    position: absolute;
    text-align: center;
    top: -7px;
    width: 33px;
    z-index: 1;
}




.be_ico2 > .m_on::before{
    position: absolute;
}

.be_ico2 > .m_on{
    position: relative;
    margin: 0;
    padding: 15px 0 10px 45px;
}

.be_ico2 > div:last-of-type::before{
    position: absolute;
}

.be_ico2 > div:last-of-type{
    position: relative;
    margin: 0;
    padding: 15px 0 10px 45px;
}

/*スタックアイコン*/
.be_ico_stack > .m_on::before,
.be_ico2.be_ico_stack > .k_on::before{
    font-size: 2.8em;
    left: 7px;
    line-height: 33px;
    top: 10px;
    z-index: 0;
}
.be_ico_stack > li::before{
    left: -30px;
	font-size: 2.0em;
    z-index: 0;
}

/*Q&A固定*/
.be_ico_qa > .m_on::after{
    content: "Q";
    font-family: Tahoma;
    font-size: 1.4em;
    font-weight: bold;
    height: 33px;
    left: 16px;
    line-height: 37px;
    position: absolute;
    top: 8px;
    width: 33px;
    color:#666;
}
.be_ico2.be_ico_qa >  div:last-of-type::after{
	content: "A";
    font-family: Tahoma;
    font-size: 1.4em;
    font-weight: bold;
    height: 33px;
    left: 16px;
    line-height: 37px;
    position: absolute;
    top: 8px;
    width: 33px;
    color:#666;
}

/*アイコン種類*/
/*circle*/
.be_ico_f111 > .m_on::before,
.be_ico_f111 > .k_on::before,
.be_ico_f111 > li::before{
  content: "\f111";
    font-family: FontAwesome;
}
/*heart*/
.be_ico_f004 > .m_on::before,
.be_ico_f004 > .k_on::before,
.be_ico_f004 > li::before{
  content: "\f004";
    font-family: FontAwesome;
}
/*check*/
.be_ico_f00c > .m_on::before,
.be_ico_f00c > .k_on::before,
.be_ico_f00c > li::before{
  content: "\f00c";
    font-family: FontAwesome;
}
/*check-square*/
.be_ico_f14a > .m_on::before,
.be_ico_f14a > .k_on::before,
.be_ico_f14a > li::before{
  content: "\f14a";
    font-family: FontAwesome;
}

 /*bookmark*/
.be_ico_f02e > .m_on::before,
.be_ico_f02e > .k_on::before,
.be_ico_f02e > li::before{
  content: "\f02e";
    font-family: FontAwesome;
}   
 /*star*/
.be_ico_f005 > .m_on::before,
.be_ico_f005 > .k_on::before,
.be_ico_f005 > li::before{
  content: "\f005";
    font-family: FontAwesome;
}  
 /*bell*/
.be_ico_f0f3 > .m_on::before,
.be_ico_f0f3 > .k_on::before,
.be_ico_f0f3 > li::before{
  content: "\f0f3";
    font-family: FontAwesome;
} 
 /*square*/
.be_ico_f0c8 > .m_on::before,
.be_ico_f0c8 > .k_on::before,
.be_ico_f0c8 > li::before{
  content: "\f0c8";
    font-family: FontAwesome;
}
 /*sticky-note*/
.be_ico_f249 > .m_on::before,
.be_ico_f249 > .k_on::before,
.be_ico_f249 > li::before{
  content: "\f249";
    font-family: FontAwesome;
}
 
/*certificate*/
.be_ico_f0a3 > .m_on::before,
.be_ico_f0a3 > .k_on::before,
.be_ico_f0a3 > li::before{
  content: "\f0a3";
    font-family: FontAwesome;
}
 
/*trophy*/
.be_ico_f091 > .m_on::before,
.be_ico_f091 > .k_on::before,
.be_ico_f091 > li::before{
  content: "\f091";
    font-family: FontAwesome;
}

/*comment*/
.be_ico_f075 > .m_on::before,
.be_ico_f075 > .k_on::before,
.be_ico_f075 > li::before{
  content: "\f075";
    font-family: FontAwesome;
}

/*bomb*/
.be_ico_f1e2 > .m_on::before,
.be_ico_f1e2 > .k_on::before,
.be_ico_f1e2 > li::before{
  content: "\f1e2";
    font-family: FontAwesome;
}


/*--アイコンの色パターン--*/

/*白*/
.be_ico_c00 > .m_on::before,
.be_ico_c00 > .k_on::before,
.be_ico_c00 > li::before{
	color: #fff;
}
/*赤*/
.be_ico_c01 > .m_on::before,
.be_ico_c01 > .k_on::before,
.be_ico_c01 > li::before{
	color: #d43f3a;
}
/*オレンジ*/
.be_ico_c02 > .m_on::before,
.be_ico_c02 > .k_on::before,
.be_ico_c02 > li::before{
	color: #eea236;
}
/*黄*/
.be_ico_c03 > .m_on::before,
.be_ico_c03 > .k_on::before,
.be_ico_c03 > li::before{
    color: #FFDD32;
}
/*黄緑*/
.be_ico_c04 > .m_on::before,
.be_ico_c04 > .k_on::before,
.be_ico_c04 > li::before{
    color: #dbf332;
}
/*緑*/
.be_ico_c05 > .m_on::before,
.be_ico_c05 > .k_on::before,
.be_ico_c05 > li::before{
    color: #5cb85c;
}
/*水色*/
.be_ico_c06 > .m_on::before,
.be_ico_c06 > .k_on::before,
.be_ico_c06 > li::before{
    color: #5bc0de;
}

/*青*/
.be_ico_c07 > .m_on::before,
.be_ico_c07 > .k_on::before,
.be_ico_c07 > li::before{
    color: #337ab7;
}

/*紫*/
.be_ico_c08 > .m_on::before,
.be_ico_c08 > .k_on::before,
.be_ico_c08 > li::before{
    color: #9932FF;
}
/*ピンク*/
.be_ico_c09 > .m_on::before,
.be_ico_c09 > .k_on::before,
.be_ico_c09 > li::before{
    color: #ff85df;
}

/*茶*/
.be_ico_c10 > .m_on::before,
.be_ico_c10 > .k_on::before,
.be_ico_c10 > li::before{
    color:#BF7226;
}

/*グレー*/
.be_ico_c11 > .m_on::before,
.be_ico_c11 > .k_on::before,
.be_ico_c11 > li::before{
    color: #e2e2e2;
}

/*黒*/
.be_ico_c12 > .m_on::before,
.be_ico_c12 > .k_on::before,
.be_ico_c12 > li::before{
    color:#444;
}

/*ランキング専用色*/
.be_ico_crank > li::before {
	color: #ddd;
}
.be_ico_crank > li:nth-of-type(1)::before {
	color: #e4aa1d;
}
.be_ico_crank > li:nth-of-type(2)::before {
	color: #9eaeb9;
}
.be_ico_crank > li:nth-of-type(3)::before {
	color: #b76901;
}
.be_ico_crank > li::after {
	color: #666 !important;
}
.be_ico_crank > li:nth-of-type(1)::after,
.be_ico_crank > li:nth-of-type(2)::after,
.be_ico_crank > li:nth-of-type(3)::after{
	color: #fff !important;
}

/*-------------------
リスト
---------------------*/
ul.be_list > li {
	position: relative;
	list-style: none;
	margin-bottom: 0.5em;
}

/*番号付き*/
ol.be_list > li {
	position: relative;
	counter-increment: li;
	list-style: none;
	margin-bottom: 0.5em;
	line-height: 1.5em;
}
ol.be_list > li::after {
    color: #fff;
    content: counter(li, decimal);
    font-size: 1.2em;
    font-weight: bold;
    left: -32.5px;
    position: absolute;
    text-align: center;
    top: 1px;
    width: 2em;
}


/*フォント大きさ*/
.be_list_fo-xs > li{
	font-size:0.8em;
}
.be_list_fo-sm > li{
	font-size:1.2em;
}
.be_list_fo-md > li{
	font-size:1.4em;
}
.be_list_fo-lg > li{
	font-size:1.8em;
}


/*アイコンがついていた場合*/
.be_list.be_ico1 > li{
	padding-left:0.5em;

}
.be_list_fo-xs.be_ico1 > li{
	padding-left:0em;
}
.be_list_fo-sm.be_ico1 > li{
	padding-left:0.5em;
}
.be_list_fo-md.be_ico1 > li{
	padding-left:0.75em;
}
.be_list_fo-lg.be_ico1 > li{
	padding-left:1em;
}

.be_ico1 > li::before{
   left: -31px;
    top: -7px;
}
.be_list_fo-xs.be_ico1 > li::before{
    left: -34px;
    top: -10px;
}
.be_list_fo-sm.be_ico1 > li::before{
    left: -32px;
    top: -5px;
}
.be_list_fo-md.be_ico1 > li::before{
    left: -30px;
    top: -4px;
}
.be_list_fo-lg.be_ico1 > li::before{
    left: -33px;
    top: 1px;
}

/*スタックアイコンがついていた場合*/
.be_list_fo-xs.be_ico1.be_ico_stack > li::after {
    left: -31px;
}
.be_list_fo-sm.be_ico1.be_ico_stack > li::after {
    left: -37px;
}
.be_list_fo-md.be_ico1.be_ico_stack > li::after {
    left: -36px;
}
.be_list_fo-lg.be_ico1.be_ico_stack > li::after {
    left: -41px;
}

/*-------------------
テーブル
---------------------*/
/* ボーダー無し、リキッドテーブル */
.be_table_000 {
	width: 100%;
	border-collapse:separate;
    clear: both;
    margin-bottom: 1.5em;
    table-layout: fixed;

}

/* ボーダーあり、リキッドテーブル */
.be_table_001 {
	width: 100%;
	border-collapse:separate;
    clear: both;
    margin: 0.5em 0;
    table-layout: fixed;
}
/*
.be_table_001 thead th:first-child {
	border-left: 1px solid #666; 
}
*/
.be_table_001 thead th {
	color: #fff;
	padding: 8px 16px;
	background: #666;
	text-align: center;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.be_table_001 tbody tr {
	background: #fff;
	border-top: 1px solid #666;
}
.be_table_001 tbody th {
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
	text-align: left;
	background: #eee;
padding:5px;
}

.be_table_001 tbody td {
	padding: 6px 12px;
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
	text-align: left;
padding:5px;
}

.be_table_001 tbody td:last-child{
  border-right: 1px solid #666;
}

.be_table_001 *:first-child > tr:first-child > * {
	border-top: 1px solid #666;
}

@media (max-width: 768px) {
	.be_table_001{
		font-size:75%;
	}
}


.be_table_r *:first-child > tr:first-child > *:first-child {
	border-radius: 5px 0 0 0;
}

.be_table_r *:first-child > tr:first-child > *:last-child {
	border-radius:0 5px 0 0;
}

.be_table_r *:last-child > tr:last-child > *:first-child {
	border-radius: 0 0 0 5px;
}

.be_table_r *:last-child > tr:last-child > *:last-child {
	border-radius: 0 0 5px;
}



/*-------------------
	googlemap表示用（旧バージョン）
	レスポンシブな Google マップを設置する
	http://wds.in4design.jp/2013/07/google.html
---------------------*/
.be_frame-gmap {
	position: relative;
	padding-bottom:56.25%;	/*アスペクト比 16:9 で表示*/
	height: 0;
	overflow: hidden;
	margin-right: 10px;
	margin-left: 10px;
}
 
.be_frame-gmap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* 地図下のリンク "大きな地図で見る" を非表示にする */
.be_frame-gmap small {
  display: none;  
}


/*-------------------
	googlemap表示用(サイズは暫定)
---------------------*/
.be-gmap_lg {
	height:300px;
}
.be-gmap_md {
	height:200px;
}
.be-gmap_sm {
	height:100px;
}
@media (min-width: 768px) {
	.be-gmap_lg {
		height:400px;
	}
	.be-gmap_md {
		height:300px;
	}
	.be-gmap_sm {
		height:200px;
	}
}



/*-------------------
   画像用
---------------------*/
/*画像位置調整用（センター）*/
.be_img_center{
	display:block;
	margin-left: auto;
 	margin-right: auto;
    margin-bottom:1em;
	text-align: center;
}
/*画像位置調整用（左回り込み）*/
img.be_img_left,img.pull-left{
	float: left;
	margin: 0 15px 0 0;
}
/*画像位置調整用（右回り込み）*/
img.be_img_right,img.pull-right{
   float: right;
   margin: 0 0 0 15px;
}


/*-------------------
動画レスポンシブ用　現bootstrapに足りないもの
---------------------*/
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  padding-bottom: 100%;
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video { 
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive.embed-responsive-4by3 {
  padding-bottom: 75%;
}

/*-------------------
YouTube動画をレスポンシブに
---------------------*/
.youtubewrapper{
  margin:auto;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtubewrapper iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

@media (min-width: 768px) {

.youtubewrapper-w50{
  width: 50%;
  padding-top: 28%;
}
.youtubewrapper-w60{
  width: 60%;
  padding-top: 33.7%;
}
.youtubewrapper-w70{
  width: 70%;
  padding-top: 39.4%;
}
.youtubewrapper-w80{
  width: 80%;
  padding-top: 45%;
}
.youtubewrapper-w90{
  width: 90%;
  padding-top: 50.6%;
}

}

/*-------------------
facebook likebox(html5版)をレスポンシブに
---------------------*/
#fb-root {
    display: none;
}
 
.fb_iframe_widget, .fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
    min-width: 100% !important;
}

/*-------------------
拡大する画像
---------------------*/
div.be_ex_img{
	width:275px;
	height:275px;
	display: inline-block;
	vertical-align: middle;
	overflow:hidden;
	border: 1px solid #ddd;
	background:#eee;
	position: relative;
	cursor:pointer;
}

div.be_ex_img > img{
	display: block;
	max-width: 150%;
	height: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: -50px;
	margin: auto;
}
div.be_ex_img:hover{
	opacity:0.7;
	border: 1px solid #66f;
}


.be_ex_img_overlay {
  background: rgba(0,0,0, .8);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
	cursor:pointer;
z-index:10001;
overflow-y:auto;
}

.be_ex_img_overlay img {
  margin: 64px auto 0;
  max-width: 80%;
  border-radius: 5px;

}

.cen div {
    margin: 0 auto;
}

.box {
    margin: 19px 0 30px;
    padding: 1px 15px 15px;
    border: 1px solid rgb(204, 204, 204);
    overflow: auto;
    height: 50px;
    text-align: left;
    font-size: 12px;
    max-width: 100%;
    width: 650px;
}

.cen {
    margin-top: 1em;
}

.attention {
    margin: 30px 80px 0;
    padding: 20px 20px 10px;
    border: 2px solid #CCC;
    border-radius: 4px;
    position: relative;
}

.attention::before {
    font-size: 14px;
    background-color: #FFF;
    color: #333333;
    content: "　代理登録について　";
    font-weight: bold;
    left: 20px;
    top: -10px;
    position: absolute;
}

/*-------------------
	SNSボタン
---------------------*/
.sns_square{
    position:relative;

    height: 40px;
    margin:2px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #999;
    display: block;
    list-style: none;
}


.sns_square span{
    position:absolute;
    padding:8px;
    font-size:25px;
    color:#FFF;
}
.sns_square i{
    padding:8px;
    font-size:25px;
    color:#FFF;
}
 
.sns_square a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:40px;
    color:#FFF;
    padding:10px 0;
}
 
.sns_square a:hover{
    color: #000;
    background-color:#FFF;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.media_area a{

}
.media_area span{
	color:#808080;
	font-size:11px;
}
.media_area{
	margin-bottom:8px;
}



/*-------------------
tab-contentのカスタマイズ
---------------------*/
.be_tab .tab-pane{
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-radius:0 0 4px 4px;
	padding:15px;
}
.be_tab .nav-tabs .active a{
	background:#f0f0f0;
}
.be_tab .nav-tabs .active a:hover{
	background:#f0f0f0;
}

/*-------------------
メニューの均等割り
---------------------*/
@media (max-width: 767px) {
	.nav-flex ul.navbar-nav{
		margin:0px;
	}
}
@media (min-width: 768px) {
	.nav-flex ul.navbar-nav{
		display:flex;
	}
	.nav-flex ul.navbar-nav > li{
		width: 100%;
		font-size:80%;
		text-align:center;
		white-space: nowrap;
	}
}


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

.v-table th, .v-table td  { 
    padding: 8px; border: 1px solid #ddd;
    background:#fff;
}

.v-table th { background: #f4f4f4; width: 30%; text-align: left; vertical-align: top;}

.v-table thead th, .v-table thead td  { 
	background: #e6e6e6;
	text-align: left;
	vertical-align: top;
	font-weight:bold;
}

@media only screen and (max-width:500px){
.v-table th, .v-table td{
    width: 100%;
    display: block;
    border-top: none;
    }
    .v-table tr:first-child th { border-top: 1px solid #ddd; }
}
.v-table-th2{
    background-color: #666666 !important;
    color:#fff;
}
.v-table-th3{
    background-color: #f5f5e9 !important;
    color:#000;
    font-size:17px;
        text-align: right !important;
}

/*-------------------
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%;
}

/*img-responsiveの50%、30%*/
.img-responsive-50{
  display: block;
  max-width: 50%;
  height: auto;
}
.img-responsive-30{
  display: block;
  max-width: 30%;
  height: auto;
}



 
@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;
}
}

/*テキストオーバーフロー（ブロック要素で使用する）*/
.ellipsis {
	white-space: nowrap;  
	overflow: hidden;  
	text-overflow: ellipsis;  
	-webkit-text-overflow: ellipsis;  
	-o-text-overflow: ellipsis;  
}

/*トップページのスライドショープラグインのマージンを削除*/
.bx-wrapper{
	margin-bottom:10px !important;
}


/*飾り線用*/
.filter_color01{
	filter:hue-rotate(5deg) saturate(49%) contrast(76%) brightness(150%);
	-webkit-filter:hue-rotate(5deg) saturate(49%) contrast(76%) brightness(150%);
	-moz-filter:hue-rotate(5deg) saturate(49%) contrast(76%) brightness(150%);
	-o-filter:hue-rotate(5deg) saturate(49%) contrast(76%) brightness(150%);
	-ms-filter:hue-rotate(5deg) saturate(49%) contrast(76%) brightness(150%);
}
.filter_color02{
	filter:hue-rotate(57deg) brightness(267%) saturate(100%) contrast(100%) ;
	-webkit-filter:hue-rotate(57deg) brightness(267%) saturate(100%) contrast(100%) ;
	-moz-filter:hue-rotate(57deg) brightness(267%) saturate(100%) contrast(100%) ;
	-o-filter:hue-rotate(57deg) brightness(267%) saturate(100%) contrast(100%) ;
	-ms-filter:hue-rotate(57deg) brightness(267%) saturate(100%) contrast(100%) ;
}
.filter_color03{
	filter:hue-rotate(57deg) brightness(380%) saturate(333%) contrast(100%) ;
	-webkit-filter:hue-rotate(57deg) brightness(380%) saturate(333%) contrast(100%) ;
	-moz-filter:hue-rotate(57deg) brightness(380%) saturate(333%) contrast(100%) ;
	-o-filter:hue-rotate(57deg) brightness(380%) saturate(333%) contrast(100%) ;
	-ms-filter:hue-rotate(57deg) brightness(380%) saturate(333%) contrast(100%) ;
}
.filter_color04{
	filter:hue-rotate(79deg) brightness(454%) saturate(123%) contrast(238%) ;
	-webkit-filter:hue-rotate(79deg) brightness(454%) saturate(123%) contrast(238%) ;
	-moz-filter:hue-rotate(79deg) brightness(454%) saturate(123%) contrast(238%) ;
	-o-filter:hue-rotate(79deg) brightness(454%) saturate(123%) contrast(238%) ;
	-ms-filter:hue-rotate(79deg) brightness(454%) saturate(123%) contrast(238%) ;
}
.filter_color05{
	filter:hue-rotate(82deg) brightness(231%) saturate(110%) contrast(76%) ;
	-webkit-filter:hue-rotate(82deg) brightness(231%) saturate(110%) contrast(76%) ;
	-moz-filter:hue-rotate(82deg) brightness(231%) saturate(110%) contrast(76%) ;
	-o-filter:hue-rotate(82deg) brightness(231%) saturate(110%) contrast(76%) ;
	-ms-filter:hue-rotate(82deg) brightness(231%) saturate(110%) contrast(76%) ;
}
.filter_color06{
	filter:hue-rotate(208deg) brightness(252%) saturate(76%) contrast(76%) ;
	-webkit-filter:hue-rotate(208deg) brightness(252%) saturate(76%) contrast(76%) ;
	-moz-filter:hue-rotate(208deg) brightness(252%) saturate(76%) contrast(76%) ;
	-o-filter:hue-rotate(208deg) brightness(252%) saturate(76%) contrast(76%) ;
	-ms-filter:hue-rotate(208deg) brightness(252%) saturate(76%) contrast(76%) ;
}
.filter_color07{
	filter:hue-rotate(204deg) brightness(150%) saturate(49%) contrast(89%) ;
	-webkit-filter:hue-rotate(204deg) brightness(150%) saturate(49%) contrast(89%) ;
	-moz-filter:hue-rotate(204deg) brightness(150%) saturate(49%) contrast(89%) ;
	-o-filter:hue-rotate(204deg) brightness(150%) saturate(49%) contrast(89%) ;
	-ms-filter:hue-rotate(204deg) brightness(150%) saturate(49%) contrast(89%) ;
}
.filter_color08{
	filter:hue-rotate(263deg) brightness(211%) saturate(50%) contrast(157%) ;
	-webkit-filter:hue-rotate(263deg) brightness(211%) saturate(50%) contrast(157%) ;
	-moz-filter:hue-rotate(263deg) brightness(211%) saturate(50%) contrast(157%) ;
	-o-filter:hue-rotate(263deg) brightness(211%) saturate(50%) contrast(157%) ;
	-ms-filter:hue-rotate(263deg) brightness(211%) saturate(50%) contrast(157%) ;
}
.filter_color09{
	filter:hue-rotate(285deg) brightness(3000%) saturate(255%) contrast(100%);
	-webkit-filter:hue-rotate(285deg) brightness(3000%) saturate(255%) contrast(100%);
	-moz-filter:hue-rotate(285deg) brightness(3000%) saturate(255%) contrast(100%);
	-o-filter:hue-rotate(285deg) brightness(3000%) saturate(255%) contrast(100%);
	-ms-filter:hue-rotate(285deg) brightness(3000%) saturate(255%) contrast(100%);
}
.filter_color10{
	filter:hue-rotate(42deg) brightness(238%) saturate(49%) contrast(89%) ;
	-webkit-filter:hue-rotate(42deg) brightness(238%) saturate(49%) contrast(89%) ;
	-moz-filter:hue-rotate(42deg) brightness(238%) saturate(49%) contrast(89%) ;
	-o-filter:hue-rotate(42deg) brightness(238%) saturate(49%) contrast(89%) ;
	-ms-filter:hue-rotate(42deg) brightness(238%) saturate(49%) contrast(89%) ;
}
.filter_color11{
	filter:contrast(0%);
	-webkit-filter:contrast(0%);
	-moz-filter:contrast(0%);
	-o-filter:contrast(0%);
	-ms-filter:contrast(0%);
}
.filter_color12{
	filter:brightness(0%);
	-webkit-filter:brightness(0%);
	-moz-filter:brightness(0%);
	-o-filter:brightness(0%);
	-ms-filter:brightness(0%);
}
.hanten{
	transform:rotateX(180deg);
	-webkit-transform:rotateX(180deg);
	-moz-transform:rotateX(180deg);
	-o-transform:rotateX(180deg);
	-ms-transform:rotateX(180deg);
}
.kazarisen_size_md{
	width:80%;
	margin-left:10%;
}
.kazarisen_size_sm{
	width:50%;
	margin-left:25%;
}

/*モバイル等で折返しが発生したときに、マージンを開ける*/
@media (max-width: 1199px) {
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
		margin-bottom:10px;
	}
}
@media (max-width: 991px) {
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
		margin-bottom:10px;
	}
}
@media (max-width: 767px) {
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{
		margin-bottom:10px;
	}
}


/*==========================================
枠のデザイン（be_artbox_xx）
============================================*/
div[class*="be_artbox"] {
	padding: 0.5em 1em;
}

/*-------------------
be_artbox_02 （薄背景　線無し）
---------------------*/
.be_artbox_02 {
	position: relative;
	box-shadow: none !important;
	background-color:#E40055;	/*point_color2*/
	background-image: -webkit-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;
	background-image: -o-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;
	background-image: linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;

}

/*-------------------
be_artbox_07 （薄背景　線無し＋影）
---------------------*/
.be_artbox_07 {
	position: relative;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22) !important;
	background-color:#E40055;	/*point_color2*/
	background-image: -webkit-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;
	background-image: -o-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;
	background-image: linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;

}


/*-------------------
be_artbox_11 （上にだけ太線）
---------------------*/
.be_artbox_11 {
	box-shadow: none !important;
	background-color:#E40055;	/*point_color2*/

	background-image: -webkit-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;
	background-image: -o-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;
	background-image: linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;

	position: relative;

	border-top-style: solid;
	border-top-width: 7px;
	border-top-color:#E40055;	/*point_color2*/
}

/*-------------------
be_artbox_16 （上にだけ太線＋影）
---------------------*/
.be_artbox_16 {
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22) !important;
	background-color:#E40055;	/*point_color2*/

	background-image: -webkit-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;
	background-image: -o-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;
	background-image: linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;

	position: relative;

	background-color:#E40055;	/*point_color2*/
	border-top-style: solid;
	border-top-width: 7px;
	border-top-color:#E40055;	/*point_color2*/

}



/*-------------------
be_artbox_12 （左にだけ太線）
---------------------*/
.be_artbox_12 {
	box-shadow: none !important;
	background-color:#E40055;	/*point_color2*/

	background-image: -webkit-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;
	background-image: -o-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;
	background-image: linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;

	position: relative;

	border-left-style: solid;
	border-left-width: 7px;
	border-left-color:#E40055;	/*point_color2*/
}

.be_artbox_12.be_artbox_title_04 .be_artbox_title_value {
    left: -7px !important;
    width: calc(100% + 7px) !important;
}

/*-------------------
be_artbox_17 （左にだけ太線＋影）
---------------------*/
.be_artbox_17 {
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22) !important;
	background-color:#E40055;	/*point_color2*/

	background-image: -webkit-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;
	background-image: -o-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;
	background-image: linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;

	position: relative;

	background-color:#E40055;	/*point_color2*/
	border-left-style: solid;
	border-left-width: 7px;
	border-left-color:#E40055;	/*point_color2*/

}

.be_artbox_17.be_artbox_title_04 .be_artbox_title_value {
    left: -7px !important;
    width: calc(100% + 7px) !important;
}

/*-------------------
be_artbox_13 （上下に線）
---------------------*/
.be_artbox_13 {
	box-shadow: none !important;
	background-color:#E40055;	/*point_color2*/

	background-image: -webkit-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;
	background-image: -o-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;
	background-image: linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;

	position: relative;

	border-top-style: solid;
	border-top-width: 3px;
	border-top-color:#E40055;	/*point_color2*/
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color:#E40055;	/*point_color2*/

}


/*-------------------
be_artbox_18 （上下に線＋影）
---------------------*/
.be_artbox_18 {
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22) !important;
	background-color:#E40055;	/*point_color2*/

	background-image: -webkit-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;
	background-image: -o-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;
	background-image: linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;

	position: relative;

	background-color:#E40055;	/*point_color2*/
	border-top-style: solid;
	border-top-width: 3px;
	border-top-color:#E40055;	/*point_color2*/
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color:#E40055;	/*point_color2*/
}

/*-------------------
be_artbox_14 （上下に二重線）
---------------------*/
.be_artbox_14 {
	box-shadow: none !important;
	background-color:#E40055;	/*point_color2*/

	background-image: -webkit-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;
	background-image: -o-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;
	background-image: linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;

	position: relative;

	border-top-style: double;
	border-top-width: 3px;
	border-top-color:#E40055;	/*point_color2*/
	border-bottom-style: double;
	border-bottom-width: 3px;
	border-bottom-color:#E40055;	/*point_color2*/


}

/*-------------------
be_artbox_19 （上下に二重線＋影）
---------------------*/
.be_artbox_19 {
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22) !important;
	background-color:#E40055;	/*point_color2*/

	background-image: -webkit-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;
	background-image: -o-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;
	background-image: linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;

	position: relative;

	background-color:#E40055;	/*point_color2*/
	border-top-style: double;
	border-top-width: 3px;
	border-top-color:#E40055;	/*point_color2*/
	border-bottom-style: double;
	border-bottom-width: 3px;
	border-bottom-color:#E40055;	/*point_color2*/
}

/*-------------------
be_artbox_15 （上下に破線）
---------------------*/
.be_artbox_15 {
	box-shadow: none !important;
	background-color:#E40055;	/*point_color2*/

	background-image: -webkit-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;
	background-image: -o-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;
	background-image: linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;

	position: relative;

	border-top-style: dashed;
	border-top-width: 3px;
	border-top-color:#E40055;	/*point_color2*/
	border-bottom-style: dashed;
	border-bottom-width: 3px;
	border-bottom-color:#E40055;	/*point_color2*/
}

/*-------------------
be_artbox_20 （上下に破線＋影）
---------------------*/
.be_artbox_20 {
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22) !important;
	background-color:#E40055;	/*point_color2*/

	background-image: -webkit-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;
	background-image: -o-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;
	background-image: linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;

	position: relative;

	border-top-style: dashed;
	border-top-width: 3px;
	border-top-color:#E40055;	/*point_color2*/
	border-bottom-style: dashed;
	border-bottom-width: 3px;
	border-bottom-color:#E40055;	/*point_color2*/

}

/*-------------------
be_artbox_22 （上太線＋囲い）
---------------------*/
.be_artbox_22 {
	box-shadow: none !important;
	background-color:#E40055;	/*point_color2*/
	background-image: -webkit-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;
	background-image: -o-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;
	background-image: linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;
	position: relative;

	border-style: solid;
	border-width: 1px;
	border-color:#E40055;	/*point_color2*/
	border-top-width: 4px;
}

.be_artbox_22.be_artbox_title_04 .be_artbox_title_value {
    left: -1px !important;
    width: calc(100% + 2px) !important;
}

/*-------------------
be_artbox_23 （上太線＋囲い＋影）
---------------------*/
.be_artbox_23 {
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22) !important;
	background-color:#E40055;	/*point_color2*/
	background-image: -webkit-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;
	background-image: -o-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;
	background-image: linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;
	position: relative;

	border-style: solid;
	border-width: 1px;
	border-color:#E40055;	/*point_color2*/
	border-top-width: 4px;

}
.be_artbox_23.be_artbox_title_04 .be_artbox_title_value {
    left: -1px !important;
    width: calc(100% + 2px) !important;
}

/*-------------------
be_artbox_01 （背景塗りつぶし）
---------------------*/
.be_artbox_01 {
	position: relative;
	box-shadow: none !important;
	background-color:#E40055;	/*point_color2*/
}




/*-------------------
be_artbox_03 （背景白　1ピクセル線）
---------------------*/
.be_artbox_03 {
	box-shadow: none !important;
	background-image: -webkit-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%) !important;
	background-image: -o-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%) !important;
	background-image: linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%) !important;
	position: relative;

	border-style: solid;
	border-width: 1px;
	border-color:#E40055;	/*point_color2*/

}

.be_artbox_03.be_artbox_title_04 .be_artbox_title_value {
    left: -1px !important;
    width: calc(100% + 2px) !important;
}

/*-------------------
be_artbox_04 （背景白　2ピクセル線）
---------------------*/
.be_artbox_04 {
	box-shadow: none !important;
	background-image: -webkit-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%) !important;
	background-image: -o-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%) !important;
	background-image: linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%) !important;
	position: relative;

	border-style: solid;
	border-width: 2px;
	border-color:#E40055;	/*point_color2*/

}
.be_artbox_04.be_artbox_title_04 .be_artbox_title_value {
    left: -2px !important;
    width: calc(100% + 4px) !important;
}

/*-------------------
be_artbox_05 （背景白　4ピクセル線）
---------------------*/
.be_artbox_05 {
	box-shadow: none !important;
	background-image: -webkit-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%) !important;
	background-image: -o-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%) !important;
	background-image: linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%) !important;
	position: relative;

	border-style: solid;
	border-width: 4px;
	border-color:#E40055;	/*point_color2*/
}

.be_artbox_05.be_artbox_title_04 .be_artbox_title_value {
    left: -4px !important;
    width: calc(100% + 8px) !important;
}


/*-------------------
be_artbox_06 （背景白　4ピクセル二重線）
---------------------*/
.be_artbox_06 {
	box-shadow: none !important;
	background-image: -webkit-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%) !important;
	background-image: -o-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%) !important;
	background-image: linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%) !important;
	position: relative;

	border-style: double;
	border-width: 4px;
	border-color:#D39D3C;	/*point_color1*/
}

.be_artbox_06.be_artbox_title_04 .be_artbox_title_value {
    left: -4px !important;
    width: calc(100% + 8px) !important;
}

/*-------------------
be_artbox_08 （背景白　1ピクセル破線）
---------------------*/
.be_artbox_08 {
	box-shadow: none !important;
	background-image: -webkit-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%) !important;
	background-image: -o-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%) !important;
	background-image: linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%) !important;
	position: relative;

	border-style: dotted;
	border-width: 1px;
	border-color:#D39D3C;	/*point_color1*/

}
.be_artbox_08.be_artbox_title_04 .be_artbox_title_value {
    left: -1px !important;
    width: calc(100% + 2px) !important;
}

/*-------------------
be_artbox_09 （背景白　2ピクセル破線）
---------------------*/
.be_artbox_09 {
	box-shadow: none !important;
	background-image: -webkit-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%) !important;
	background-image: -o-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%) !important;
	background-image: linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%) !important;
	position: relative;

	border-style: dotted;
	border-width: 2px;
	border-color:#D39D3C;	/*point_color1*/

}
.be_artbox_09.be_artbox_title_04 .be_artbox_title_value {
    left: -2px !important;
    width: calc(100% + 4px) !important;
}

/*-------------------
be_artbox_10 （背景白　4ピクセル破線）
---------------------*/
.be_artbox_10 {
	box-shadow: none !important;
	background-image: -webkit-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%) !important;
	background-image: -o-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%) !important;
	background-image: linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%) !important;
	position: relative;

	border-style: dotted;
	border-width: 4px;
	border-color:#D39D3C;	/*point_color1*/

}
.be_artbox_10.be_artbox_title_04 .be_artbox_title_value {
    left: -4px !important;
    width: calc(100% + 8px) !important;
}


/*-------------------
be_artbox_21 （ステッチ）
---------------------*/
.be_artbox_21 {
	background-color:#E40055;	/*point_color2*/
	position: relative;
	box-shadow: 0px 0px 0px 5px #ccc;
	box-shadow-color:#E40055 0px 0px 5px #ccc;	/*point_color2*/
	border: dotted 2px #fff !important;
	width: calc(100% - 5px);
	left: 2.5px;
}


.be_artbox_21.be_artbox_title_04 .be_artbox_title_value {
    left: -5px !important;
    width: calc(100% + 10px) !important;
}

/*-------------------
be_artbox_24 （背景白、上太線＋囲い＋影）
---------------------*/
.be_artbox_24 {
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22) !important;
	background-color: #fff !important;
	background-image: -webkit-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;
	background-image: -o-linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;
	background-image: linear-gradient(rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 90%) !important;
	position: relative;

	border: solid 1px #ccc;
	border-color:#E40055;	/*point_color2*/
	border-top: solid 4px #ccc;
	border-top-color:#E40055;	/*point_color2*/

}

.be_artbox_24.be_artbox_title_04 .be_artbox_title_value {
    left: -1px !important;
    width: calc(100% + 2px) !important;
}

/*-------------------
be_artbox_25 （背景白　1ピクセル破線下）
---------------------*/
.be_artbox_25 {
	box-shadow: none !important;
	background-image: -webkit-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%) !important;
	background-image: -o-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%) !important;
	background-image: linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%) !important;
	position: relative;

	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color:#D39D3C;	/*point_color1*/

}

/*-------------------
be_artbox_999 （交差線）
---------------------*/
.be_artbox_999 {
	box-shadow: none !important;
	background-image: -webkit-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%) !important;
	background-image: -o-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%) !important;
	background-image: linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%) !important;
	position: relative;
	padding: 0.5em 1.5em !important;
	border-top: solid 2px black;
	border-top-color:#D39D3C;	/*point_color1*/
	border-bottom: solid 2px black;
	border-bottom-color:#D39D3C;	/*point_color1*/
}
.be_artbox_999::before,
.be_artbox_999::after {
	content: '';
	position: absolute;
	box-shadow: none !important;
	top: -7px;
	width: 2px;
	height: -webkit-calc(100% + 14px);
	height: calc(100% + 14px);
	background-color:#D39D3C;	/*point_color1*/
}
.be_artbox_999::before{
	left: 7px;
}
.be_artbox_999::after{
	right: 7px;
}

/*-------------------
角のスタイル
---------------------*/
.be_radius_01,.be_radius_01::before {
	border-radius: 0px !important;
}
.be_radius_02,.be_radius_02::before {
	border-radius: 0.4em !important;
}
.be_radius_03,.be_radius_03::before {
	border-radius: 0.8em !important;
}
.be_radius_04,.be_radius_04::before {
	border-radius: 1.2em !important;
}
.be_radius_05,.be_radius_05::before {
	border-radius: 3em .7em 2em .7em/.7em 2em .7em 3em !important;
}

.be_radius_06,.be_radius_06::before {
	border-radius: 0.4em 0.4em 0 0 !important;
}
.be_radius_07,.be_radius_07::before {
	border-radius: 0.8em 0.8em 0 0 !important;
}
.be_radius_08,.be_radius_08::before {
	border-radius: 1.2em 1.2em 0 0 !important;
}
.be_radius_09,.be_radius_09::before {
	border-radius: 0 0 0.4em 0.4em !important;
}
.be_radius_10,.be_radius_10::before {
	border-radius: 0 0 0.8em 0.8em !important;
}
.be_radius_11,.be_radius_11::before {
	border-radius: 0 0 1.2em 1.2em !important;
}

.be_radius_50,.be_radius_50::before {
	border-radius: 50% !important;
}

/*-------------------
記事枠として使う場合（border-topをなくす）
---------------------*/
.be_border-top_none,.be_border-top_none::before {
	border-top:none !important;
}

.be_artbox_title_value {
	padding:8px;
}

/*-------------------
タイトル付きのスタイル
---------------------*/
.be_artbox_title_00 .be_artbox_title_value {
	display: none;
}

.be_artbox_title_01{

	padding-top: 2em !important;
}
.be_artbox_title_01 .be_artbox_title_value {
	box-shadow: none !important;
	position: absolute;
	display: inline-block;
	top: -9px;
	left: 11px !important;
	padding: 0px 8px;
	color: #ffffff;
	border-radius: 3px;
	background-color:#E40055;	/*point_color2*/
	font-weight: bold;
}

.be_artbox_title_02{
	margin-top: 2em !important;
}
.be_artbox_title_02 .be_artbox_title_value {
	box-shadow: none !important;
	position: absolute;
	display: inline-block;
	bottom: 100%;
	left: 0px;
	padding: 0 8px;
	vertical-align: middle;

	color: #ffffff;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
	background-color:#E40055;	/*point_color2*/
}

.be_artbox_title_03{

	padding-top: 3em !important;
}
.be_artbox_title_03 .be_artbox_title_value {
	box-shadow: none !important;
    position: absolute;
    display: inline-block;
    top: 0px;
    left: 0px;
    padding: 0 9px;
    vertical-align: middle;
    color: #ffffff;
    font-weight: bold;
	background-color:#E40055;	/*point_color2*/
}

.be_artbox_title_04{
	margin-top: 3em !important;
}
.be_artbox_title_04 .be_artbox_title_value {
	box-shadow: none !important;
	position: absolute;
	bottom: 100%;
	left: 0px;
	padding: 8px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 0.05em;
	background-color:#E40055;	/*point_color2*/
	width: 100%;
}

.be_artbox_title_05{
	padding-left: 35% !important;
}

.be_artbox_title_05 .be_artbox_title_value {
	box-shadow: none !important;
	position: absolute;
	top: 0px !important;
	left: 0px !important;
	background: #5fb3f5;
	background-color: rgb(95, 179, 245);
	background-color:#E40055;	/*point_color2*/
	padding: 4px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 0em;
	width: 30%;
	max-height: 100%;
	overflow: hidden;
	font-size: 42px;
}

.help-block{
	color:#016501;
}

/*conainerのカスタマイズ*/
.be_Container{
 padding-right:15px;
 padding-left:15px;
 margin-right:auto;
 margin-left:auto
}
@media (min-width:768px) {
 .be_Container {
  width:750px
 }
}
@media (min-width:992px) {
 .be_Container {
  width:970px
 }
}
@media (min-width:1200px) {
 .be_Container {
  width:1170px
 }
}

.be_Container2{
}

/*==========================================
    ふきだし
============================================*/
 
.arrow_answer,
.arrow_question {
    position: relative;
    background: #fff;
    border: 1px solid #c8c8c8;
    border-radius: 10px;
    width:83%;
    font-size: 14px;
    padding:3%;
}
 
.arrow_question {
    float: right;
}
 
.arrow_answer:after,
.arrow_answer:before,
.arrow_question:after,
.arrow_question:before {
    top: 15%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
 
.arrow_question:after,
.arrow_question:before {
    right: 100%;
}
 
.arrow_answer:after,
.arrow_answer:before{
     left: 100%;
}
 
.arrow_answer:after,
.arrow_question:after {
    border-color: rgba(255, 255, 255, 0);
    border-width: 8px;
    margin-top: -8px;
}
 
.arrow_answer:after{
    border-left-color: #fff;
}
 
.arrow_question:after{
    border-right-color: #fff;
     
}
 
.arrow_answer:before,
.arrow_question:before {
    border-color: rgba(200, 200, 200, 0);
    border-width: 9px;
    margin-top: -9px;
}
 
.arrow_answer:before{
    border-left-color: #c8c8c8;
}
 
.arrow_question:before {
    border-right-color: #c8c8c8;    
}
 
.question_image{
     float: left;
     width:15%;
}
 
.answer_image{
     float: right;
     width:15%;
}
 
.answer_image img,
.question_image img{
    border-radius: 50px;
    display: block;
    margin: 0 auto;
    max-width: 80px;
    width: 100%;
}
 
.question_Box .name {
    text-align: center;
    font-size: 12px;
}
.question_Box{
     width: 100%;
     overflow: hidden;
     margin-bottom: 8px;
}
.question_Box:nth-child(even){
     margin-bottom: 25px;
}

/*==========================================
    レスポンシブフォント
============================================*/
.font-responsive-s {
    font-size: 16px;
}
.font-responsive-m {
    font-size: 20px;
}
.font-responsive-l {
    font-size: 25px;
}

@media (min-width: 768px) {
.font-responsive-s {
    font-size: 20px;
}
.font-responsive-m {
    font-size: 26px;
}
.font-responsive-l {
    font-size: 32px;
}

}

/*==========================================
  faq
============================================*/

.faqs_items{
margin-bottom: 0px;
border-bottom: 1px solid #dce1e6;
    padding: 10px 0;
}

.faq_wrapper {
    margin: 0;
border-left: 4px solid #a8a8a8;
padding-left: 16px;
padding-right: 30px;
overflow: hidden;
}
.faq_question {
        position: relative;
    display: block;
cursor: pointer;
font-size: 14px;
font-weight: 600;
letter-spacing: normal;
line-height: 1.5;
}
.faq_question::before {
display: inline-block;
margin-top: -1px;
margin-right: 10px;
height: auto;
font-size: 16px;
content: "Q.";
}
.faq_question::after {
position: absolute;
top: 9px;
right: -20px;
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
-webkit-transition: 0.4s;
transition: 0.4s;
border-top: solid 2px #333;
border-right: solid 2px #333;
width: 12px;
height: 12px;
content: "";
}
.faq_question.collapsed::after {
    top: 4px;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}

.faq_answer {
        position: relative;
margin-top: 16px;
font-size: 16px;
}

.faq_answer::before {
display: inline-block;
margin-top: -1px;
margin-right: 10px;
height: auto;
font-size: 16px;
content: "A.";
}


/*---------------------------------------------------
    検索リストおよびページ一覧表示の追加CSS
 ----------------------------------------------------*/

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

   一番外のdivに付与する

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

/*---折り返しの段差解消----*/
.row-flex {
    display: flex;
    flex-wrap: wrap;
}

/*---通常のrowより一覧時のみ狭くする設定----*/
.row-index {
  margin-right: -5px;
  margin-left: -5px;
}

.row-index > div[class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;    
}


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

   aタグに付与する

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

/*------------------
　index_block_xx adrive
---------------------*/

a[class*="index_block"].active {
    background: #d2d2dd;
}


/*------------------
　index_block_xxの共通要素
---------------------*/

a[class*="index_block"] {
    position: relative;
    display: block;

    padding: 0 5px 0 0;
    height: 100%;
}

a[class*="index_block"] .row0 {
/*  
    margin-right: 0px;
    margin-left: 0px;
*/
}
a[class*="index_block"] .row0::after {
/* 
    clear: both;
*/    
}
a[class*="index_block"] .row0::after, .row0::before {
/* 
    display: table;
    content: " ";
*/    
}

a[class*="index_block"] .row0 div[class*="col-"] {
  padding-left: 5px;
  padding-right: 0px;
} 

/* content-image */
a[class*="index_block"] .content-image {
/*     position: relative;
    height: 100%;
    overflow: hidden;
    */
}

/* content-title */
a[class*="index_block"] .content-title{
	font-weight: bold;
	font-size: 75%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

@media (min-width: 768px) {
	a[class*="index_block"] .content-title{
		font-size: 100%;
	}

}

/* content-description */
a[class*="index_block"] .content-description{
    font-size: 75%;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

@media (min-width: 768px) {
	a[class*="index_block"] .content-description{
	font-size: 85%;
	}

}

/*------------------
一覧のデザインタイプ index_block_01～index_block_06
---------------------*/

/* 一覧のデザインタイプ1*/
.index_block_01 .row0 {
    height: 105px;
}
.index_block_01 .row0 > div {
    height:inherit;
}
.index_block_01 .content-image {
    height:inherit;
}


/* 一覧のデザインタイプ2*/
.index_block_02 .row0 {
    height: 74px;
}
.index_block_02 .row0 > div {
    height:inherit;
}
.index_block_02 .content-image {
    height:inherit;
}

.index_block_02 .row0 > div {
    display: table-cell;
    vertical-align: top;
}
.index_block_02 .row0 > div:first-child {
  width: 74px;
}
.index_block_02 .row0 > div:last-child {
    padding-left: 5px;
}


/* 一覧のデザインタイプ3*/
.index_block_03 .row0 {
    min-height: 50px;
}

.index_block_03 .row0 div[class*="col-"] {
  padding-left: 0px !important;
} 

.index_block_03 .content-description {
    height: 45px;
}

@media (min-width: 768px) {
    .index_block_03 .content-description {
        height: 50px;
    }
}

/* 一覧のデザインタイプ4*/
.index_block_04 > div {
    overflow: hidden;
}
.index_block_04 .content-image {
    height: 100px;
}
.index_block_04 .content-description {
    height: 45px;
}
@media (min-width: 768px) {
    .index_block_04 .content-description {
        height: 50px;
    }
}


/* 一覧のデザインタイプ5*/
.index_block_05 .aspect-content > div {
    height:100%;
}

.index_block_05 .aspect-container {
    position: relative;
    width: 80%;
    margin: 5px auto;
    max-width: 300px;
}
.index_block_05 .aspect-container:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.index_block_05 .aspect-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.index_block_05 .content-image {
    border-radius: 50%;
}

.index_block_05 .content-title {
    text-align: center;
    font-size: 19px !important;
}



/* 一覧のデザインタイプ6*/
.index_block_06 .content-image {
    height:150px;
}

.index_block_06 .row0 .content-title{
    position: absolute;
    height: 25px;
    padding: 0 5px 0 10px;
    bottom: 0;
    margin: 0px !important;
    color: #ffffff;
    line-height: 25px;
    background-color: rgba(0,0,0,0.3);
}


/*------------------
ホバーアニメタイプ
---------------------*/

/* ホバーアニメタイプ1　フラッシュ  */
.hover-anime1:hover{
opacity: 1;
  -webkit-animation: flash 1.5s;
  animation: flash 1.5s;
}
@-webkit-keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}

/* ホバーアニメタイプ2 ズーム */
.hover-anime2 {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.hover-anime2:hover{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.9;
}

/* ホバーアニメタイプ3　ボトムアップ  */
.hover-anime3 {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.hover-anime3:hover{
	-webkit-transform: translate(0, -5px);
	transform: translate(0, -5px);
	opacity: 0.9;

}

/* ホバーアニメタイプ4　回転ズーム  */
.hover-anime4 {
  -webkit-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.hover-anime4:hover{
	-webkit-transform: scale(1.1) rotate(2deg);
	transform: scale(1.1) rotate(2deg);
	opacity: 0.9;
}

/* ホバーアニメタイプ5　フラッシュシャドウ  */
.hover-anime5:hover{
opacity: 1;
  -webkit-animation: shadow 1.5s;
  animation: shadow 1.5s;
}
@-webkit-keyframes shadow {
  0% {
    box-shadow: 2px 2px 15px #999;
  }
  100% {
    box-shadow: 2px 2px 15px #fff;
  }
}
@keyframes shadow {
  0% {
    box-shadow: 2px 2px 15px #999;
  }
  100% {
    box-shadow: 2px 2px 15px #fff;
  }
}




/*------------------
    既読＆未読 read1
---------------------*/

/* 場所（右上、先頭）*/
/* サイズ（中、小、大）*/
/* 角形（丸、角丸、四角） */
/* 背景カラー＋テキストカラー（赤、黄、緑、青、水、グレー） */
/* テキスト（なし、びっくり、チェック、数字） */

/* デフォルト設定　*/
.read::after {
    display: flex;
    pointer-events: auto;
    justify-content: center;
    align-items: center;    
    font-family: "FontAwesome";

    /*場所（右上）*/
    position: absolute;
	top: -10px;
	right: 0px;

    /* サイズ（中）*/
    width: 20px;
	height: 20px;
	font-size: 15px;
    font-weight: 100;

    /*角形（丸）*/
    border-radius: 50%;

    /* 背景カラー＋テキストカラー */
    background-color:rgb(239, 30, 30);
	color: #fff;
    /* テキスト（なし、びっくり、チェック、数字） */

    content: "";
}

/* 場所（先頭）*/
.read-place-left {
    padding-left: 30px !important;
}
.read-place-left::after {
    top: calc(50% - 10px);
	left: 5px;
}

/* 場所が先頭の場合で各サイズ位置調整*/
.read-place-left.read-size-small::after {
    left: 7px;
}
.read-place-left.read-size-big {
    padding-left: 40px !important;
}
.read-place-left.read-size-big::after {
    left: 7px;
}


/* サイズ（中、小、大）*/
.read-size-small::after {
    width: 15px;
	height: 15px;
	font-size: 10px;
}
.read-size-big::after {
    width: 25px;
	height: 25px;
	font-size: 20px;
}


/* 角形（丸、角丸、四角） */
.read-radius-25::after {
    border-radius: 25%;
}
.read-radius-0:after {
    border-radius: 0;
}

/* 背景カラー（赤、黄、緑、青、水、グレー,黒） */
.read-bg-none:after {
    background-color:rgba(255, 255, 255, 0);
}
.read-bg-warning:after {
    background-color:rgba(255, 181, 31, 1);
}
.read-bg-success:after {
    background-color:rgba(89, 180, 89, 1);
}
.read-bg-primary:after {
    background-color:rgba(46, 109, 194, 1);
}
.read-bg-info:after {
    background-color:rgba(74, 185, 218, 1);
}
.read-bg-gray:after {
    background-color:rgba(200, 200, 200, 1);
}
.read-bg-black:after {
    background-color:rgba(0, 0, 0, 1);
}

/* 背景カラー枠バージョン（赤、黄、緑、青、水、グレー,黒） */
.read-bg-border-danger:after {
    border: 2px solid rgba(239, 30, 30, 1);
    color:rgba(239, 30, 30, 1);
    background-color:rgba(255, 255, 255, 0);
}
.read-bg-border-warning:after {
    border: 2px solid rgba(255, 181, 31, 1);
    color:rgba(255, 181, 31, 1);
    background-color:rgba(255, 255, 255, 0);
}
.read-bg-border-success:after {
    border: 2px solid rgba(89, 180, 89, 1);
    color:rgba(89, 180, 89, 1);
    background-color:rgba(255, 255, 255, 0);
}
.read-bg-border-primary:after {
    border: 2px solid rgba(46, 109, 194, 1);
    color:rgba(46, 109, 194, 1);
    background-color:rgba(255, 255, 255, 0);    
}
.read-bg-border-info:after {
    border: 2px solid rgba(74, 185, 218, 1);
    color:rgba(74, 185, 218, 1);
    background-color:rgba(255, 255, 255, 0);
}
.read-bg-border-gray:after {
    border: 2px solid rgba(200, 200, 200, 1);
    color:rgba(200, 200, 200, 1);
    background-color:rgba(255, 255, 255, 0);
}
.read-bg-border-black:after {
    border: 2px solid rgba(0, 0, 0, 1);
    color:rgba(0, 0, 0, 1);
    background-color:rgba(255, 255, 255, 0);
}




/* テキスト（なし、びっくり、チェック） */

.read-content-exclamation:after {
    content: "\f12a";
}
.read-content-check:after {
    content: "\f00c";
}



/* 既読％のグラフ表示 */
a[class*="index_block"] .progress.progress-xs {
    height: 3px !important;
}

/*------------------
   リンク先を見る権限がない時　locked
    read1より後につける
---------------------*/
.locked {
	cursor: not-allowed;
	position: relative;
	display: block;
}

.locked::after {
	position: absolute;
	content: "\f023";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	pointer-events: none;
	font-family: "FontAwesome";
	font-size: 4.5em;
	color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}






/* ===========
   Helper classes
=============*/
.p-0 {
  padding: 0px !important;
}
.p-5 {
  padding: 5px !important;
}
.p-10 {
  padding: 10px !important;
}
.p-t-0 {
  padding-top: 0px !important;
}
.p-t-10 {
  padding-top: 10px !important;
}
.p-t-15 {
  padding-top: 15px !important;
}
.p-b-0 {
  padding-bottom: 0px !important;
}

.p-b-5 {
  padding-bottom: 5px !important;
}
.p-b-10 {
  padding-bottom: 10px !important;
}
.p-l-5 {
  padding-left: 5px !important;
}
.p-l-10 {
  padding-left: 10px !important;
}
.p-l-15 {
  padding-left: 15px !important;
}

.p-r-0 {
  padding-right: 0px !important;
}
.p-r-5 {
  padding-right: 5px !important;
}
.p-r-15 {
  padding-right: 15px !important;
}
.m-0 {
  margin: 0px !important;
}
.m-5 {
  margin: 5px 5px !important;
}

.m-r-5 {
  margin-right: 5px !important;
}
.m-r-10 {
  margin-right: 10px !important;
}
.m-r-15 {
  margin-right: 15px !important;
}
.m-l-5 {
  margin-left: 5px !important;
}
.m-l-10 {
  margin-left: 10px !important;
}
.m-l-15 {
  margin-left: 15px !important;
}
.m-l-30 {
  margin-left: 30px !important;
}
.m-t-5 {
  margin-top: 5px !important;
}
.m-t-0 {
  margin-top: 0px !important;
}
.m-t-10 {
  margin-top: 10px !important;
}
.m-t-15 {
  margin-top: 15px !important;
}
.m-t-20 {
  margin-top: 20px !important;
}
.m-t-30 {
  margin-top: 30px !important;
}
.m-t-40 {
  margin-top: 40px !important;
}
.m-b-0 {
  margin-bottom: 0px !important;
}
.m-b-5 {
  margin-bottom: 5px !important;
}
.m-b-10 {
  margin-bottom: 10px !important;
}
.m-b-15 {
  margin-bottom: 15px !important;
}
.m-b-20 {
  margin-bottom: 20px !important;
}
.m-b-25 {
  margin-bottom: 25px !important;
}
.m-b-30 {
  margin-bottom: 30px !important;
}

.font-bold {
  font-weight: bold;
}
.font-11,.font-11 th,.font-11 td {
  font-size: 11px;
}
.font-13,.font-13 th,.font-13 td  {
  font-size: 13px;
}
.font-15,.font-15 th,.font-15 td {
  font-size: 15px;
}
.font-17,.font-17 th,.font-17 td {
  font-size: 17px;
}
.font-19,.font-19 th,.font-19 td {
  font-size: 19px;
}

/*-------------------
5等分のオリジナルcolumn
---------------------*/
.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5,
.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5,
.col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5,
.col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}   
.col-xs-1-5 {
    width: 20%;
    float: left;
}
.col-xs-2-5 {
    width: 40%;
    float: left;
}

.col-xs-3-5 {
    width: 60%;
    float: left;
}

.col-xs-4-5 {
    width: 80%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-1-5 {
        width: 20%;
        float: left;
    }
    .col-sm-2-5 {
        width: 40%;
        float: left;
    }
    .col-sm-3-5 {
        width: 60%;
        float: left;
    }
    .col-sm-4-5 {
        width: 80%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
    .col-md-2-5 {
        width: 40%;
        float: left;
    }
    .col-md-3-5 {
        width: 60%;
        float: left;
    }
    .col-md-4-5 {
        width: 80%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
    .col-lg-2-5 {
        width: 40%;
        float: left;
    }
    .col-lg-3-5 {
        width: 60%;
        float: left;
    }
    .col-lg-4-5 {
        width: 80%;
        float: left;
    }
}