*{
  font-family: "Zen Kurenaido", sans-serif;
  font-size: 11px;
  color: #666666;
　letter-spacing: 0.03em;
}


body {
  background-color: #D2CDCA;
  color: #666666;
}


h1{
  font-family: "Kaisei Opti", serif;
  font-size: 3em;
  color: #666666;
  text-align: center
}

h3{
  font-family: "Kaisei Opti", serif;
  font-size: 1em;
  color: #666666;
  text-align: center
}

h2{
  font-family: "Zen Kurenaido", sans-serif;
  font-size: 1em;
  color: #666666;
}





.title-box{
	margin: 2em auto;
	padding:2em;
        width: 400px;
	background: none;
	border:1px solid #404040;
	position: relative;
}
.title-box:after{
	background-color: #f7f6f5;
	border:none;
	content: '';
	position: absolute;
	top: 7px;
	left: 7px;
	width: 100%;
	height: 100%;
	z-index: -1;
}



.box {
    max-width: 400px;
    margin: 0 auto;
    padding: 1em 1.5em;
    position: relative;
    background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
    background-size: 15px 15px;
    background-repeat: repeat;
    background-color: #ffffff;
    color: #333333;
}


.box:after {
  position: absolute;
  top: -1rem;
  left: 50%;
  width: 60px;
  height: 30px;
  background-color: rgba(250, 250, 250, .6);
  border-left: 2px dashed rgba(0, 0, 0, .1);
  border-right: 2px dashed rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: translateX(-50%) rotate(-5deg);
  content: '';
}



.lr-box {
    max-width: 400px;
    margin: 0 auto;
    padding: 1em 1.5em;
    position: relative;
    background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
    background-size: 15px 15px;
    background-repeat: repeat;
    background-color: #ffffff;
    color: #333333;
}

.lr-box:after {
  position: absolute;
  top: 0.1rem;
  left: 1.4rem;
  width: 60px;
  height: 30px;
  background-image: repeating-linear-gradient(45deg, rgba(193, 14, 73, .6) 0 5px, transparent 5px 10px);
  border-left: 2px dashed rgba(0, 0, 0, .1);
  border-right: 2px dashed rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: translateX(-50%) rotate(-25deg);
  content: '';
}

.lr-box:before {
  position: absolute;
  bottom: -0.1rem;
  right: -1.4rem;
  width: 60px;
  height: 30px;
  background-image: repeating-linear-gradient(45deg, rgba(193, 14, 73, .6) 0 5px, transparent 5px 10px);
  border-left: 2px dashed rgba(0, 0, 0, .1);
  border-right: 2px dashed rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: rotate(-25deg);
  content: '';
}




.dr-box {
    max-width: 400px;
    margin: 0 auto;
    padding: 1em 1.5em;
    position: relative;
    background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
    background-size: 15px 15px;
    background-repeat: repeat;
    background-color: #ffffff;
    color: #333333;
}


.dr-box:after {
  position: absolute;
  top: -1rem;
  left: 50%;
  width: 60px;
  height: 30px;
  background-image: repeating-linear-gradient(-45deg, rgba(255, 0, 12, .6) 0 5px, transparent 5px 10px);
  border-left: 2px dashed rgba(0, 0, 0, .1);
  border-right: 2px dashed rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: translateX(-50%) rotate(-5deg);
  content: '';
}



.us-box {
    max-width: 400px;
    margin: 0 auto;
    padding: 1em 1.5em;
    position: relative;
    background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
    background-size: 15px 15px;
    background-repeat: repeat;
    background-color: #ffffff;
    color: #333333;
}


.us-box:after {
  position: absolute;
  top: -1rem;
  left: 50%;
  width: 60px;
  height: 30px;
  background-image: repeating-linear-gradient(-45deg, rgba(56, 180, 139, .6) 0 5px, transparent 5px 10px);
  border-left: 2px dashed rgba(0, 0, 0, .1);
  border-right: 2px dashed rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: translateX(-50%) rotate(-5deg);
  content: '';
}



