/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/

.box3 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #2c2c2f;
    background: #cde4ff;/*背景色*/
}
.box3 p {
    margin: 0; 
    padding: 0;
}

.box5 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #4ec4d3;
}
.box5 p {
    margin: 0; 
    padding: 0;
}

.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #F39800;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #F39800;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}

.box28 {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #FFC107;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #FFC107;
    color: #ffffff;
    font-weight: bold;
}
.box28 p {
    margin: 0; 
    padding: 0;
}

h2 {
background: linear-gradient(transparent 80%, #a7d6ff 80%);
}

h3 {
padding: 0.5em;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #fffaf4;/*背景色*/
border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
}

/*太字*/
.bold{
  font-weight:bold;
}
 
/*赤色*/
.red{
  color:#E50202;
}
 
/*サクセスメッセージ*/
.sp-success {
  background-color: #DFF0D8;
  border-color: #D6E9C6;
  padding:15px;
  border-radius:4px;
  margin-bottom:20px;
}

.fa fa-check-square-o{
}

ul#menu li:nth-child(1):before { /* ﾘｽﾄの1番目の先頭 */
font-family: 'FontAwesome';
color: #E44D26; /* ｱｲｺﾝの色 */
content:"\f015";/* FontAwesomeﾌｫﾝﾄｺｰﾄﾞ */
margin-right :3px;/* ｱｲｺﾝと要素の空きを調整 */
display: inline-block;
width: 1.2857142857142858em;/* ｱｲｺﾝ幅を指定 */
text-align: center;
vertical-align: middle;
}
ul#menu li:nth-child(2):before { /* ﾘｽﾄの2番目の先頭 */
font-family: 'FontAwesome';
color: #E44D26; /* ｱｲｺﾝの色 */
content:"\f191";/* FontAwesomeﾌｫﾝﾄｺｰﾄﾞ */
margin-right :3px;/* ｱｲｺﾝと要素の空きを調整 */
display: inline-block;
width: 1.2857142857142858em;/* ｱｲｺﾝ幅を指定 */
text-align: center;
vertical-align: middle;
}
ul#menu li:nth-child(3):before { /* ﾘｽﾄの3番目の先頭 */
font-family: 'FontAwesome';
color: #E44D26; /* ｱｲｺﾝの色 */
content:"\f058";/* FontAwesomeﾌｫﾝﾄｺｰﾄﾞ */
margin-right :3px;/* ｱｲｺﾝと要素の空きを調整 */
display: inline-block;
width: 1.2857142857142858em;/* ｱｲｺﾝ幅を指定 */
text-align: center;
vertical-align: middle;
}
ul#menu li:nth-child(4):before { /* ﾘｽﾄの4番目の先頭 */
font-family: 'FontAwesome';
color: #E44D26; /* ｱｲｺﾝの色 */
content:"\f127";/* FontAwesomeﾌｫﾝﾄｺｰﾄﾞ */
margin-right :3px;/* ｱｲｺﾝと要素の空きを調整 */
display: inline-block;
width: 1.2857142857142858em;/* ｱｲｺﾝ幅を指定 */
text-align: center;
vertical-align: middle;
}

ul .sp{
	list-style: none;
}

.toc_list li {
	list-style-type: none;/*リスト消す*/
}
 
.toc_list li:before {
	display: none;/*リスト前の個人的カスタマイズ消す*/
}

ul.sp li{
    list-style: none;
}
 
ul.sp > li:before {
    content: "\f046";
    position: relative;
    font-family: FontAwesome;
    margin-right: .5em;
    color: #8FC31F; /* 文字色 */
    font-size: 150%; /* フォントの大きさ */
}

.box25{
    position: relative;
    background: #fff0cd;
    box-shadow: 0px 0px 0px 5px #fff0cd;
    border: dashed 2px white;
    padding: 0.2em 0.5em;
    color: #454545;
}
.box25:after{
    position: absolute;
    content: '';
    right: -7px;
    top: -7px;
    border-width: 0 15px 15px 0;
    border-style: solid;
    border-color: #ffdb88 #fff #ffdb88;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}
.box25 p {
    margin: 0; 
    padding: 0;
}
.gmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}