@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Source+Serif+Pro&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

/*==========degault共有部分の変更(user.css同一)==========*/
body { 
/*	color: #000000;*/
	color: #2E3C51;
	font-family: "Lato", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

#loader-bg {
  /*display: none;*/
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0px;
  left: 0px;
  background: #000;
  z-index: 100;
}
#loader {
  /*display: none;*/
  position: fixed;
  top: 30%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 200;
}

/* header */
#header {
  min-height: auto;/*打ち消し*/
  height: 50px;
  border-bottom: 1px solid #e1e0e3;
  /*background: #6995b8;#2895f1
	background: #1da1f2;
	background: -webkit-linear-gradient(to bottom, #1da1f2 0%, #2895f1 100%);
	background: linear-gradient(to bottom, #1da1f2 0%, #2895f1 100%);*/
	background: #e7eaed;
}

#header h1 {
  display: inline-block;/*打ち消し*/
  margin: 0;/*打ち消し*/
  min-height: auto;/*打ち消し*/
  max-width: none;/*打ち消し*/
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

#header h1#logo {
  padding: 0;
}

#logo p {
  margin: 0;
}

#header #logo img {
  max-width: none;/*打ち消し*/
  max-height: none;/*打ち消し*/
  width: auto;
  height: 26px;
}

/*** ﾍｯﾀﾞｰﾛｺﾞがﾃｷｽﾄの場合 ***/
h1#logo p a {
   display: block;
  font-size: 20px; font-size: 2.0rem;
  color: #000;/*#191919 #464646*/
  line-height: 2;
  font-family: 'Source Serif Pro', serif;
}
/*** //ﾍｯﾀﾞｰﾛｺﾞがﾃｷｽﾄの場合 ***/

footer {
  font-size: 1.1rem;
}

footer li {
  font-size: inherit;/*打ち消し*/
}

[class^="submit_"],
[class^="submit_"]:link,
[class^="submit_"]:visited,
[class^="submit_"]:hover,
[class^="submit_"]:active {
  color: #fff;
  background: transparent;
  background-color: #6995b8;
  border: 0px solid currentColor;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  max-width: 290px;
  height: 60px;
  -webkit-transition: background-color .3s;
  -o-transition: background-color .3s;
  transition: background-color .3s;
}

[class^="submit_"]:hover {
  background: transparent;
  background-color: #3463ae;
  border: 0px solid currentColor;
  height: 60px;
  opacity: 1.0;
}

[class^="btn_"],
[class^="btn_"]:link,
[class^="btn_"]:visited,
[class^="btn_"]:hover,
[class^="btn_"]:active {
  height: 60px;
  line-height: 58px;
  color: #fff;
  background-color: #6995b8;
  border: 0px solid currentColor;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-weight: normal;
  text-align: center;
  -webkit-transition: background-color .3s;
  -o-transition: background-color .3s;
  transition: background-color .3s;
}
[class^="btn_"]:hover {
  background-color: #3463ae;
  border: 0px solid #1da1f2;
}
/*==========//degault共有部分の変更==========*/

/*** ﾃﾞｰﾀﾍﾞｰｽのCGI画面 ***/
/* db */

input[type="text"], input[type="submit"], input[type="password"], input[type="reset"], input[type="checkbox"], select, textarea {
font-family:"Lato", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

input[type="text"],
input[type="password"],
textarea {
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

textarea {
  font-size 14px; font-size: 1.4rem;
}

input[type="checkbox"] {
  vertical-align: middle;
  width: 20px;
  height: 35px;
}

[class^="btn_"],
[class^="btn_"]:link {
  height: 40px;
  line-height: 40px;
  font-size 16px; font-size: 1.6rem;
}

#db #wrap {
  font-size 13px; font-size: 1.3rem;
}

@media only screen and (max-width: 767px) {
input[type="text"], input[type="password"], input[type="checkbox"], select, textarea {
  font-size 13px; font-size: 1.3rem;
}
input[type="submit"], input[type="reset"] {
  font-size 14px; font-size: 1.4rem;
}
}

/*==========ヘッダー==========*/
.header-note {
    position: absolute;
    right: 50px;
    top: 14px;
    font-size: 1.2rem;
    color: #111;
}
@media only screen and (max-width: 767px) {
.header-note {
	display: none;
}
}
/*==========//ヘッダー==========*/

/*==========タブメニュー==========*/
#tab {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  background: #fff;
  padding-top: 0px;
}