.ky-box {
    max-width: 400px;
    margin: 0 auto;
    padding: 1em 1.5em;
    position: relative;
    background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
    background-size: 15px 15px;
    background-repeat: repeat;
    background-color: #ffffff;
    color: #333333;
}


.ky-box:after {
  position: absolute;
  top: -1rem;
  left: 50%;
  width: 60px;
  height: 30px;
  background-image: repeating-linear-gradient(-45deg, rgba(218, 36, 49, .6) 0 5px, transparent 5px 10px);
  border-left: 2px dashed rgba(0, 0, 0, .1);
  border-right: 2px dashed rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: translateX(-50%) rotate(-5deg);
  content: '';
}


.rt-box {
    max-width: 400px;
    margin: 0 auto;
    padding: 1em 1.5em;
    position: relative;
    background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
    background-size: 15px 15px;
    background-repeat: repeat;
    background-color: #ffffff;
    color: #333333;
}

.rt-box:after {
  position: absolute;
  top: 0.1rem;
  left: 1.4rem;
  width: 60px;
  height: 30px;
  background-image: repeating-linear-gradient(45deg, rgba(255, 230, 50, .6) 0 5px, transparent 5px 10px);
  border-left: 2px dashed rgba(0, 0, 0, .1);
  border-right: 2px dashed rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: translateX(-50%) rotate(-25deg);
  content: '';
}

.rt-box:before {
  position: absolute;
  bottom: -0.1rem;
  right: -1.4rem;
  width: 60px;
  height: 30px;
  background-image: repeating-linear-gradient(45deg, rgba(255, 230, 50, .6) 0 5px, transparent 5px 10px);
  border-left: 2px dashed rgba(0, 0, 0, .1);
  border-right: 2px dashed rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: rotate(-25deg);
  content: '';
}



.gc-box {
    max-width: 400px;
    margin: 0 auto;
    padding: 1em 1.5em;
    position: relative;
    background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
    background-size: 15px 15px;
    background-repeat: repeat;
    background-color: #ffffff;
    color: #333333;
}

.gc-box:after {
  position: absolute;
  top: 0.1rem;
  left: 1.4rem;
  width: 60px;
  height: 30px;
  background-image: repeating-linear-gradient(45deg, rgba(0, 47, 167, .6) 0 5px, transparent 5px 10px);
  border-left: 2px dashed rgba(0, 0, 0, .1);
  border-right: 2px dashed rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: translateX(-50%) rotate(-25deg);
  content: '';
}

.gc-box:before {
  position: absolute;
  bottom: -0.1rem;
  right: -1.4rem;
  width: 60px;
  height: 30px;
  background-image: repeating-linear-gradient(45deg, rgba(0, 47, 167, .6) 0 5px, transparent 5px 10px);
  border-left: 2px dashed rgba(0, 0, 0, .1);
  border-right: 2px dashed rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: rotate(-25deg);
  content: '';
}




.rd-box {
    max-width: 400px;
    margin: 0 auto;
    padding: 1em 1.5em;
    position: relative;
    background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
    background-size: 15px 15px;
    background-repeat: repeat;
    background-color: #ffffff;
    color: #333333;
}


.rd-box:after {
  position: absolute;
  top: -1rem;
  left: 50%;
  width: 60px;
  height: 30px;
  background-image: repeating-linear-gradient(-45deg, rgba(181, 217, 239, .7) 0 5px, transparent 5px 10px);
  border-left: 2px dashed rgba(0, 0, 0, .1);
  border-right: 2px dashed rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: translateX(-50%) rotate(-5deg);
  content: '';
}




.bn-box {
    max-width: 400px;
    margin: 0 auto;
    padding: 1em 1.5em;
    position: relative;
    background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
    background-size: 15px 15px;
    background-repeat: repeat;
    background-color: #ffffff;
    color: #333333;
}


