body {background-image: linear-gradient(to top, #D1BAD2 0%, #2884b8 100%);
}


@font-face { font-family: aa; src: url("https://dl.dropboxusercontent.com/s/d3l95jo6ptk7r7t/Maru%27s_One-stroke_missing_Font.woff") format("woff")
}

@font-face { font-family: ty; src: url("https://dl.dropboxusercontent.com/s/ksfi18meog20931/%E3%83%80%E3%83%BC%E3%83%84%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88.woff") format("woff")
}


body{
  height: 100%;
  background::#ffffff;
}

body:after{
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  content: "";
  background: linear-gradient(to top, #d1bad2 0%, #2884b8 100%);
  z-index: -1;
}


hr{
  border: none;
}


mc{
  font-family: "ty";
}



.box summary{
outline: none;
font-family:'aa','ty';
}

.box details summary::-webkit-details-marker{
  display: none;
  font-family:'aa','ty';
}

.box details{
font-family:'aa','ty';
}

.box b {
font-family:'aa','ty';
}

.box s {
font-family:'aa','ty';
}




.sample {
	font-size:0.8em;
   font-color: rgba(255,255,255,0.5);
   font-family: "ty";
	text-align: right;
	color: transparent;
	-webkit-text-stroke: 0.04em rgba(255,255,255,0.5);
}

　


.ty-marker {
 background: linear-gradient(transparent 50%, #A590AF 50%);
font-family: "ty";
font-weight: bold; 
}

.kzh-marker {
 background: linear-gradient(transparent 50%, #ACA7BB 50%);
font-family: "ty";
font-weight: bold; 
}

.kz-marker {
 background: linear-gradient(transparent 50%, #8b0000 50%);
font-family: "ty";
font-weight: bold; 
}


.koe {
position: relative;
padding: 20px;
background-color: #fff5ee;
font-family: "ty";
font-weight: bold;
opacity: 0.5;
border-radius: 15px;
margin-left: 70px;
}

.koe::before {
content: '';
position: absolute;
display: block;
border-radius: 50%;
background-color: #fff5ee;
opacity: 0.5;
left: -35px;
bottom: 15px;
width: 30px;
height: 30px;
}

.koe::after {
content: '';
position: absolute;
display: block;
border-radius: 50%;
background-color: #fff5ee;
opacity: 0.5;
left: -55px;
bottom: 10px;
width: 15px;
height: 15px;
}







.ko {
position: relative;
padding: 20px;
background-color: #fff5ee;
font-family: "ty";
font-weight: bold;
opacity: 0.5;
border-radius: 15px;
margin-right: 70px;
}

.ko::before {
content: '';
position: absolute;
display: block;
border-radius: 50%;
background-color: #fff5ee;
opacity: 0.5;
right: -35px;
bottom: 15px;
width: 30px;
height: 30px;
}

.ko::after {
content: '';
position: absolute;
display: block;
border-radius: 50%;
background-color: #fff5ee;
opacity: 0.5;
right: -55px;
bottom: 10px;
width: 15px;
height: 15px;
}






.sample_box2_5 {
    position: relative;
    padding: 1em 1em;
    margin: 2em 0;
    border-radius: 4px; 
    font-family: "ty";
    background-color: #fff;/*背景色*/
    z-index: 1;
}
.sample_box2_5::before,
.sample_box2_5::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.sample_box2_5::before {
    background-color: rgba(255, 255, 255, 0.2);
    left: 0;
    top: 0;
    z-index: -1;
}
.sample_box2_5::after {
    background-color: none;/*ズレている方の背景色*/
    top: 5px;
    left: 5px;
    z-index: -2;
}
.sample_box2_5 p {
    margin: 0; 
    padding: 0;
}




h2 {
  position: relative;
  padding: 0 65px;
  text-align: center;
　font-family: "ty";
}

h2:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  background: #fff;
}

h2 span {
  position: relative;
  padding: 0 1em;
  background: none;
　font-family: "ty";
}


.bordering01 {
  text-stroke: 1px #000;
  -webkit-text-stroke: 1px #000;
  font-size: 40px !important;
  color: #fff;
}



ul.cp_list {
	padding: 0.5em;
	list-style-type: none;
}
ul.cp_list li {
   font-family: "ty";
	position: relative;
	padding: 0.5em 1em 0.5em 2.3em;
	margin-bottom:5px;
}
ul.cp_list li:after,
ul.cp_list li:before{
	content:'';
	position: absolute;
	border-radius: 50%;
}
ul.cp_list li:before {
	top: 50%;
	left: 0.2em;
	width: 17px;
	height: 17px;
	background: #d8bfd8;
   font-family: "ty";
	transform: translateY(-50%);
}
ul.cp_list li:after {
	top: 1.1em;
	left: 0.7em;
	width: 14px;
	height: 14px;
   font-family: "ty";
	background: #f8f8ff;
}



h3 {
  font-family: "ty";
  color: #fff0f5
  text-transform: uppercase;
}

h3 span {
  display: block;
  margin: 11px 0 17px 0;
  text-align: center;
  font-family: "ty";
  font-size: 23px;
  line-height: 23px;
  color: #fff;
  text-shadow: 0 13.36px 8.896px #fff,0 -2px 1px #fff;
}