@charset "utf-8";


/* ------------------------------------------------------------------------------------------ 
normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css
------------------------------------------------------------------------------------------ */

html{font-family:'Noto Sans JP', sans-serif, 'Klee One', cursive, "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3",Arial, Helvetica,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body,dl,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}dd,dt,li,p,pre,td,th{-ms-line-break:strict;line-break:strict;-ms-word-break:break-strict;word-break:break-strict}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;max-width:100%;height:auto;vertical-align:middle}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/* ------------------------------------------------------------------------------------------ 
Iam DesignNetwork Corporation base
------------------------------------------------------------------------------------------ */

/*--- body ---*/
html {
  font-size: 70%;
  /*font-size: 62.5%;*/
}

body {
	max-width: 100%;
	max-height: 100%;
	font-family: 'Noto Sans JP', sans-serif, 'Klee One', cursive, "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3",Arial, Helvetica,sans-serif;
	font-weight: 400;
	*font-size:small;
	*font:x-small;
	font-size: 16px;
	line-height: 1.6;
	color: #333;
	
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	background-color: #fff;
}

/* img */
img {
	border: none;
	vertical-align: middle;
	max-width: 100%;
}

/* ul, ol */
ul, ol {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* box-sizing */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	
	word-break: normal;
    word-wrap: break-word;
}

/*--- font ---*/
h1,h2,h3,h4,h5,h6 {
	line-height: 1.4;
}
.fwb { font-weight: bold; }
.tal { text-align: left; }
.tac { text-align: center; }
.tar { text-align: right; }

/* FontSize = fs */
/* Relative FontSize = fsr */
.fsr10 { font-size: 66.66%; }
.fsr11 { font-size: 73.33%; }
.fsr12 { font-size: 80%; }
.fsr13 { font-size: 86.66%; }
.fsr14 { font-size: 93.33%; }
.fsr15 { font-size: 100%; }
.fsr16 { font-size: 106.66%; }
.fsr17 { font-size: 113.33%; }
.fsr18 { font-size: 120%; }
.fsr19 { font-size: 126.66%; }
.fsr20 { font-size: 133.33%; }
.fsr21 { font-size: 140%; }
.fsr22 { font-size: 146.66%; }
.fsr23 { font-size: 153.33%; }
.fsr24 { font-size: 160%; }
.fsr25 { font-size: 166.66%; }
.fsr26 { font-size: 173.33%; }
.fsr27 { font-size: 180%; }
.fsr28 { font-size: 186.66%; }
.fsr29 { font-size: 193.33%; }
.fsr30 { font-size: 200%; }

/*--- float clear class ---*/
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{ display: block; }


/*--- a href color ---*/
a { color: #002CB2; }
a:hover,
a:focus {
	color: #8C008C;
}
a:active {}
a:visited { color: #555555; }
a:visited:hover {}


/*--- a img hover ---*/
a img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/*--- ul ol ---*/
.list_decimal {
	list-style: decimal outside;
    padding-left: 20px !important;
}
.list_disc {
	list-style-type: disc;
	padding-left: 20px !important;
}
.list_disc li {
    margin-top: 6px;
}

.list_square_yellow li {
  position: relative;
  padding-left: 25px;
}
.list_square_yellow li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  background: #D8C32D;
  width: 14px;
  height: 14px;
}
.list_square_yellow li + li {
  margin-top: 1em;
}


ol[style*="decimal"],
ol[style*="roman"],
ol[style*="alpha"] { padding-left: 22px; }

ul[style*="disc"],
ul[style*="circle"],
ul[style*="square"] { padding-left: 20px; }

/* dl */
dd { margin-left: 0; }


/*--- table ---*/
table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ccc;
	line-height: 1.6;
	font-size: 1.3rem;
  background: #fff;
}