.bn-box:after {
  position: absolute;
  top: -1rem;
  left: 50%;
  width: 60px;
  height: 30px;
  background-image: repeating-linear-gradient(-45deg, rgba(16, 66, 97, .6) 0 5px, transparent 5px 10px);
  border-left: 2px dashed rgba(0, 0, 0, .1);
  border-right: 2px dashed rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: translateX(-50%) rotate(-5deg);
  content: '';
}



.ar-box {
    max-width: 400px;
    margin: 0 auto;
    padding: 1em 1.5em;
    position: relative;
    background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
    background-size: 15px 15px;
    background-repeat: repeat;
    background-color: #ffffff;
    color: #333333;
}

.ar-box:after {
  position: absolute;
  top: 0.1rem;
  left: 1.4rem;
  width: 60px;
  height: 30px;
  background-image: repeating-linear-gradient(45deg, rgba(237, 138, 73, .6) 0 5px, transparent 5px 10px);
  border-left: 2px dashed rgba(0, 0, 0, .1);
  border-right: 2px dashed rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: translateX(-50%) rotate(-25deg);
  content: '';
}

.ar-box:before {
  position: absolute;
  bottom: -0.1rem;
  right: -1.4rem;
  width: 60px;
  height: 30px;
  background-image: repeating-linear-gradient(45deg, rgba(237, 138, 73, .6) 0 5px, transparent 5px 10px);
  border-left: 2px dashed rgba(0, 0, 0, .1);
  border-right: 2px dashed rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: rotate(-25deg);
  content: '';
}



.ru-box {
    max-width: 400px;
    margin: 0 auto;
    padding: 1em 1.5em;
    position: relative;
    background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
    background-size: 15px 15px;
    background-repeat: repeat;
    background-color: #ffffff;
    color: #333333;
}

.ru-box:after {
  position: absolute;
  top: 0.1rem;
  left: 1.4rem;
  width: 60px;
  height: 30px;
  background-image: repeating-linear-gradient(45deg, rgba(90, 95, 170, .6) 0 5px, transparent 5px 10px);
  border-left: 2px dashed rgba(0, 0, 0, .1);
  border-right: 2px dashed rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: translateX(-50%) rotate(-25deg);
  content: '';
}

.ru-box:before {
  position: absolute;
  bottom: -0.1rem;
  right: -1.4rem;
  width: 60px;
  height: 30px;
  background-image: repeating-linear-gradient(45deg, rgba(90, 95, 170, .6) 0 5px, transparent 5px 10px);
  border-left: 2px dashed rgba(0, 0, 0, .1);
  border-right: 2px dashed rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: rotate(-25deg);
  content: '';
}


.fw-box {
    max-width: 400px;
    margin: 0 auto;
    padding: 1em 1.5em;
    position: relative;
    background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
    background-size: 15px 15px;
    background-repeat: repeat;
    background-color: #ffffff;
    color: #333333;
}

.fw-box:after {
  position: absolute;
  top: 0.1rem;
  left: 1.4rem;
  width: 60px;
  height: 30px;
  background-image: repeating-linear-gradient(45deg, rgba(191, 105, 244, .6) 0 5px, transparent 5px 10px);
  border-left: 2px dashed rgba(0, 0, 0, .1);
  border-right: 2px dashed rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: translateX(-50%) rotate(-25deg);
  content: '';
}

.fw-box:before {
  position: absolute;
  bottom: -0.1rem;
  right: -1.4rem;
  width: 60px;
  height: 30px;
  background-image: repeating-linear-gradient(45deg, rgba(191, 105, 244, .6) 0 5px, transparent 5px 10px);
  border-left: 2px dashed rgba(0, 0, 0, .1);
  border-right: 2px dashed rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: rotate(-25deg);
  content: '';
}