#tab ol{
  display: table-row;
}

#tab li {
  display: table-cell;
  padding: 10px 0;
  background: #2895f1; /*#69c0f4 #68d0cf #27b9e8*/
  text-align: center;
  color: #fff;
  border: 1px solid #c8c8c8;
  cursor: pointer;
  font-size 12px; font-size: 1.2rem;
  vertical-align: middle;
}

#tab li:hover { background: #69c0f4;/*#27b9e8 #45c2c1*/ }

#tab li.select{background: #27b9e8;/*#68c0df #68d0cf;*/}
.hide {display:none;}

@media only screen and (max-width: 767px) {
#tab li {
	font-size: 1.0rem;
}
}

#tab li a { color: #fff; display: block; }/*基本操作ページ用*/
/*==========//タブメニュー==========*/

/*==========スライドメニュー==========*/
.slidemenu {
  width: 240px;/*140px*/
}
.slidemenu li {
    font-size:12px; font-size:1.2rem;
}
.slidemenu li:hover,
.slidemenu li.select {
    background: #1da1f2/*#69c0f4 #68d0cf*/;
    color: #fff;
}
.slidemenu li div {
    padding:10px 0 10px 10px;
    display: block;
    text-decoration: none;
    cursor: pointer;
}
.slidemenu .slidemenu-header {
    font-size:12px; font-size:1.2rem;
    background-color: #1da1f2/*#69c0f4 #96b2ce #2895f1 #5bc3e9*/;
}
.slidemenu_button {
    background-image: url('menu-square-button.png');
}
/*==========//スライドメニュー==========*/

/*==========入力フォーム==========*/
.flex {
/*    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;*/
}
.flex > :nth-of-type(odd) {
    width : 30%;
    padding: 10px 0 10px 5px;
    background :rgba(36,77,138,0.1);/*#e7eaed*/
    border-radius: 5px;
    font-size: 1.5rem;
    line-height: 1;
    margin: 0 0 10px 0;
}
.flex > :nth-of-type(even) {
    width : 70%;
    margin: 0 0 10px 0;
    padding: 10px 0 10px 10px;
/*    border-bottom: 1px solid #ccc;*/
}
.flex > li {
/*	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px;*/
/*縦中央揃え*/
    display: -webkit-box;/*--- Androidブラウザ用 ---*/
    display: -ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    display: flex;
    -webkit-box-align:center;/*--- Androidブラウザ用 ---*/
    -ms-flex-align:center;/*--- IE10 ---*/
    -webkit-align-items:center;/*--- safari（PC）用 ---*/
    align-items:center;
/*//縦中央揃え*/
}

@media only screen and (max-width: 767px) {
.tab-content { padding: 0 5px; }
.flex { border: none; }
.flex > li {
    border: none;
    padding: 10px 5px;

}
.flex > li:nth-of-type(odd) {
    width : 100%;
    border-radius: 5px;
    font-size: 13px; font-size: 1.3rem;
    margin: 0;
}
.flex > li:nth-of-type(even) {
    width : 100%;
    margin: 0 0 20px 0;
    padding: 10px 0 20px 0;
}
/*.flex > :nth-of-type(odd) > div { font-weight: bold; }*/
}

.flex > li > div {
    width: 100%;
    font-weight: bold;
}

.flex > li:nth-of-type(odd) > div {
    font-weight: bold;
}

.flex > li input[type="checkbox"] {
  margin-right: 5px;
}

input[type="file"] { border: none !important; }

.flex > li > div ul li { width: 49%; vertical-align: top; }

span.required {
	display: inline-block;
	color: #ffffff;
	line-height: 1;
	margin: 0 10px 0 0;
	padding: 5px;
	border-radius: 3px;
	background: #d9534f;
	border: 1px solid #d43f3a;
	font-size: 1.4rem;
}
@media only screen and (max-width: 767px) {
span.required {
	font-size: 13px; font-size: 1.3rem;
}
}
/*==========//入力フォーム==========*/

/*==========img縦横比維持で上下左右中央寄せ==========*/
.imgFitWrap {
    display: table;
    margin: 0 auto;
}
.imgFit {
display: table-cell; /*上下中央*/
vertical-align: middle; /*上下中央*/
}
.imgFit img {
max-width: 100%;
max-height:300px;
}

