body .cke_top,
 body .cke_float { max-width: 800px;}

.cke_wysiwyg_frame {margin: 2em 0;}
.cke_editable {font-size: 16px; line-height: 1.6; word-wrap: break-word;	padding: 1rem 0;  color :#000; }

.panel_div { display: block; padding:1em; overflow: hidden;}

ul.cke_panel_list {
 display: -webkit-box; display: -ms-flexbox;
 display: -webkit-flex; display: flex;
 -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
}

li.cke_panel_listItem { }

h1.cke_panel_grouptitle {font-size: 18px; color:#fff; background-color:#BF0000; margin: 0.5em 0 1em; padding: 0.5em 0.4em; border-radius: 5px;}

.cke_panel_block {width:auto!important;}
.cke_panel_block {display: block;overflow: hidden;}
.cke_panel {important;padding:0!important;}
.cke_panel::-webkit-scrollbar { display: none; }
.cke_panel, .cke_combopanel, .cke_panel_block {box-sizing: border-box;}

.hdl { margin: 0.5rem 0 0.6em; display:block; font-size:2rem;}
li.cke_panel_listItem .hdl  { width: 8em; margin-left:2%;}
li.cke_panel_listItem .hdl-eco  { width: 12em; margin-left:2%;}
li.cke_panel_listItem > a > p {width:100%;}
.cke_panel_listItem.cke_selected a, .cke_panel_listItem a:hover, .cke_panel_listItem a:focus, .cke_panel_listItem a:active {
  background-color: #fdfdfd; text-decoration: none;
}

.cke_chrome {border: none!important;}
li.cke_panel_listItem > a > .mb-2 { margin-bottom:1em; display:block;}

.style-col { display:block; width: 100%!important; overflow: hidden;float: none; margin-bottom: 1em;}

.cke_button_templates .cke_label,
.cke_button_showblocks .cke_label,
.cke_button_removeFormat .cke_label { display: inline;}

.fltr, .fltl { display:inline-block; min-height:1rem; }
.fltr {float:right;margin-left:1rem;}
.fltl {float:left;margin-right:1rem;}

.cke_show_borders a:link, .content_body a:link, .page_body a:link {color: #0000CC;}
.cke_show_borders a:visited, .content_body a:visited, .page_body a:visited {color: #80008b;}
.cke_show_borders a:hover, .content_body a:hover, .page_body a:hover {color: #CC0000; position: relative; top: 1px; left: 1px;}
.cke_show_borders a:active, .content_body a:active, .page_body a:active {color: #CC0000;}

.cke_show_borders { overflow:hidden;}
td.cke_bottom{display:none!important;}

.cke_show_borders p, [class$="_body"] p, [class*="_body "] p, [class$="_box"] p, [class*="_box "] p {margin-bottom:1em;}

td.cke_dialog_contents > div.cke_dialog_page_contents {
    overflow-y: auto;
    overflow-x: hidden;
}

label > span.mojicon {
 margin-right: 0;
 font-size: 32px;
}

.font-meiryo {font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;}
.font-mincho {font-family:”ＭＳ Ｐ明朝”, “MS PMincho”, “ヒラギノ明朝 Pro W3″, “Hiragino Mincho Pro”, serif;}
.font-gothic {font-family: 'MS PGothic', Osaka, Arial, sans-serif;}
.font-newgothic{font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
.font-newmincho{font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;}
.font-mono{font-family: "Osaka－等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", monospace;}
.font-marugo{font-family : "ヒラギノ丸ゴ Pro W4", "Hiragino maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO","Verdana","Osaka",sans-serif;}
.font-bmarugo{font-family: "ヒラギノ丸ゴ ProN","Hiragino Maru Gothic ProN","Meiryo UI";}
.font-arial{font-family: "arial";}
.font-haettenschweiler{font-family: "Haettenschweiler";}
.font-monotype{font-family: "Monotype Corsiva";}
.font-hgothic {font-family: "HGP創英角ｺﾞｼｯｸUB", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";}

.youtube_embed { position:relative; padding-bottom:56.25%; padding-top:30px; overflow:hidden; max-width:100%!important; height:auto; }
.youtube_embed iframe, .youtube_embed object, .youtube_embed embed { position:absolute;top:0;left:0;width:100%!important;height:100%!important; }
.youtube_embed img.cke_iframe { position:absolute;top:0;left:0;width:99%!important;height:99%!important; }

iframe[type="editor-content-textarea"] body table, [class$="_body"] table, [class*="_body "] table, [class$="_box"] table, [class*="_box "] table {
   -webkit-text-size-adjust: 100%;
   table-layout:auto;
   overflow:auto;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;
   margin: 0;
   border-collapse: separate;
   border-spacing: 0;
   background-color: transparent;
   border-top: 1px solid #CCC;
   border-left: 1px solid #CCC;
   border-radius: 3px 3px 3px 3px!important;
}
iframe[type="editor-content-textarea"] body table th, [class$="_body"] table th, [class*="_body "] table th, [class$="_box"] table th, [class*="_box "] table th,
iframe[type="editor-content-textarea"] body table td, [class$="_body"] table td, [class*="_body "] table td, [class$="_box"] table td, [class*="_box "] table td {
    padding:7px;
    background:#FFF;
    border-bottom:solid 1px #CCC;
    border-right:solid 1px #CCC;
}

iframe[type="editor-content-textarea"] body table tr:first-child *:first-child,
[class$="_body"] table tr:first-child *:first-child,
[class*="_body "] table tr:first-child *:first-child,
[class$="_box"] table tr:first-child *:first-child,
[class*="_box "] table tr:first-child *:first-child {
    border-top-left-radius: 3px!important;
}
iframe[type="editor-content-textarea"] body table tr:first-child *:last-child,
[class$="_body"] table tr:first-child *:last-child,
[class*="_body "] table tr:first-child *:last-child,
[class$="_box"] table tr:first-child *:last-child,
[class*="_box "] table tr:first-child *:last-child {
    border-top-right-radius: 3px!important;
}
iframe[type="editor-content-textarea"] body table tr:last-child *:first-child,
[class$="_body"] table tr:last-child *:first-child,
[class*="_body "] table tr:last-child *:first-child,
[class$="_box"] table tr:last-child *:first-child,
[class*="_box "] table tr:last-child *:first-child { border-bottom-left-radius: 3px!important; }
iframe[type="editor-content-textarea"] body table tr:last-child *:last-child,
[class$="_body"] table tr:last-child *:last-child,
[class*="_body "] table tr:last-child *:last-child,
[class$="_box"] table tr:last-child *:last-child,
[class*="_box "] table tr:last-child *:last-child { border-bottom-right-radius: 3px!important; }

iframe[type="editor-content-textarea"] body table thead tr:first-child th:first-child,
[class$="_body"] table thead tr:first-child th:first-child,
[class*="_body "] table thead tr:first-child th:first-child,
[class$="_box"] table thead tr:first-child th:first-child,
[class*="_box "] table thead tr:first-child th:first-child { border-top-left-radius: 3px!important; }
iframe[type="editor-content-textarea"] body table thead tr:first-child th:last-child,
[class$="_body"] table thead tr:first-child th:last-child,
[class*="_body "] table thead tr:first-child th:last-child,
[class$="_box"] table thead tr:first-child th:last-child,
[class*="_box "] table thead tr:first-child th:last-child { border-top-right-radius: 3px!important; }
iframe[type="editor-content-textarea"] body table thead tr:last-child th:first-child,
[class$="_body"] table thead tr:last-child th:first-child,
[class*="_body "] table thead tr:last-child th:first-child,
[class$="_box"] table thead tr:last-child th:first-child,
[class*="_box "] table thead tr:last-child th:first-child { border-bottom-left-radius: 0!important; }
iframe[type="editor-content-textarea"] body table thead tr:first-child th:last-child,
[class$="_body"] table thead tr:first-child th:last-child,
[class*="_body "] table thead tr:first-child th:last-child,
[class$="_box"] table thead tr:first-child th:last-child,
[class*="_box "] table thead tr:first-child th:last-child { border-bottom-right-radius: 0!important; }

iframe[type="editor-content-textarea"] body table thead + tbody tr:first-child *:first-child,
[class$="_body"] table thead + tbody tr:first-child *:first-child,
[class*="_body "] table thead + tbody tr:first-child *:first-child,
[class$="_box"] table thead + tbody tr:first-child *:first-child,
[class*="_box "] table thead + tbody tr:first-child *:first-child {
 border-top-left-radius: 0!important;
}

iframe[type="editor-content-textarea"] body table thead + tbody tr:first-child *:last-child,
[class$="_body"] table thead + tbody tr:first-child *:last-child,
[class*="_body "] table thead + tbody tr:first-child *:last-child,
[class$="_box"] table thead + tbody tr:first-child *:last-child,
[class*="_box "] table thead + tbody tr:first-child *:last-child {
 border-top-right-radius: 0!important;
}

iframe[type="editor-content-textarea"] body table tr:first-child img:first-child,
[class$="_body"] table tr:first-child img:first-child,
[class*="_body "] table tr:first-child img:first-child,
[class$="_box"] table tr:first-child img:first-child,
[class*="_box "] table tr:first-child img:first-child {
 border-top-left-radius: 0!important;
}
iframe[type="editor-content-textarea"] body table tr:first-child img:last-child,
[class$="_body"] table tr:first-child img:last-child,
[class*="_body "] table tr:first-child img:last-child,
[class$="_box"] table tr:first-child img:last-child,
[class*="_box "] table tr:first-child img:last-child { border-top-right-radius: 0!important; }
iframe[type="editor-content-textarea"] body table img,
[class$="_body"] table img,
[class*="_body "] table img { display: inline-block; line-height: 1; }

table.cke_dialog_contents,
table.cke_dialog_contents table,
table.cke_dialog_contents th,
table.cke_dialog_contents td,
table.cke_dialog_contents tr { border-radius: 0!important;
  border-top-left-radius: 0!important;
  border-top-right-radius: 0!important;
  border-bottom-left-radius: 0!important;
  border-bottom-left-radius: 0!important;
  border-top: none!important;
  border-left: none!important;
  border-right: none!important;
  border-bottom: none!important;
}
.cke_dialog_ui_button_cancel {background-color: #ddd; color:#000;}

@media screen and (min-width: 0px) and (max-width: 480px) {
table.dlbox td,table.dlbox th {
 width: 100%;
 display: block;
 text-align: left;
}
table.dlbox tr:first-child *:first-child {
    border-top-left-radius: 3px!important;
    border-top-right-radius: 3px;
}
table.dlbox tr:first-child *:last-child {
    border-top-right-radius: 0px!important;
}
table.dlbox tr:last-child *:first-child {
    border-bottom-left-radius: 0px!important;
}
table.dlbox tr:last-child *:last-child {
    border-bottom-left-radius: 3px!important;
    border-bottom-right-radius: 3px!important;
}
}

.rad5box {
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 border: 1px solid rgba(111,111,111,.2);
 box-shadow: 0 1px 0 rgba(255,255,255,.3) inset, -1px 0 0 rgba(255,255,255,.3) inset, 0 1px 0 rgba(255,255,255,.3), -1px 0 0 rgba(255,255,255,.3);
 margin: 7px 0;
}
.nof { float: none; }
.cf:before,
.cf:after {
    width: 100%;
    height: 1px;
    content:"";
    display:table;
}
.textfull .text { width:98%; }
.cf:after {
 clear:both;
 float: none;
}

.cke_panel_listItem .padedbox { padding: 0.3em 1em; }
.cke_panel_listItem .bgred, .bgred { background-color:#BF0000; color: #fff; }
.cke_panel_listItem .bgblue, .bgblue { background-color:#0000EE; color: #fff; }
.cke_panel_listItem .bggreen, .bggreen { background-color:#149600; color: #fff; }
.cke_panel_listItem .bgorange, .bgorange { background-color:#DC6C17; color: #fff; }
.cke_panel_listItem .bgyellow, .bgyellow { background-color:#F8BF00; color: #000; }
.cke_panel_listItem .bgpeach, .bgpeach {background-color:#EE8393; color: #fff;}
.cke_panel_listItem .bgblack, .bgblack {background-color:#000; color: #fff;}
.cke_panel_listItem .bgwhite, .bgwhite {background-color:#fff; color: #000;}
.cke_panel_listItem .bgglay, .bgglay {background-color:#F3F3F3; color: #000;}
.bgred a, .bgblue a,.bggreen a,.bgorange a,.bgpeach a,.bgblack a,.bgred a:visited,.bgblue a:visited,.bggreen a:visited,
.bgorange a:visited,.bgpeach a:visited,.bgblack a:visited { color: #fff;}
.bgyellow a, .bgwhite a, .bgyellow a:visited, .bgwhite a:visited, .bgglay a, .bgglay a:visited { color: #000;}


/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; }

.cke_show_borders img { margin: 0 0.5em 0 0; }
.cke_show_borders hr, .content_body hr { clear:both; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; }
blockquote { padding: 0px 0px 0px 15px;  margin: 0px 0px 20px;  border-left: 5px solid #EEE; }
.cke_show_borders ul, .cke_show_borders ol {
 padding: 0;
 margin: 0;
}

hr { margin:20px 0;border:0;border-top:1px solid #eee;border-bottom:1px solid #fff }

/* 見出し 調整　*/
.cke_panel_listItem div { font-size: 16px; }
.cke_panel_listItem .padedbox { font-size: 16px; padding: 0.2em 1em; }

.ceckmark, .marumark, .batumark {
display: inline-block;
height: 100%;
margin-top: 0.05em;
padding-left: 1.3em;
margin-bottom: 0.1em;
-moz-background-size:auto 1.1em  auto;
background-size: 1.1em  auto;
line-height: 1.2;
}
.ceckmark > span:first-child,
.marumark > span:first-child,
.batumark > span:first-child { padding-left: 1em; }

.cke_panel_listItem .ceckmark,
.cke_panel_listItem .marumark,
.cke_panel_listItem .batumark { font-size: 18px; }

.marker_yellow {
  background: linear-gradient(transparent 40%, #ffff66 40%);
  position: relative;
}

.marker_yellow:before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 0.4em solid #ffff66;
    border-left: 6px solid transparent;
    position: absolute;
    bottom: 0;
    left: -6px;
}

.marker_yellow:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 0.6em solid #ffff66;
    border-right: 6px solid transparent;
    position: absolute;
    bottom: 0;
    right: -6px;
}

.marker_pink {
  background: linear-gradient(transparent 40%, #ff66ff 40%);
  position: relative;
}
.marker_pink:before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 0.4em solid #ff66ff;
    border-left: 6px solid transparent;
    position: absolute;
    bottom: 0;
    left: -6px;
}
.marker_pink:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 0.6em solid #ff66ff;
    border-right: 6px solid transparent;
    position: absolute;
    bottom: 0;
    right: -6px;
}

.marker_blue {
  position: relative;
  padding: 0 .4em .1em;
}
.marker_blue::after {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 100%;
  height: 10px;
  background-color: #b6f0fc;
}

.marker_red {
  position: relative;
  padding: 0 .4em .1em;
}
.marker_red::after {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 100%;
  height: 10px;
  background-color: #BF0000;
}
.cke_panel_listItem .padedbox, .padedbox { display: inline-block; padding: 0.5em 1em; margin: 14px 0 0; width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.cke_panel_listItem .botn, .botn { display: inline-block; padding: 0.5em 1em; margin: 3px; }

.cke_panel_listItem .rad5, .rad5 {
 border-radius: 5px;
 position: relative;
}
.cke_panel_listItem  .wow { padding: 2px; border-radius: 3px; margin:1px; border:solid #ccc 1px; }


/* センターライン見出し */
.hdl-arrow {
position: relative;
padding-left: 25px;
}

.hdl-arrow:before {
position: absolute;
content: '';
bottom: -3px;
left: 0;
width: 0;
height: 0;
border: none;
border-left: solid 15px transparent;
border-bottom: solid 15px #000;
}
.hdl-arrow:after {
position: absolute;
content: '';
bottom: -3px;
left: 10px;
width: 100%;
border-bottom: solid 3px #000;
}

/* センターライン見出し */
.hdl-centerline {
position: relative;
display: block;
padding: 0 0.5em;
margin: 0.5em auto;
text-align: center;
background-color: #fff;
}

.hdl-centerline:before {
content: '';
position: absolute;
top: 50%;
display: block;
width: 100%;
height: 1px;
background-color: black;
z-index: -1;
}

.hdl-centerline:before {left:0;}
.hdl-centerline:after {right: 0;}

/* 交差線見出し */
.hdl-kousa {
position: relative;
padding: 0.25em 1em;
border-top: solid 2px black;
border-bottom: solid 2px black;
}
.hdl-kousa:before, .hdl-kousa:after{
content: '';
position: absolute;
top: -7px;
width: 2px;
height: -webkit-calc(100% + 14px);
height: calc(100% + 14px);
background-color: black;
}
.hdl-kousa:before {left: 7px;}
.hdl-kousa:after {right: 7px;}

/* 角くるん */
.hdl-maruwrap{
position: relative;
padding: 0.25em 1em;
border: solid 2px black;
border-radius: 3px 0 3px 0;
}

.hdl-maruwrap:before,.hdl-maruwrap:after
{
content: '';
position: absolute;
width:10px;
height: 10px;
border: solid 2px black;
border-radius: 50%;
}

.hdl-maruwrap:after {top:-12px;left:-12px;}
.hdl-maruwrap:before {bottom:-12px;right:-12px;}

/* 中央まる */
.hdl-marucenter {
position: relative;
color: #333333;
display: inline-block;
margin: 47px 0;
text-shadow: 0 0 2px white;
}
.hdl-marucenter:before {
content: "";
position: absolute;
background: #ffd69d;
width: 100px;
height: 100px;
border-radius: 50%;
top: 50%;
/* border: dashed 1px white; */
left: 50%;
-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index: -1;
}

/* エコタイトル */
.hdl-eco {
position: relative;
font-size: 20px;
padding: 10px 0;
text-align: center;
margin: 1.5em 0;
}
.hdl-eco:before {
content: "";
position: absolute;
top: -8px;
left: 50%;
width: 150px;
height: 58px;
border-radius: 50%;
border: 5px solid #a6ddb0;
border-left-color: transparent;
border-right-color: transparent;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: -1;
}

/* 布風 */
.hdl-nuno {
background: #dfefff;
box-shadow: 0px 0px 0px 5px #dfefff;
border: dashed 1px #96c2fe;
padding: 0.2em 0.5em;
color: #454545;
}
/* 見出し */
.hdl-custm {
position:relative;
color: #000;
margin: 0 0 21px;
padding: 7px 0;
width:100%;
border-bottom:solid #333 2px;
box-shadow: 0 1px 0 rgba(255,255,255,.3);
font-size: 2em;
}

/* 見出し　ドロップキャップ */
.hdl-drcp { font-size: 1em; display: block; margin-bottom:14px;}
.hdl-drcp:first-letter { font-size: 3em; float: left; line-height: 1; display: inline-block; margin-right: 0.2em;}

/* 見出し　先頭大文字 */
.hdl-1b{ padding-bottom: .5em; border-bottom: 1px solid #ccc;}
.hdl-1b:first-letter { margin-right: .1em; font-size: 1.5em; }

/* １文字目まる */
.hdl-firstmaru {
position: relative;
color: #333333;
text-shadow: 0 0 2px white;
display: block;
padding-left: 1em;
}
.hdl-firstmaru:before {
content: "";
position: absolute;
background: #9de5ff;
width: 40px;
height: 40px;
border-radius: 50%;
top: 50%;
left: 2px;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: -1;
}
.hdl-firstmaru:first-letter {margin-right:0.1em;font-size:1.5em;}

/* 見出し　２重下線 */
.hdl-wb { padding-bottom: .5em; border-bottom: 3px double #ccc;}
/* 見出し　上下線 */
.hdl-tbb { padding: .75em 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
/* 見出し　上下２重線 */
.hdl-tbbw { position: relative; padding: 1em 0;}
.hdl-tbbw::before, .hdl-tbbw::after { position: absolute;
  left: 0;
  content: '';
  width: 100%;
  height: 6px;
  box-sizing: border-box;
}
.hdl-tbbw::before {
  top: 0;
  border-top: 2px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.hdl-tbbw::after {
  bottom: 0;
  border-top: 1px solid #ccc;
  border-bottom: 2px solid #ccc;
}
/* 見出し　左線 */
.hdl-lb {
  padding: .25em 0 .25em .75em;
  border-left: 6px solid #ccc;
}
/* 見出し　囲み */
.hdl-wrap {
  padding: .5em .75em;
  border: 1px solid #ccc;
  border-radius: 4px;
}
/* 見出し　手書き風 */
.hdl-hwrap, .style-hwrap {
  padding: 1em;
  border: 3px solid #ccc;
  border-radius: 3em .7em 2em .7em/.7em 2em .7em 3em;
}
.style-hwrap { display: inline-block; }

/* 見出し　切り取り */
.hdl-cut {
  padding: .5em .75em;
  background: #f4f4f4;
  border-top: 1px dashed #ccc;
  border-bottom: 1px dashed #ccc;
  box-shadow: 0 7px 10px -5px rgba(0, 0, 0, .1) inset;
}
/* 見出し　切り取りはさみ付き */
.hdl-cuts {
  position: relative;
  padding: .5em .75em;
  background: #f4f4f4;
  border-bottom: 1px dashed #ccc;
  box-shadow: 0 7px 10px -5px rgba(0, 0, 0, .1) inset;
}
.hdl-cuts::after {
  position: absolute;
  bottom: -9px;
  right: 10%;
  content: '\002702';
  color: #aaa;
  font-size: 18px;
  line-height: 1;
}
/* ペーパー */
.hdl-paper, .style-paper {
  position: relative;
  padding: 2.5em 4em 1em 1em;
  -webkit-background: linear-gradient(-155deg, rgba(0, 0, 0, 0) 1.5em, #f6f6f6 0%);
  background: linear-gradient(-155deg, rgba(0, 0, 0, 0) 1.5em, #f6f6f6 0%);
  border-radius: 6px;
}
.style-paper {display:inline-block;}
.hdl-paper::after, .style-paper::after {
  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));
  background: linear-gradient(to left bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .2));
  border-bottom-left-radius: 6px;
  box-shadow: -.2em .2em .3em -.1em rgba(0, 0, 0, .15);
  -webkit-transform: translateY(-1.89424em) rotate(-40deg);
  transform: translateY(-1.89424em) rotate(-40deg);
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
}
/* 見出し　２重線 */
.hdl-wbdr {
  position: relative;
  padding-bottom: .5em;
}
.hdl-wbdr::before,
.hdl-wbdr::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  height: 4px;
}
.hdl-wbdr::before {
  z-index: 2;
  width: 15%;
  background-color: #444;
}
.hdl-wbdr::after {
  width: 100%;
  background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);
  background: repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);
}

/* 右上がり見出し */
.hdl-up {
  position: relative;
  padding: 0.4em;
  margin: 0 0 1em;
  font-weight: bold;
  color: #fff;
  background: #B92A2C;
  transform: rotate(-1deg) skew(-1deg);
  -webkit-transform: rotate(-1deg) skew(-1deg);
  -moz-transform: rotate(-1deg) skew(-1deg);
  -o-transform: rotate(-1deg) skew(-1deg);
  -ms-transform: rotate(-1deg) skew(-1deg);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #B92A2C, -1.0em 0 0 0 #B92A2C;
  -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #B92A2C, -1.0em 0 0 0 #B92A2C;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #B92A2C, -1.0em 0 0 0 #B92A2C;
  -o-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #B92A2C, -1.0em 0 0 0 #B92A2C;
  -ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #B92A2C, -1.0em 0 0 0 #B92A2C;
}

/* 見出し */
.hdl-bdrw { position: relative; font-size: 1.5em; line-height: 1;
margin: 1em 0; padding: 7px 16px;
border-left: 9px double #006600;
}
.hdl-bdrw:after {
 content: "";
 position: absolute;
 bottom: 0px;
 left: 0;
 height: 0;
 width: 100%;
 border-bottom: 1px dotted #ccc;
}

/* 四角四角見出し */
.hdl-sqsq {
    position: relative;
    padding-left: 1.7em;
    padding-top: 0.2em;
    mrgin-bottom: 21px;
    line-height; 1.8;
    font-size: 22px;
}
.hdl-sqsq:before {
    position: absolute;
    top: 0.3em;
    left: 0;
    width: 0.8em;
    height: 0.8em;
    border: 4px solid #C6D9EA;
    content: "";
}
.hdl-sqsq:after {
    position: absolute;
    bottom: 0;
    left: 9px;
    width: 0.8em;
    height: 0.8em;
    border: 1px solid #3E78FD;
    content: "";
}

/* 丸丸見出し */
.hdl-marumaru {
  position: relative;
  padding: 0 .5em .5em 2em;
  border-bottom: 1px solid #ccc;
}
.hdl-marumaru::before,
.hdl-marumaru::after {
  position: absolute;
  content: '';
  border-radius: 100%
}
.hdl-marumaru::before {
  top: .2em;
  left: .2em;
  z-index: 2;
  width: 18px;
  height: 18px;
  background: rgba(150, 150, 150, .5);
}
.hdl-marumaru::after {
  top: .7em;
  left: .7em;
  width: 13px;
  height: 13px;
  background: rgba(210, 210, 210, .5);
}
/* 吹き出し見出し */
.style-fuki {
  position: relative;
  display: inline-block;
  padding: .5em .75em;
  background-color: #f0f0f0;
  border-radius: 6px;
}
.style-fuki::after {
  position: absolute;
  top: 100%;
  left: 30px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #f0f0f0;
}
/* 吹き出し枠 */
.style-fukiwaku {
  position: relative;
  display: inline-block;
  padding: .5em .75em;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
}
.style-fukiwaku::before,
.style-fukiwaku::after {
  position: absolute;
  top: 100%;
  left: 30px;
  content: '';
  height: 0;
  width: 0;
  border: 10px solid transparent;
}
.style-fukiwaku::before {
  border-top: 15px solid #ccc;
}
.style-fukiwaku::after {
  margin-top: -2px;
  border-top: 15px solid #fff;
}
/* 付箋風 */
.hdl-fusen {
    position:relative;
		display: inline-block;
    margin: .3em 0;
    padding: 1em 2em;
    background:#FDEE74;
    color:#000;
}
.hdl-fusen:before {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    content: "";
    border-width: 5px 6px;
    border-style: solid;
    border-color: rgb(255, 255, 255) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgb(255, 255, 255);
}
/* ポストイット */
.style-postit {
    font-size: 0.9em;
    margin: .3em 0;
    padding: 1em 2em 1em 1em;
    position: relative;
		display: inline-block;
    background: linear-gradient(to right, #ffffcc 0%, #f1f1c1 0.5%, #f1f1c1 13%, #ffffcc 16%);
}
.style-postit::after {
    content:"";
    display:block;
    position: absolute;
    z-index: -1;
    bottom: 5px;
    right: 0;
    height: 15px;
    width: 99%;
    background: rgba(0,0,0,0.5);
    box-shadow: 0 5px 5px rgba(0,0,0,0.3);
    transform: rotate(2deg);
}
/* 付箋メモ */
.postitmemo {
 display: inline-block;
 margin: .3em 1em 20px;
 padding:25px 15px;
 background:#fefabc;
 background-color: #fefabc;
 background-image: linear-gradient(150deg, #efec88 0%, #fefabc 100%);
 background: #fefabc linear-gradient(150deg, #efec88 0%, #fefabc 100%);
 border: 1px solid #cccccc;
 box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
 transform:rotate(4deg);
}
.postitmemo::before {
  content: "";
  background-color: rgba(0,0,0,0.025);
  position: absolute;
  width: 100%;
  border: 0;
  left: 0px;
  top: 0;
  height: 40px;
  z-index: -1;
}

/* しろぬき文字 */
.shironuki {
color:#fff;
text-shadow: rgb(0, 0, 0) 1px 0px 0px, rgb(0, 0, 0) -1px 0px 0px, rgb(0, 0, 0) 0px 1px 0px, rgb(0, 0, 0) 0px -1px 0px;
}
/* 焼印風文字 */
.irontext {
  color: #2A2421;
  text-shadow: 0px 0px 1px #9E761F, 0px 0px 3px #9E761F, 0px 0px 5px #9E761F;
}
/* 投写文字 */
.utsushitext {
color:#000;
text-shadow: rgb(170, 170, 170) 16px 0px 8px, rgb(170, 170, 170) -16px 0px 8px, rgb(170, 170, 170) 0px 16px 8px, rgb(170, 170, 170) 0px -16px 8px;
}
/* kage文字 */
.kagetext {
color: #666;
text-shadow:0px 0px 2px #FFF, 4px 4px 2px rgba(0,0,0,0.3);
}
/* kagenuki文字 */
.kagenukitext {
  color: #fff;
  background: #FFF;
  text-shadow: 0px 0px 2px #000, 2px 2px 3px #000;
}
/* 3d文字 */
.text3d {
  color: #eee;
   border: none;
   text-shadow: 0px 0px 1px #000,
   4px 4px 2px rgba(0,0,0,0.5);
   box-sizing:border-box;
   padding:0.1em;
}
/* cinema文字 */
.cinematext{
  font-family:bold;
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
 }
 .neontext {
         color: #fff;
         font-size:30px;
         font-weight:bold;
         font-family:"sans serif";
         text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;
 }

 .burntext {
 color: white; font-size: 2.5em; text-shadow: rgb(255, 255, 255) 2px -4px 8px, rgb(255, 255, 0) -4px -8px 10px, rgb(255, 0, 0) 6px -12px 12px, rgb(255, 0, 0) -8px -16px 14px;
 }
 .komentext {
 position: relative;
 padding: 0.3em 0.5em;
 background: -moz-linear-gradient(to top, rgb(137, 184, 255), #c5ceff);
 color: #495193;
 background: -webkit-linear-gradient(to top, rgb(137, 184, 255), #c5ceff);
 color: #495193;
 background: linear-gradient(to top, rgb(137, 184, 255), #c5ceff);
 color: #495193;
 }

.ceckmark { background-image: url(../image/checkmark.png); background-repeat: no-repeat; background-position: left 0.05em; }
.marumark { background-image: url(../image/list_maru.png); background-repeat: no-repeat; background-position: left 0.2em; }
.batumark { background-image: url(../image/list_batu.png); background-repeat: no-repeat; background-position: left 0.2em; }

.fudeblue {background-image: url(../image/fudeline-blue.png); background-repeat: no-repeat; background-position: right bottom; }
.fudegreen {background-image: url(../image/fudeline-green.png); background-repeat: no-repeat; background-position: right bottom; }
.fudegray {background-image: url(../image/fudeline-gray.png); background-repeat: no-repeat; background-position: right bottom; }
.fudeyellow {background-image: url(../image/fudeline-yellow.png); background-repeat: no-repeat; background-position: right bottom; }
.fudepapul {background-image: url(../image/fudeline-papul.png); background-repeat: no-repeat; background-position: right bottom; }
.wred { background: url(/image/linewred.png) repeat-x right bottom -8px; }
.wblue { background: url(/image/linewblue.png) repeat-x right bottom -8px; }
.dotred { background: url(/image/linedotred.png) repeat-x right bottom -8px; }
.dotblue { background: url(/image/linedotblue.png) repeat-x right bottom -8px; }
.cureaka{ background: url(/image/creyonred.png) repeat-x right bottom; }
.cureao{ background: url(/image/creyonao.png) repeat-x right bottom; }
.cureore{ background: url(/image/creyonorange.png) repeat-x right bottom; }
.curepink{ background: url(/image/creyonpink.png) repeat-x right bottom; }
.curegreen{ background: url(/image/creyongreen.png) repeat-x right bottom; }
.curekuro{ background: url(/image/creyonrkuro.png) repeat-x right bottom; }
.shalaka{ background: url(/image/shalineaka.gif) repeat-x right bottom; }
.shalao{ background: url(/image/shalineao.gif) repeat-x right bottom; }
.shalore{ background: url(/image/shalineorange.gif) repeat-x right bottom; }
.shalpink{ background: url(/image/shalinepink.gif) repeat-x right bottom; }
.shalgreen{ background: url(/image/shalinegrenn.gif) repeat-x right bottom; }
.shalkuro{ background: url(/image/shalinekuro.gif) repeat-x right bottom; }


/* timline */

.timeline {
    position: relative;
    min-height: 50px;
    margin-bottom: 50px;
}

.timeline::before {
    left: 50%;
}
.timeline::before {
    position: absolute;
    top: 0;
    bottom: -100px;
    left: 40px;
    width: 2px;
    margin-left: -1.5px;
    content: '';
    background-color: #e9ecef;
}

.timeline:after {
    display: table;
    content: ' ';
    clear: both;
}
.timeline .timeline-panel {
    position: relative;
    float: right;
    width: 100%;
    padding: 0 20px 0 100px;
    text-align: left;
}
.timeline .timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}
.timeline .timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}
.timeline .timeline-image {
    position: absolute;
    z-index: 100;
    left: 0;
    width: 80px;
    height: 80px;
    margin-left: 0;
    text-align: center;
    color: #fff;
    border: 7px solid #e9ecef;
    border-radius: 100%;
    background-color: #fed136;
}
.timeline .timeline-image h4 {
    font-size: 10px;
    line-height: 14px;
    margin-top: 12px;
}
.timeline.timeline-inverted > .timeline-panel {
    float: right;
    padding: 0 20px 0 20px;
    text-align: left;
}
.timeline.timeline-inverted > .timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}
.timeline.timeline-inverted > .timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}
.timeline:last-child {
    margin-bottom: 0;
}
.timeline .timeline-heading h4 {
    margin-top: 0;
    color: inherit;
}
.timeline .timeline-heading h4.subheading {
    text-transform: none;
}
.timeline .timeline-body > p,
.timeline .timeline-body > ul {
    margin-bottom: 0;
}
@media (min-width:768px) {
    .timeline:before {
        left: 50%;
    }
    .timeline {
        min-height: 100px;
        margin-bottom: 100px;
    }
    .timeline .timeline-panel {
        float: left;
        width: 41%;
        padding: 0 20px 20px 30px;
        text-align: right;
    }
    .timeline .timeline-image {
        left: 50%;
        width: 100px;
        height: 100px;
        margin-left: -50px;
    }
    .timeline .timeline-image h4 {
        font-size: 13px;
        line-height: 18px;
        margin-top: 16px;
    }
    .timeline.timeline-inverted > .timeline-panel {
        float: right;
        padding: 0 30px 20px 20px;
        text-align: left;
    }
}
@media (min-width:992px) {
    .timeline {
        min-height: 150px;
    }
    .timeline .timeline-panel {
        padding: 0 20px 20px;
    }
    .timeline .timeline-image {
        width: 150px;
        height: 150px;
        margin-left: -75px;
    }
    .timeline .timeline-image h4 {
        font-size: 18px;
        line-height: 26px;
        margin-top: 30px;
    }
    .timeline.timeline-inverted > .timeline-panel {
        padding: 0 20px 20px;
    }
}
@media (min-width:1200px) {
    .timeline {
        min-height: 170px;
    }
    .timeline .timeline-panel {
        padding: 0 20px 20px 20px;
    }
    .timeline .timeline-image {
        width: 170px;
        height: 170px;
        margin-left: -85px;
    }
    .timeline .timeline-image h4 {
        margin-top: 40px;
    }
    .timeline.timeline-inverted > .timeline-panel {
        padding: 0 20px 20px 20px;
    }
}


/* 2col  */
.media-container-row {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
}

.mbr-figure {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    -webkit-align-self: center;
    align-self: center;
}

.media-content {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
}


/* photo opacty  */
.about-heading .about-heading-img {
    position: relative;
    z-index: 0;
}
.about-heading .about-heading-content {
    margin-top: -5rem;
    position: relative;
    z-index: 1;
}
.bg-faded {
    border:solid #ccc 0.5px;
    background-color: rgba(255,255,255,.85);
}

/* circl point  */
.cimg-content {
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-left: 9rem;
    position: relative;
}
.cimg-heading {
  display: inline-block;
  margin: 0 !important;
  width: 6.6rem;
  height: 6.6rem;
  position: absolute;
  left: 0;
  top: 0;
}
.cimg-heading img {
  display: block;
  margin: 0;
  width: 6.6rem;
  height: 6.6rem;
  border-radius: 50%;
}

.img_avatar {
    height: 8.4rem;
    width: 8.4rem;
    border-radius: 50%;
    margin: 0 auto 1.2rem auto;
}

/* time-line */
.tm_timeline_body {
    border-left: 1px solid;
    border-left-color: rgba(54,165,237,0.3);
    margin: 0 1rem!important;
}
.tm_timeline_contents {
  padding: 1rem 2rem;
}
.tm_timeline_event {
    position: relative;
    margin-bottom: 20px;
    z-index: 10;
    text-align: left;
}
.tm_timeline_event_date {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    padding-left: 40px;
    padding-right: 0;
    display: block;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    color: #09d;
}
.tm_timeline_event_dot {
    -webkit-transform: translate(-11px, 0);
    -ms-transform: translate(-11px, 0);
    transform: translate(-11px, 0);
    position: absolute;
    -webkit-box-shadow: 0 0 0 9px #fff;
    box-shadow: 0 0 0 9px #fff;
    background-color: #fff;
    width: 8px;
    height: 8px;
}
.tm_timeline_event_dot::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    margin: 6px;
    border-radius: 50%;
    background-color: #36a5ed;
    box-shadow: 0 0 0 6px rgba(54,165,237,0.21);
}

.emaki.card-columns {
  @include media-breakpoint-only(dm) {
    column-count: 1;
  }
  @include media-breakpoint-only(md) {
    column-count: 2;
  }
  @include media-breakpoint-only(lg) {
    column-count: 3;
  }
  @include media-breakpoint-only(xl) {
    column-count: 4;
  }
}