.sr-box {
    max-width: 400px;
    margin: 0 auto;
    padding: 1em 1.5em;
    position: relative;
    background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
    background-size: 15px 15px;
    background-repeat: repeat;
    background-color: #ffffff;
    color: #333333;
}

.sr-box:after {
  position: absolute;
  top: 0.1rem;
  left: 1.4rem;
  width: 60px;
  height: 30px;
  background-image: repeating-linear-gradient(45deg, rgba(220, 60, 65, .6) 0 5px, transparent 5px 10px);
  border-left: 2px dashed rgba(0, 0, 0, .1);
  border-right: 2px dashed rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: translateX(-50%) rotate(-25deg);
  content: '';
}

.sr-box:before {
  position: absolute;
  bottom: -0.1rem;
  right: -1.4rem;
  width: 60px;
  height: 30px;
  background-image: repeating-linear-gradient(45deg, rgba(220, 60, 65, .6) 0 5px, transparent 5px 10px);
  border-left: 2px dashed rgba(0, 0, 0, .1);
  border-right: 2px dashed rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: rotate(-25deg);
  content: '';
}


.tt-box {
    max-width: 400px;
    margin: 0 auto;
    padding: 1em 1.5em;
    position: relative;
    background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
    background-size: 15px 15px;
    background-repeat: repeat;
    background-color: #ffffff;
    color: #333333;
}

.tt-box:after {
  position: absolute;
  top: 0.1rem;
  left: 1.4rem;
  width: 60px;
  height: 30px;
  background-image: repeating-linear-gradient(45deg, rgba(140, 70, 100, .6) 0 5px, transparent 5px 10px);
  border-left: 2px dashed rgba(0, 0, 0, .1);
  border-right: 2px dashed rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: translateX(-50%) rotate(-25deg);
  content: '';
}

.tt-box:before {
  position: absolute;
  bottom: -0.1rem;
  right: -1.4rem;
  width: 60px;
  height: 30px;
  background-image: repeating-linear-gradient(45deg, rgba(140, 70, 100, .6) 0 5px, transparent 5px 10px);
  border-left: 2px dashed rgba(0, 0, 0, .1);
  border-right: 2px dashed rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: rotate(-25deg);
  content: '';
}


.krm-box {
    max-width: 400px;
    margin: 0 auto;
    padding: 1em 1.5em;
    position: relative;
    background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
    background-size: 15px 15px;
    background-repeat: repeat;
    background-color: #ffffff;
    color: #333333;
}


.krm-box:after {
  position: absolute;
  top: -1rem;
  left: 50%;
  width: 60px;
  height: 30px;
  background-image: repeating-linear-gradient(-45deg, rgba(144, 158, 200, .7) 0 5px, transparent 5px 10px);
  border-left: 2px dashed rgba(0, 0, 0, .1);
  border-right: 2px dashed rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: translateX(-50%) rotate(-5deg);
  content: '';
}



.kurt-box {
    max-width: 400px;
    margin: 0 auto;
    padding: 1em 1.5em;
    position: relative;
    background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
    background-size: 15px 15px;
    background-repeat: repeat;
    background-color: #ffffff;
    color: #333333;
}


.kurt-box:after {
  position: absolute;
  top: -1rem;
  left: 50%;
  width: 60px;
  height: 30px;
  background-image: repeating-linear-gradient(-45deg, rgba(180, 149, 143, .6) 0 5px, transparent 5px 10px);
  border-left: 2px dashed rgba(0, 0, 0, .1);
  border-right: 2px dashed rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: translateX(-50%) rotate(-5deg);
  content: '';
}



.max-box {
    max-width: 400px;
    margin: 0 auto;
    padding: 1em 1.5em;
    position: relative;
    background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
    background-size: 15px 15px;
    background-repeat: repeat;
    background-color: #ffffff;
    color: #333333;
}