@media only screen and (max-width: 767px) {
.imgFit img { max-height:200px; }
}
/*==========//img縦横比維持で上下左右中央寄せ==========*/

.submit_regist {
	background-color: #125688;
}
.submit_regist:hover {
	background-color: #3463ae;
}

[class^="submit_reset"] {
	background: transparent !important;
	background-color: #bbb !important;
}
[class^="submit_reset"]:hover {
	background: transparent !important;
	background-color: #bbb !important;
	opacity: 0.9;
}

/*==========ホームページ削除==========*/
[class^="submit_pagedelete"] {
  /*background: #ff9999;
	background: #ff5151;
	background: -webkit-linear-gradient(to bottom, #ff5151 0%, #ff0f0f 100%);
	background: linear-gradient(to bottom, #ff5151 0%, #ff0f0f 100%);*/
	background: #d9534f;
  outline:none;
}
[class^="submit_pagedelete"]:hover {
  opacity: 1.0;
  background: #ff5151;
  outline:none;
}
@media only screen and (max-width: 767px) {
[class^="submit_pagedelete"] {
 font-size: 14px; font-size: 1.4rem;
}
}

.btn_back:link,
.btn_back:visited,
.btn_back:hover,
.btn_back:active {
  height: 60px;
  line-height: 78px;
  font-weight: normal;
  font-size: 1.3rem;
  color: #125688;
  background: url(../images/contents/return.svg) no-repeat center 6px;
  background-size: 20px 20px;
  border: 1px solid currentColor;
  -webkit-transition: background-color .3s;
  -o-transition: background-color .3s;
  transition: background-color .3s;
}

.btn_back:hover {
  /*background: url(../images/contents/return_hov.svg) no-repeat center 6px #1da1f2;
  background-size: 20px 20px;*/
    color: #fff;
    background: url(../images/contents/return_hov.svg),#125688;
    background-repeat: no-repeat;
    background-size: 20px, 100%;
    background-position: center 6px,0;
    border: 1px solid #125688;
}

/*==========テキストエリア==========*/
textarea.autoheight {
  width: 100%;
  min-height: 120px;
  height: auto;
  /*max-height: 300px;*/
  line-height: 20px;/*1.4*/
}
textarea.h2em {
  min-height: 3.4em;
  height: auto;
  line-height: 1.7;
}

/*==========チェックボックス==========*/
/* css checkbox01 */
.checkbox01-input{
  display: none;
}
.checkbox01-parts{
  padding-left: 26px;
  /*padding-top: 2px;*/
  position:relative;
  /*margin-right: 20px;*/
  display: inline-block;/*追加*/
  /*font-weight: bold;追加*/
  font-size: 1.5rem;
}
.checkbox01-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 2px;/*0*/
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #999;
  border-radius: 4px;
}
@media only screen and (max-width: 767px) {
.checkbox01-parts{
  font-size 13px; font-size: 1.3rem;
}
.checkbox01-parts::before{
  top: 0px;
}
}
.checkbox01-input:checked + .checkbox01-parts::before{
  border: 2px solid #0f55b3;
}
.checkbox01-input:checked + .checkbox01-parts.chk_required::before{
  border: 2px solid #d9534f;
}
.checkbox01-parts.category-edit::before{
  border: 2px solid #999;
}
.checkbox01-parts.imgdel::before{
  border: 2px solid #ff2a00;
}
.checkbox01-input:disabled + .checkbox01-parts{
  color: #999;
}
.checkbox01-input:checked + .checkbox01-parts{
  color: #0f55b3;/*#2895f1*/
  font-weight: bold;
}
.checkbox01-input:checked + .checkbox01-parts.imgdel{
  color: #ff2a00;
}
.checkbox01-input:checked + .checkbox01-parts.chk_required{
  color: #d9534f;
}
.checkbox01-input:checked + .checkbox01-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 7px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #0f55b3;/*#2895f1*/
  border-right: 3px solid #0f55b3;/*#2895f1*/
}
.checkbox01-input:checked + .checkbox01-parts.imgdel::after{
  border-bottom: 3px solid #ff2a00;
  border-right: 3px solid #ff2a00;
}
.checkbox01-input:checked + .checkbox01-parts.chk_required::after{
  border-bottom: 3px solid #d9534f;
  border-right: 3px solid #d9534f;
}
@media only screen and (max-width: 767px) {
.checkbox01-input:checked + .checkbox01-parts::after{
  top: 1px;
  border-bottom: 2px solid #0f55b3;
  border-right: 2px solid #0f55b3;
}
.checkbox01-input:checked + .checkbox01-parts.imgdel::after{
  border-bottom: 2px solid #ff2a00;
  border-right: 2px solid #ff2a00;
}
.checkbox01-input:checked + .checkbox01-parts.chk_required::after{
  border-bottom: 2px solid #d9534f;
  border-right: 2px solid #d9534f;
}
}