table th {
	vertical-align: middle;
	padding: 10px;
	border: 1px solid #ccc;
	background: #d0e7ed;
	word-break: break-all;
}
table thead th a {
	text-decoration: none;
	border-bottom: 1px dashed #006;
	font-weight: normal;
	padding: 4px;
}
table th.required {
}
table th.required::before {
    width: 34px;
    height: 15px;
    background-position: 95% center;
    background-repeat: no-repeat;
    content: "必須";
    color: #fff;
    background: #e30101;
    border: 1px solid #e30101;
    border-radius: 4px;
    font-weight: normal;
    font-size: 12px;
    display: inline-block;
    vertical-align: sub;
    padding: 1px 4px 5px 4px;
    margin-left: 10px;
    float: right;
    text-align: center;
}

table th.option {
}
table th.option::before {
    width: 34px;
    height: 15px;
    background-position: 95% center;
    background-repeat: no-repeat;
    content: "任意";
    color: #fff;
    background: #666;
    border: 1px solid #666;
    border-radius: 4px;
    font-weight: normal;
    font-size: 12px;
    display: inline-block;
    vertical-align: sub;
    padding: 1px 4px 5px 4px;
    margin-left: 10px;
    float: right;
    text-align: center;
}

table td {
	padding: 12px;
	border: 1px solid #ccc;
	word-break: break-all;
	line-height: 1.2em;
}

.form table th p, .form table td p,
.list table th p, .list table td p {
	margin-top: 5px;
	color: #888;
	font-size: 11px;
}

/*--- list ---*/
.bl_search {
    position: relative;
    width: 80%;
    display: flex;
    margin: 20px auto 30px;
}

.bl_search_input {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    all: unset;
    background-color: var(--clr-white);
    border: 1px solid #aaa;
    border-radius: 6px;
    box-sizing: border-box;
    display: block;
    font-family: inherit;
    font-size: 1.4rem;
    /*font-weight: 500;*/
    line-height: 1.6;
    outline: revert;
    padding: 10px;
    width: 100%;
    text-align: left;
}
.bl_search_submit {
    background: none;
    border: none;
    text-indent: -9999px;
    background: url(/image/icon/icon_search.svg) no-repeat 50%;
    background-size: 17px 19px;
    height: 19px;
    position: absolute;
    right: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 17px;
    display: block !important;
}


ul.navigation {
    margin: 20px auto;
    width: 80%;
    display: inline-table;
    border-top: 1px dashed #999;
    border-bottom: 1px dashed #999;
}

ul.navigation li {
	padding: 12px 8px;
}

ul.navigation li+li {
	border-top: 1px dashed #999;
}

ul.navigation li span {
	background: #eee;
	padding: 4px 8px;
	border: 1px solid #eee;
	border-radius: 4px;
	margin-right: 10px;
}

/*--- form ---*/
table.form_detail th {
	vertical-align: middle;
	padding: 10px;
	border: 1px solid #ccc;
	background: #eee;
	word-break: break-all;
	text-align: left;
	font-weight: 400;
}
table.form_detail td {
	padding: 10px;
	text-align: left;
}
table.form_detail td p.error {
	color: #e30101;
}
table.form_detail td p.error::before {
    content: '\f071';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 5px;
}

table.form_detail input, table.form_detail select, table.form_detail textarea {
	padding: 4px 6px;
	border: 1px solid #888;
	border-radius: 4px;
}
table.form_detail input.error, table.form_detail select.error, table.form_detail textarea.error {
	border: 2px solid #D9534F!important;
	background: #FEEEED;
}

table.form_detail ul.address {
	display: block;
	float: none;
}
table.form_detail ul.address li {
	padding-bottom: 10px;
}
table.form_detail ul.address li+li {
	border-top: 1px dashed #666;
	padding-top: 10px;
}
table.form_detail ul.address li span {
	font-weight: 400;
	margin-right: 10px;
	background: #eee;
	padding: 6px 8px;
	font-size: .9em;
	border-radius: 4px;
}