.max-box:after {
  position: absolute;
  top: 0.1rem;
  left: 1.4rem;
  width: 60px;
  height: 30px;
  background-image: repeating-linear-gradient(45deg, rgba(144, 206, 182, .6) 0 5px, transparent 5px 10px);
  border-left: 2px dashed rgba(0, 0, 0, .1);
  border-right: 2px dashed rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: translateX(-50%) rotate(-25deg);
  content: '';
}

.max-box:before {
  position: absolute;
  bottom: -0.1rem;
  right: -1.4rem;
  width: 60px;
  height: 30px;
  background-image: repeating-linear-gradient(45deg, rgba(144, 206, 182, .6) 0 5px, transparent 5px 10px);
  border-left: 2px dashed rgba(0, 0, 0, .1);
  border-right: 2px dashed rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: rotate(-25deg);
  content: '';
}



.kkurt-box {
    max-width: 400px;
    margin: 0 auto;
    padding: 1em 1.5em;
    position: relative;
    background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
    background-size: 15px 15px;
    background-repeat: repeat;
    background-color: #ffffff;
    color: #333333;
}

.kkurt-box:after {
  position: absolute;
  top: 0.1rem;
  left: 1.4rem;
  width: 60px;
  height: 30px;
  background-image: repeating-linear-gradient(45deg, rgba(180, 149, 143, .6) 0 5px, transparent 5px 10px);
  border-left: 2px dashed rgba(0, 0, 0, .1);
  border-right: 2px dashed rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: translateX(-50%) rotate(-25deg);
  content: '';
}

.kkurt-box:before {
  position: absolute;
  bottom: -0.1rem;
  right: -1.4rem;
  width: 60px;
  height: 30px;
  background-image: repeating-linear-gradient(45deg, rgba(180, 149, 143, .6) 0 5px, transparent 5px 10px);
  border-left: 2px dashed rgba(0, 0, 0, .1);
  border-right: 2px dashed rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: rotate(-25deg);
  content: '';
}



.mmax-box {
    max-width: 400px;
    margin: 0 auto;
    padding: 1em 1.5em;
    position: relative;
    background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
    background-size: 15px 15px;
    background-repeat: repeat;
    background-color: #ffffff;
    color: #333333;
}


.mmax-box:after {
  position: absolute;
  top: -1rem;
  left: 50%;
  width: 60px;
  height: 30px;
  background-image: repeating-linear-gradient(-45deg, rgba(144, 206, 182, .6) 0 5px, transparent 5px 10px);
  border-left: 2px dashed rgba(0, 0, 0, .1);
  border-right: 2px dashed rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: translateX(-50%) rotate(-5deg);
  content: '';
}



.chr-box {
    max-width: 400px;
    margin: 0 auto;
    padding: 1em 1.5em;
    position: relative;
    background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
    background-size: 15px 15px;
    background-repeat: repeat;
    background-color: #ffffff;
    color: #333333;
}


.chr-box:after {
  position: absolute;
  top: -1rem;
  left: 50%;
  width: 60px;
  height: 30px;
  background-image: repeating-linear-gradient(-45deg, rgba(214, 155, 194, .7) 0 5px, transparent 5px 10px);
  border-left: 2px dashed rgba(0, 0, 0, .1);
  border-right: 2px dashed rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: translateX(-50%) rotate(-5deg);
  content: '';
}



.mkn-box {
    max-width: 400px;
    margin: 0 auto;
    padding: 1em 1.5em;
    position: relative;
    background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
    background-size: 15px 15px;
    background-repeat: repeat;
    background-color: #ffffff;
    color: #333333;
}


.mkn-box:after {
  position: absolute;
  top: -1rem;
  left: 50%;
  width: 60px;
  height: 30px;
  background-image: repeating-linear-gradient(-45deg, rgba(168, 133, 187, .7) 0 5px, transparent 5px 10px);
  border-left: 2px dashed rgba(0, 0, 0, .1);
  border-right: 2px dashed rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: translateX(-50%) rotate(-5deg);
  content: '';
}






