﻿@charset "utf-8";
  
body{
	font-family: "Sawarabi Gothic";
	margin-top : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom : 0px;
	background-position:center;
	background-color : black;
font : 16px /140%;
font : 16px;
}

h1{
  position: relative;
  padding: 0.6em;
  background: -webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
  background: repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
  border-radius: 7px;
}

h1::after{
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #ffebbe;
  width: 0;
  height: 0;
}

h2{
    position: relative;
    padding: 1rem 1rem 1rem 1.5rem;
    border: 3px solid #333;
    font-weight: bold;
    font-size: 26px;
}


h2::before,
h2::after{
    position: absolute;
    left: 30px;
    height: 0;
    width: 0;
    border: solid transparent;
    content: "";
}

h2::before{
    top: 100%;
    margin-left: -10px;
    border-color: transparent;
    border-top-color: #333;
    border-right-color: #333;
    border-width: 10px;
}

h2::after{
    top: 99%;
    margin-left: -7px;
    border-color: transparent;
    border-top-color: white;
    border-right-color: white;
    border-width: 7px;
}


H3{
	font-size : 15px;
font-weight : normal;
font-style : normal;
line-height : 150%;
color : #373737;
text-decoration : none;
margin-top : 0px;
margin-left : 0px;
margin-right : 0px;
margin-bottom : 0px;
}
H4{
	font-size : 13px;
font-weight : normal;
line-height : 130%;
color : #373737;
text-decoration : none;
margin-top : 0px;
margin-left : 0px;
margin-right : 0px;
margin-bottom : 0px;
}
ADDRESS{
	font-size : 10px;
font-weight : normal;
font-style : normal;
color : #373737;
line-height : 120%;
}
a{
	color : navy;
text-decoration : none;
}
A:hover{
	color : red;
text-decoration : underline;
}
.Class13{
	font-size : 13px;
font-weight : normal;
line-height : 140%;
}
.Class14{
	font-size : 14px;
line-height : 180%;
}
.Class12{
	font-size : 12px;
}
.Class10{
	font-size : 10px;
}
.Class15{
	font-size : 15px;
}

.komidashi{
	font-size : 18px;
margin-top : 10px;
margin-bottom : 10px;
border-left-width : 5px;
border-left-style : solid;
border-left-color : #993333;
padding-left : 8px;
background-color : #f0f0f0;
}

td{
	font-size : 15px;
}


/* CSSコード */
.box{
  border-top : 2px solid orange;
  border-bottom : 2px solid orange;
  padding: 2em 0;
  position: relative;
}

.box::before, .box::after{
  content: '';
  position: absolute;
  top: -10px;
  width: 2px;
  height: -webkit-calc(100% + 20px);
  height: calc(100% + 20px);
  background-color : orange;
}

.box::before{
  left: 10px;
}

.box::after{
  right: 10px;
}

.box p{
  padding-left: 50px;
}


/* タイトル付　枠　1　*/
.kakomi-box11{
 position: relative;
 margin : 2em 2em 2em 1em;
 padding : 1.2em 1.2em 1.2em 1em;
 color : #555555; /* 文章色 */
 background-color : #ffffff; /* 背景色 */
 border : 3px solid orange; /* 枠線の太さ・色 */
 width: 90%;
font-size : 18px;
border-top-left-radius : 5px 5px;
border-top-right-radius : 5px 5px;
border-bottom-right-radius : 5px 5px;
border-bottom-left-radius : 5px 5px;
}
.title-box11{
 position: absolute;
 padding: 0 .5em;
 left: 20px;
 top: -15px;
 font-weight : normal;
 background-color : #ffffff; /* タイトル背景色 */
 color : #cc0000; /* タイトル文字色 */

font-size : 20px;
}
.Class18{
	font-size : 18px;
}

.kakomi{
	font-size : 20px;margin : 10px 10px 15px;border : 1px solid orange;
-webkit-border-top-left-radius : 3px 3px;
-webkit-border-top-right-radius : 3px 3px;
-webkit-border-bottom-right-radius : 3px 3px;
-webkit-border-bottom-left-radius : 3px 3px;padding-left : 5px;padding-right : 5px;padding-bottom : 5px;
background-color : #fff3ce;
width : 100%;
}

hr{
  border-width: 1px 0 0 0; /* 線の太さを指定 */
  border-style: dashed; /* 線の種類を指定 */
  border-color: #cccccc; /*線の色を指定 */
}