/* input size */
#pagebody .main input.percent_3 {
    width: 3%;
}
#pagebody .main input.percent_5 {
    width: 5%;
}
#pagebody .main input.percent_10 {
    width: 10%;
}
#pagebody .main input.percent_15 {
    width: 15%;
}
#pagebody .main input.percent_20 {
    width: 20%;
}
#pagebody .main input.percent_25 {
    width: 25%;
}
#pagebody .main input.percent_30 {
    width: 30%;
}
#pagebody .main input.percent_35 {
    width: 35%;
}
#pagebody .main input.percent_40 {
    width: 40%;
}
#pagebody .main input.percent_45 {
    width: 45%;
}
#pagebody .main input.percent_50 {
    width: 50%;
}
#pagebody .main input.percent_55 {
    width: 55%;
}
#pagebody .main input.percent_60 {
    width: 60%;
}
#pagebody .main input.percent_65 {
    width: 65%;
}
#pagebody .main input.percent_70 {
    width: 70%;
}
#pagebody .main input.percent_75 {
    width: 75%;
}
#pagebody .main input.percent_80 {
    width: 80%;
}
#pagebody .main input.percent_85 {
    width: 85%;
}
#pagebody .main input.percent_90 {
    width: 90%;
}
#pagebody .main input.percent_95 {
    width: 95%;
}
#pagebody .main input.percent_100,
#pagebody .main select.percent_100 {
    width: 100%;
}