.lr {
  background: linear-gradient(transparent 60%, rgba(193, 14, 73, .5) 50%);
  font-family: "Zen Kurenaido", serif;
}

.dr {
  background: linear-gradient(transparent 60%, rgba(255, 0, 12, .5) 50%);
  font-family: "Zen Kurenaido", serif;
}

.bn {
  background: linear-gradient(transparent 60%, rgba(16, 66, 97, .5) 50%);
  font-family: "Zen Kurenaido", serif;
}

.ar {
  background: linear-gradient(transparent 60%, rgba(237, 138, 73, .5) 50%);
  font-family: "Zen Kurenaido", serif;
}

.us {
  background: linear-gradient(transparent 60%, rgba(56, 180, 139, .5) 50%);
  font-family: "Zen Kurenaido", serif;
}

.rt {
  background: linear-gradient(transparent 60%, rgba(255, 230, 50, .5) 50%);
  font-family: "Zen Kurenaido", serif;
}

.ky {
  background: linear-gradient(transparent 60%, rgba(218, 36, 49, .5) 50%);
  font-family: "Zen Kurenaido", serif;
}

.gc {
  background: linear-gradient(transparent 60%, rgba(0, 47, 167, .5) 50%);
  font-family: "Zen Kurenaido", serif;
}

.rd {
  background: linear-gradient(transparent 60%, rgba(181, 217, 239, .5) 50%);
  font-family: "Zen Kurenaido", serif;
}

.kz {
  background: linear-gradient(transparent 60%, rgba(172, 167, 187, .5) 50%);
  font-family: "Zen Kurenaido", serif;
}

.kn {
  background: linear-gradient(transparent 60%, rgba(171, 211, 216, .5) 50%);
  font-family: "Zen Kurenaido", serif;
}

.ru {
  background: linear-gradient(transparent 60%, rgba(90, 95, 170, .5) 50%);
  font-family: "Zen Kurenaido", serif;
}

.wn {
  background: linear-gradient(transparent 60%, rgba(255, 140, 155, .6) 50%);
  font-family: "Zen Kurenaido", serif;
}

.fw {
  background: linear-gradient(transparent 60%, rgba(191, 105, 244, .6) 50%);
  font-family: "Zen Kurenaido", serif;
}

.akn {
  background: linear-gradient(transparent 60%, rgba(240, 60, 50, .6) 50%);
  font-family: "Zen Kurenaido", serif;
}

.sr {
  background: linear-gradient(transparent 60%, rgba(220, 60, 65, .6) 50%);
  font-family: "Zen Kurenaido", serif;
}

.ng {
  background: linear-gradient(transparent 60%, rgba(35, 90, 170, .6) 50%);
  font-family: "Zen Kurenaido", serif;
}

.tt {
  background: linear-gradient(transparent 60%, rgba(140, 70, 100, .6) 50%);
  font-family: "Zen Kurenaido", serif;
}

.usm {
  background: linear-gradient(transparent 60%, rgba(250, 195, 30, .6) 50%);
  font-family: "Zen Kurenaido", serif;
}

.krm {
  background: linear-gradient(transparent 60%, rgba(144, 158, 200, .6) 50%);
  font-family: "Zen Kurenaido", serif;
}

.kurt {
  background: linear-gradient(transparent 60%, rgba(180, 149, 143, .5) 50%);
  font-family: "Zen Kurenaido", serif;
}

.max {
  background: linear-gradient(transparent 60%, rgba(144, 206, 182, .5) 50%);
  font-family: "Zen Kurenaido", serif;
}

.chr {
  background: linear-gradient(transparent 60%, rgba(214, 155, 194, .5) 50%);
  font-family: "Zen Kurenaido", serif;
}

.mkn {
  background: linear-gradient(transparent 60%, rgba(168, 133, 187, .5) 50%);
  font-family: "Zen Kurenaido", serif;
}