/*==========アップロード==========*/
label[class^=upfile] {
  color: white;  
  background-color: #ff2a00;
  margin: 5px 0 5px 0;
  padding: 6px;
  border-radius: 12px;
  cursor: pointer;
}

label[class^=upfile] + span > img {
  max-width: 100px;
  max-height: 100px;
}

/*==========カラーピッカー==========*/
input[type="text"].excolor,
input[type="text"].excolor_clrbox {
  display: inline-block;
  width: 50%;/*auto*/
}

#excolor_colorpicker,
#excolor_colorpicker *,
#excolor_colorpicker *:before,
#excolor_colorpicker *:after {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

#excolor_colorpicker input[type="text"] {
height:auto;
display: inline-block;
}

/*==========説明==========*/
span.ion-help-circled { cursor: pointer; }
span.ion-help-circled:before {
    position: relative;
    top: 2px;
}

.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-title {
    font-size: 1.4rem !important;
}

div[id^='modal-guide-'] .iziModal-wrap .iziModal-content {
    font-size: 1.3rem !important;
}
div[id^='modal-guide-'] .iziModal-wrap .iziModal-content div p {
    margin: 0 0 8px 0;
}
div[id^='modal-guide-'] .iziModal-wrap .iziModal-content div b {
    color: #0080ff;/*#2895f1*/
}

.example {
  margin: 5px 0 10px 0;
  padding: 5px;
  border: 1px solid #337ab7;
  background-color: #f7f7f7;
  font-size: 1.3rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.onepoint {
  margin: 5px 0 10px 0;
  padding: 5px;
  border: 1px solid #1188bf;/*#FB615F*/
  background-color: #f7f7f7;
  font-size: 1.3rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/*==========radio==========*/
input[type=radio] {
display: none; /* ラジオボタンを非表示にする */
}
input[type="radio"]:checked + label.rdo_label {
background: #337ab7;/*#31A9EE マウス選択時の背景色を指定する */
color: #ffffff; /* マウス選択時のフォント色を指定する */
border-color: #296fad;/*#006DD9 追加*/
}
.rdo_label:hover {
background-color: #E2EDF9; /* マウスオーバー時の背景色を指定する */
}
.rdo_label {
display: block; /* ブロックレベル要素化する */
float: left; /* 要素の左寄せ・回り込を指定する */
margin: 5px; /* ボックス外側の余白を指定する */
min-width: 100px; /*width ボックスの横幅を指定する */
height: 45px; /* ボックスの高さを指定する */
padding-left: 5px; /* ボックス内左側の余白を指定する */
padding-right: 5px; /* ボックス内御右側の余白を指定する */
color: #bbb; /*#b20000 フォントの色を指定 */
text-align: center; /* テキストのセンタリングを指定する */
line-height: 41px; /*45px 行の高さを指定する */
cursor: pointer; /* マウスカーソルの形（リンクカーソル）を指定する */
border: 1px solid #bbb;/*#006DD9 ボックスの境界線を実線で指定する */
border-radius: 5px; /* 角丸を指定する */
font-weight: normal; /*追加*/
}

input[type="radio"]:checked + label.rdo_label.rdo_required {
background: #d9534f;/* マウス選択時の背景色を指定する */
border-color: #d43f3a;/*追加*/
}

/*==========タイトル==========*/
[class^="db-cat_title"] {
line-height: 1.78;
position: relative;
padding: 2px 0 0 14px;
margin: 0 0 20px 0;
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
color: #337ab7;
}
@media only screen and (max-width: 767px) {
[class^="db-cat_title"] {
font-size: 15px;
font-size: 1.5rem;
}
}

[class^="db-cat_title"]::before {
position: absolute;
top: 0px;
left: 0;
display: inline-block;
height: 100%;
margin-right: 10px;
content: '';
vertical-align: middle;
border-left: 5px solid #337ab7;
}