.bg_th_01 { background: #F0F0F0; }
.bg_th_02 { color: #fff; background: #4B7AAA; }
.bg_th_03 { color: #fff; background: #D8C32D; }

/*--- float ---*/
/* fll */
.fll    { float: left; }
.fll100 { float: left; width: 100px; }
.fll216 { float: left; width: 216px; }
.fll320 { float: left; width: 320px; }
.fll360 { float: left; width: 360px; }
.fll570 { float: left; width: 570px; }
.fll610 { float: left; width: 610px; }

/* flr */
.flr    { float: right; }
.flr100 { float: right; width: 100px; }
.flr216 { float: right; width: 216px; }
.flr320 { float: right; width: 320px; }
.flr360 { float: right; width: 360px; }
.flr570 { float: right; width: 570px; }
.flr610 { float: right; width: 610px; }
.flr708 { float: right; width: 706px; }


/*--- Padding = pd ---*/
/* Padding (top + right + bottom + left) = pd */
.pd2 { padding: 2px !important; }
.pd5 { padding: 5px !important; }
.pd8 { padding: 8px !important; }
.pd10 { padding: 10px !important; }
.pd15 { padding: 15px !important; }
.pd20 { padding: 20px !important; }
.pd25 { padding: 25px !important; }
.pd30 { padding: 30px !important; }
.pd35 { padding: 35px !important; }
.pd40 { padding: 40px !important; }
.pd45 { padding: 45px !important; }
.pd50 { padding: 50px !important; }
.pd55 { padding: 55px !important; }
.pd60 { padding: 60px !important; }

/* Padding (top + bottom) = pdtb */
.pdtb5 { padding-top: 5px !important; padding-bottom: 5px !important; }
.pdtb10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.pdtb15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.pdtb20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.pdtb25 { padding-top: 25px !important; padding-bottom: 25px !important; }
.pdtb30 { padding-top: 30px !important; padding-bottom: 30px !important; }
.pdtb35 { padding-top: 35px !important; padding-bottom: 35px !important; }
.pdtb40 { padding-top: 40px !important; padding-bottom: 40px !important; }
.pdtb45 { padding-top: 45px !important; padding-bottom: 45px !important; }
.pdtb50 { padding-top: 50px !important; padding-bottom: 50px !important; }
.pdtb55 { padding-top: 55px !important; padding-bottom: 55px !important; }
.pdtb60 { padding-top: 60px !important; padding-bottom: 60px !important; }

/* Padding (right + left) = pdrl */
.pdrl5 { padding-right: 5px !important; padding-left: 5px !important; }
.pdrl10 { padding-right: 10px !important; padding-left: 10px !important; }
.pdrl15 { padding-right: 15px !important; padding-left: 15px !important; }
.pdrl20 { padding-right: 20px !important; padding-left: 20px !important; }
.pdrl25 { padding-right: 25px !important; padding-left: 25px !important; }
.pdrl30 { padding-right: 30px !important; padding-left: 30px !important; }
.pdrl35 { padding-right: 35px !important; padding-left: 35px !important; }
.pdrl40 { padding-right: 40px !important; padding-left: 40px !important; }
.pdrl45 { padding-right: 45px !important; padding-left: 45px !important; }
.pdrl50 { padding-right: 50px !important; padding-left: 50px !important; }
.pdrl55 { padding-right: 55px !important; padding-left: 55px !important; }
.pdrl60 { padding-right: 60px !important; padding-left: 60px !important; }

/* Padding (top) = pdt */
.pdt5 { padding-top: 5px !important; }
.pdt10 { padding-top: 10px !important; }
.pdt15 { padding-top: 15px !important; }
.pdt20 { padding-top: 20px !important; }
.pdt25 { padding-top: 25px !important; }
.pdt30 { padding-top: 30px !important; }
.pdt35 { padding-top: 35px !important; }
.pdt40 { padding-top: 40px !important; }
.pdt45 { padding-top: 45px !important; }
.pdt50 { padding-top: 50px !important; }
.pdt55 { padding-top: 55px !important; }
.pdt60 { padding-top: 60px !important; }

/* Padding (right) = pdr */
.pdr5 { padding-right: 5px !important; }
.pdr10 { padding-right: 10px !important; }
.pdr15 { padding-right: 15px !important; }
.pdr20 { padding-right: 20px !important; }
.pdr25 { padding-right: 25px !important; }
.pdr30 { padding-right: 30px !important; }
.pdr35 { padding-right: 35px !important; }
.pdr40 { padding-right: 40px !important; }
.pdr45 { padding-right: 45px !important; }
.pdr50 { padding-right: 50px !important; }
.pdr55 { padding-right: 55px !important; }
.pdr60 { padding-right: 60px !important; }

/* Padding (bottom) = pdb */
.pdb5 { padding-bottom: 5px !important; }
.pdb10 { padding-bottom: 10px !important; }
.pdb15 { padding-bottom: 15px !important; }
.pdb20 { padding-bottom: 20px !important; }
.pdb25 { padding-bottom: 25px !important; }
.pdb30 { padding-bottom: 30px !important; }
.pdb35 { padding-bottom: 35px !important; }
.pdb40 { padding-bottom: 40px !important; }
.pdb45 { padding-bottom: 45px !important; }
.pdb50 { padding-bottom: 50px !important; }
.pdb55 { padding-bottom: 55px !important; }
.pdb60 { padding-bottom: 60px !important; }

/* Padding (left) = pdl */
.pdl5 { padding-left: 5px !important; }
.pdl10 { padding-left: 10px !important; }
.pdl15 { padding-left: 15px !important; }
.pdl20 { padding-left: 20px !important; }
.pdl25 { padding-left: 25px !important; }
.pdl30 { padding-left: 30px !important; }
.pdl35 { padding-left: 35px !important; }
.pdl40 { padding-left: 40px !important; }
.pdl45 { padding-left: 45px !important; }
.pdl50 { padding-left: 50px !important; }
.pdl55 { padding-left: 55px !important; }
.pdl60 { padding-left: 60px !important; }


/*--- Margin = mg ---*/
/* Margin (top + right + bottom + left) = mg */
.mg0 { margin: 0 !important; }
.mg2 { margin: 2px !important; }
.mg5 { margin: 5px !important; }
.mg8 { margin: 8px !important; }
.mg10 { margin: 10px !important; }
.mg15 { margin: 15px !important; }
.mg20 { margin: 20px !important; }
.mg25 { margin: 25px !important; }
.mg30 { margin: 30px !important; }
.mg35 { margin: 35px !important; }
.mg40 { margin: 40px !important; }
.mg45 { margin: 45px !important; }
.mg50 { margin: 50px !important; }
.mg55 { margin: 55px !important; }
.mg60 { margin: 60px !important; }

/* Margin (top + bottom) = mgtb */
.mgtb5 { margin-top: 5px !important; margin-bottom: 5px !important; }
.mgtb10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.mgtb15 { margin-top: 15px !important; margin-bottom: 15px !important; }
.mgtb20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.mgtb25 { margin-top: 25px !important; margin-bottom: 25px !important; }
.mgtb30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.mgtb35 { margin-top: 35px !important; margin-bottom: 35px !important; }
.mgtb40 { margin-top: 40px !important; margin-bottom: 40px !important; }
.mgtb45 { margin-top: 45px !important; margin-bottom: 45px !important; }
.mgtb50 { margin-top: 50px !important; margin-bottom: 50px !important; }
.mgtb55 { margin-top: 55px !important; margin-bottom: 55px !important; }
.mgtb60 { margin-top: 60px !important; margin-bottom: 60px !important; }
.mgtb80 { margin-top: 80px !important; margin-bottom: 80px !important; }

/* Margin (right + left) = mgrl */
.mgrl5 { margin-right: 5px !important; margin-left: 5px !important; }
.mgrl10 { margin-right: 10px !important; margin-left: 10px !important; }
.mgrl15 { margin-right: 15px !important; margin-left: 15px !important; }
.mgrl20 { margin-right: 20px !important; margin-left: 20px !important; }
.mgrl25 { margin-right: 25px !important; margin-left: 25px !important; }
.mgrl30 { margin-right: 30px !important; margin-left: 30px !important; }
.mgrl35 { margin-right: 35px !important; margin-left: 35px !important; }
.mgrl40 { margin-right: 40px !important; margin-left: 40px !important; }
.mgrl45 { margin-right: 45px !important; margin-left: 45px !important; }
.mgrl50 { margin-right: 50px !important; margin-left: 50px !important; }
.mgrl55 { margin-right: 55px !important; margin-left: 55px !important; }
.mgrl60 { margin-right: 60px !important; margin-left: 60px !important; }

/* Margin (top) = mgt */
.mgt5 { margin-top: 5px !important; }
.mgt10 { margin-top: 10px !important; }
.mgt15 { margin-top: 15px !important; }
.mgt20 { margin-top: 20px !important; }
.mgt25 { margin-top: 25px !important; }
.mgt30 { margin-top: 30px !important; }
.mgt35 { margin-top: 35px !important; }
.mgt40 { margin-top: 40px !important; }
.mgt45 { margin-top: 45px !important; }
.mgt50 { margin-top: 50px !important; }
.mgt55 { margin-top: 55px !important; }
.mgt60 { margin-top: 60px !important; }

/* Margin (right) = mgr */
.mgr5 { margin-right: 5px !important; }
.mgr10 { margin-right: 10px !important; }
.mgr15 { margin-right: 15px !important; }
.mgr20 { margin-right: 20px !important; }
.mgr25 { margin-right: 25px !important; }
.mgr30 { margin-right: 30px !important; }
.mgr35 { margin-right: 35px !important; }
.mgr40 { margin-right: 40px !important; }
.mgr45 { margin-right: 45px !important; }
.mgr50 { margin-right: 50px !important; }
.mgr55 { margin-right: 55px !important; }
.mgr60 { margin-right: 60px !important; }

/* Margin (bottom) = mgb */
.mgb5 { margin-bottom: 5px !important; }
.mgb10 { margin-bottom: 10px !important; }
.mgb15 { margin-bottom: 15px !important; }
.mgb20 { margin-bottom: 20px !important; }
.mgb25 { margin-bottom: 25px !important; }
.mgb30 { margin-bottom: 30px !important; }
.mgb35 { margin-bottom: 35px !important; }
.mgb40 { margin-bottom: 40px !important; }
.mgb45 { margin-bottom: 45px !important; }
.mgb50 { margin-bottom: 50px !important; }
.mgb55 { margin-bottom: 55px !important; }
.mgb60 { margin-bottom: 60px !important; }
.mgb80 { margin-bottom: 80px !important; }

/* Margin (left) = mgl */
.mgl5 { margin-left: 5px !important; }
.mgl10 { margin-left: 10px !important; }
.mgl15 { margin-left: 15px !important; }
.mgl20 { margin-left: 20px !important; }
.mgl25 { margin-left: 25px !important; }
.mgl30 { margin-left: 30px !important; }
.mgl35 { margin-left: 35px !important; }
.mgl40 { margin-left: 40px !important; }
.mgl45 { margin-left: 45px !important; }
.mgl50 { margin-left: 50px !important; }
.mgl55 { margin-left: 55px !important; }
.mgl60 { margin-left: 60px !important; }

/*---------------------------------------------------------------------
	edit_btn 公開まで非表示
---------------------------------------------------------------------*/
#edit_btn {
  background: #444;
	display: none;
}
#edit_btn #edit_btn_inner {
  padding: 5px 10px;
  margin: 0 auto;
}
#edit_btn a {
  color: #333;
  font-size: 13px;
  border-radius: 4px;
  display: block;
  float: right;
  font-weight: bold;
  margin: 5px 0 5px 5px;
  padding: 3px 15px 4px;
  text-decoration: none;
  background-image: -moz-linear-gradient(50% 0% -90deg, rgb(255,255,255) 0%, rgb(238,238,238) 100%);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, rgb(255,255,255)), color-stop(1, rgb(238,238,238)));
  background-image: -webkit-linear-gradient(-90deg, rgb(255,255,255) 0%, rgb(238,238,238) 100%);
  background-image: -o-linear-gradient(-90deg, rgb(255,255,255) 0%, rgb(238,238,238) 100%);
  background-image: -ms-linear-gradient(-90deg, rgb(255,255,255) 0%, rgb(238,238,238) 100%);
  background-image: linear-gradient(180deg, rgb(255,255,255) 0%, rgb(238,238,238) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffeeeeee,GradientType=0)";
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffeeeeee, GradientType=0);
}
#edit_btn a:hover {
  background-image: -moz-linear-gradient(50% 0% -90deg, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, rgb(238,238,238)), color-stop(1, rgb(255,255,255)));
  background-image: -webkit-linear-gradient(-90deg, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
  background-image: -o-linear-gradient(-90deg, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient(-90deg, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
  background-image: linear-gradient(180deg, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffffffff,GradientType=0)";
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee, endColorstr=#ffffffff, GradientType=0);
}

/*--------------------------------------------------------------------
	h1 見出し
---------------------------------------------------------------------*/
//h1, h2 {
//  padding: 0.25em 0.5em;/*上下 左右の余白*/
//  color: #494949;/*文字色*/
//  background: transparent;/*背景透明に*/
//  border-left: solid 5px #7db4e6;/*左線*/
//  font-size: 20px;
//  padding-bottom: 10px;
//  margin-bottom: 20px;
//  font-weight: 500;
//}

h1, h2 {
  position: relative;
  padding: 1rem 2rem;
  border-bottom: 6px solid #0070B9;
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 500;
}
h1:before, h2:before {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 20%;
  height: 6px;
  content: '';
  background: #8cc9f1;
}
h1 span, h2 span {
	font-size: 16px;
	margin-left: 30px;
	font-weight: 400;
}
h3, h4 {
  position: relative;/*相対位置*/
  padding-left: 1.5em;/*アイコン分のスペース*/
  line-height: 1.6;/*行高*/
  color: #7b6459;/*文字色*/
  font-size: 18px;
  padding-bottom: 10px;
}

h3:after, h4:after {
  font-family: "Font Awesome 5 Free";
  content: "\f1b0";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #ff938b; /*アイコン色*/
}

.message_area {
    background: #f8eded;
    padding: 12px;
    font-size: 18px;
    width: 80%;
    margin: 10px auto;
    border: 1px solid #f8eded;
    border-radius: 6px;
}

/* 検索関連 */
a[data-action="search"] {
    text-decoration: none;
    color: #006;
    border-bottom: 1px dashed #006;
}