@charset "UTF-8";
/* CSS Document */


/* h1 */
#contents main h1 {
	text-align: left;
	color: #000;
	font-family: "Hiragino Mincho ProN", "Yu Mincho", serif;  
	font-size: 18px;
	line-height: 1.2;
	height: 35px;
	background:  url('../images/common/blt_title-end.png') no-repeat;
	background-position: right 6px;
	position: relative;
	margin-left: 50px;
	margin-bottom: 1em;
  padding-right: 2em;
}

#contents main h1::before {
	display: block;
	position: absolute;
	content: "";
	background: url('../images/common/blt_title-head.png') no-repeat;
	background-position: left center;
	width: 100%;
	height: 32px;
	margin-left: -50px;
}

#contents main h1::after {
  display: block;
  margin-top: 0.3em;
  content: "";
  width: 97%;
  height: 4px;
  background: radial-gradient(circle farthest-side, #f198c1, #f198c1 50%, #ffffff 50%, #ffffff);
  background-size: 4px 4px;
}

#contents main h1.green {
	text-align: left;
	color: #000;
	font-size: 22px;
	line-height: 0.5;
	height: 35px;
	background:  url('../images/common/blt_title-end-green.png') no-repeat;
	background-position: right 6px;
	position: relative;
	margin-left: 40px;
  padding-right: 10px;
}

#contents main h1.green::before {
	display: block;
	position: absolute;
	content: "";
	background: url('../images/common/blt_title-head-green.png') no-repeat;
	background-position: left center;
	width: 100%;
	height: 32px;
	margin-left: -40px;
}

#contents main h1.green::after {
  display: block;
  margin-top: 0.3em;
  content: "";
  width: 97%;
  height: 4px;
  background: radial-gradient(circle farthest-side, #00adb2, #00adb2 50%, #ffffff 50%, #ffffff);
  background-size: 4px 4px;
}

#contents main h1.ygreen {
	text-align: left;
	color: #000;
	font-size: 22px;
	line-height: 0.5;
	height: 35px;
	background:  url('../images/common/blt_title-end-ygreen.png') no-repeat;
	background-position: right 6px;
	position: relative;
	margin-left: 40px;
}

#contents main h1.ygreen::before {
	display: block;
	position: absolute;
	content: "";
	background: url('../images/common/blt_title-head-ygreen.png') no-repeat;
	background-position: left center;
	width: 100%;
	height: 32px;
	margin-left: -40px;
}

#contents main h1.ygreen::after {
  display: block;
  margin-top: 0.3em;
  content: "";
  width: 97%;
  height: 4px;
  background: radial-gradient(circle farthest-side, #6abc6e, #6abc6e 50%, #ffffff 50%, #ffffff);
  background-size: 4px 4px;
}


#contents main h1.orange {
	text-align: left;
	color: #000;
	font-size: 22px;
	line-height: 0.5;
	height: 35px;
	background:  url('../images/common/blt_title-end-orange.png') no-repeat;
	background-position: right 6px;
	position: relative;
	margin-left: 40px;
}

#contents main h1.orange::before {
	display: block;
	position: absolute;
	content: "";
	background: url('../images/common/blt_title-head-orange.png') no-repeat;
	background-position: left center;
	width: 100%;
	height: 32px;
	margin-left: -40px;
}

#contents main h1.orange::after {
  display: block;
  margin-top: 0.3em;
  content: "";
  width: 97%;
  height: 4px;
  background: radial-gradient(circle farthest-side, #f4a346, #f4a346 50%, #ffffff 50%, #ffffff);
  background-size: 4px 4px;
}



#contents main h1.blue {
	text-align: left;
	color: #000;
	font-size: 22px;
	line-height: 0.5;
	height: 35px;
	background:  url('../images/common/blt_title-end-blue.png') no-repeat;
	background-position: right 6px;
	position: relative;
	margin-left: 40px;
}

#contents main h1.blue::before {
	display: block;
	position: absolute;
	content: "";
	background: url('../images/common/blt_title-head-blue.png') no-repeat;
	background-position: left center;
	width: 100%;
	height: 32px;
	margin-left: -40px;
}

#contents main h1.blue::after {
  display: block;
  margin-top: 0.3em;
  content: "";
  width: 97%;
  height: 4px;
  background: radial-gradient(circle farthest-side, #0092d4, #0092d4 50%, #ffffff 50%, #ffffff);
  background-size: 4px 4px;
}

#contents main h1.cyan {
	text-align: left;
	color: #000;
	font-size: 22px;
	line-height: 0.5;
	height: 35px;
	background:  url('../images/common/blt_title-end-cyan.png') no-repeat;
	background-position: right 6px;
	position: relative;
	margin-left: 40px;

}

#contents main h1.cyan::before {
	display: block;
	position: absolute;
	content: "";
	background: url('../images/common/blt_title-head-cyan.png') no-repeat;
	background-position: left center;
	width: 100%;
	height: 32px;
	margin-left: -40px;
}

#contents main h1.cyan::after {
  display: block;
  margin-top: 0.3em;
  content: "";
  width: 97%;
  height: 4px;
  background: radial-gradient(circle farthest-side, #00afec, #00afec 50%, #ffffff 50%, #ffffff);
  background-size: 4px 4px;
}

#contents main h1.magenta {
	text-align: left;
	color: #000;
	font-size: 22px;
	line-height: 0.5;
	height: 35px;
	background:  url('../images/common/blt_title-end-magenta.png') no-repeat;
	background-position: right 6px;
	position: relative;
	margin-left: 40px;

}

#contents main h1.magenta::before {
	display: block;
	position: absolute;
	content: "";
	background: url('../images/common/blt_title-head-magenta.png') no-repeat;
	background-position: left center;
	width: 100%;
	height: 32px;
	margin-left: -40px;
}

#contents main h1.magenta::after {
  display: block;
  margin-top: 0.3em;
  content: "";
  width: 97%;
  height: 4px;
  background: radial-gradient(circle farthest-side, #ec7aac, #ec7aac 50%, #ffffff 50%, #ffffff);
  background-size: 4px 4px;
}

#contents main h1.purple {
	text-align: left;
	color: #000;
	font-size: 22px;
	line-height: 0.5;
	height: 35px;
	background:  url('../images/common/blt_title-end-purple.png') no-repeat;
	background-position: right 6px;
	position: relative;
	margin-left: 40px;

}

#contents main h1.purple::before {
	display: block;
	position: absolute;
	content: "";
	background: url('../images/common/blt_title-head-purple.png') no-repeat;
	background-position: left center;
	width: 100%;
	height: 32px;
	margin-left: -40px;
}

#contents main h1.purple::after {
  display: block;
  margin-top: 0.3em;
  content: "";
  width: 97%;
  height: 4px;
  background: radial-gradient(circle farthest-side, #8376b5, #8376b5 50%, #ffffff 50%, #ffffff);
  background-size: 4px 4px;
}

/* h2 */

body #contents main h2 {
	color: #EA6693;
	font-size: 20px;
	font-family: "Hiragino Mincho ProN", "Yu Mincho", serif;  
	line-height: 1.5;
	margin: 1em 0;
}

@media all and (min-width: 600px) {
  body #contents main h2 {
    font-size: 25px;
    text-align: center;
  }
    footer {
    padding: 0;
  }
#contents main h1 {
	text-align: left;
	color: #000;
	font-family: "Hiragino Mincho ProN", "Yu Mincho", serif;  
	font-size: 22px;
	line-height: 0.5;
	height: 35px;
	background:  url('../images/common/blt_title-end.png') no-repeat;
	background-position: right 6px;
	position: relative;
	margin-left: 40px;
	margin-bottom: 1em;
  padding-right: 0;
}

#contents main h1::before {
	display: block;
	position: absolute;
	content: "";
	background: url('../images/common/blt_title-head.png') no-repeat;
	background-position: left center;
	width: 100%;
	height: 32px;
	margin-left: -40px;
}

#contents main h1::after {
  display: block;
  margin-top: 0.3em;
  content: "";
  width: 97%;
  height: 4px;
  background: radial-gradient(circle farthest-side, #f198c1, #f198c1 50%, #ffffff 50%, #ffffff);
  background-size: 4px 4px;
}  
}

body #contents main h3 {
	background: #EA6693;
	color: #FFF;
	font-size: 18px;
	line-height: 1.5;
	margin: 0 0 1em;
	padding: .25em .5em .25em 1.5em;
	border-radius: 1.5em;
	position: relative;
	text-indent: 1em;
}

body #contents main h3:before {
	content: '';
	position: absolute;
	width: 17px;
	height: 23px;
	background: url(../images/common/icon02/icon_h3-flower.png) no-repeat;
	background-size: contain;
	background-position: left center;
	margin-left: -1.5em;
}

  header nav .global > li > .sub > p > a {
    background-image: url('../images/common/icon/icon_next.png');
    -moz-background-size: 17px 17px;
    -o-background-size: 17px 17px;
    -webkit-background-size: 17px 17px;
    background-size: 17px 17px;
    padding: 0 0 0 20px;
  }

  header > label[for=toggle] {
    background: url(../images/common/menu_btn.png) no-repeat;
    background-size: contain;
    background-color: #F094B3;
  }
  header > label[for=toggle] > span {
    display: none;
    width: 50%;
  }
  header input#toggle:checked ~ label {
    left: 0;
    background: url(../images/common/close_btn.png) no-repeat;
    background-size: contain;
    background-color: #F094B3;    
  }


/*
  footer nav ul.global li a[href$="junior.html"]::before,
  footer nav ul.global li a[href$="senior.html"]::before {
    display: inline-block;
  }
*/
/* flower decoration */
  .endflower {
	display:block;
	width: 100%;
	padding: 0 0 80px 0;
	background: url('../images/common/icon02/icon_endflower.png') no-repeat;
	background-position: center bottom;
  background-size: contain;
}

.endflower2 {
	display:block;
	width: 100%;
	padding: 0 0 50px 0;
	background: url('../images/common/icon02/icon_endflower2.png') no-repeat;
	background-position: right 3em bottom;
}

.endflowerindex {
	display:block;
	width: 100%;
	padding: 0 0 100px 0;
	background: url('../images/common/icon02/icon_endflower-index.png') no-repeat;
	background-position: center bottom;
  background-size: contain;
}

/*20200415修正*/
/*
header > nav > .global > li > .sub input[id*=toggle-]:checked ~ ul > li > a[href^="life.html"]::after {
    content:"《NEW》";
    color: #ee5ba6;
}
*/

@media all and (min-width: 600px) {
  .endflower {
	padding: 0 0 200px 0;
	background-position: center bottom 5em;
}

.endflower2 {
	padding: 0 0 100px 0;
	background-position: right 3em bottom 2em;
}

.endflowerindex {
	padding: 0 0 300px 0;
	background-position: center bottom 2em;
}
/*20200415修正*/
/*
  #contents nav.local > ul:first-child > li > ul > li > a[href^="life.html"]::after {
    content:"《NEW》";
      color: red;
  }
*/
}
/*header tablet*/
@media all and (min-width: 601px) and (max-width: 768px) {
  header > .logo a {
    width: 380px;
  }
    header nav .global > li > .sub {
    background: #fff;
    border-radius: 10px;
    display: none;
    color: #383838;
    height: 170px;
    padding: 16px 15px;
    position: absolute;
    text-align: left;
    left: 15px;
    top: -190px;
    width: 738px;
    z-index: 6;
  }
  header nav .global > li > .sub > div {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  header nav .global > li > .sub > div ul {
    margin-right: 20px;
  }
  header nav .global > li:first-child > .sub {
    padding-right: 0;
  }
  header nav .global > li:nth-child(2) > .sub {
    left: -241px;
  }
  header nav .global > li:last-child > .sub {
    left: -497px;
  }
  header nav .global > li > .sub > div ul:last-child {
    margin-right: 0;
  }
}

/*footer tablet*/
@media all and (min-width: 601px) and (max-width: 1024px) {
  footer nav {
    padding: 15px 0 0 0;
    width: calc(100% - 30px);
  }
  footer nav .logo address {
    font-size: 10px;
  }
  footer nav .logo address span {
    display: block;
  }
  footer nav ul li {
    margin: 5px 0;
  }
  footer nav ul.global li a:before {
    margin: 0 .2em 0 0;
  }
  footer nav ul.global li a span {
    display: block;
    margin-left: .7em;
  }
}

/*main tablet*/
@media all and (min-width: 601px) and (max-width: 768px) {
  body #contents main h2 {
    font-size: 22px;
  }
  #contents nav.local {
    font-size: 13px;
  }
  #contents nav.local > ul:first-child > li > ul > li > a {
    padding: 1em;
  }
}

/*202110追記*/
#contents main h1.pre_blue {
	text-align: left;
	color: #000;
	font-size: 22px;
	line-height: 0.5;
	height: 35px;
	background:  url('../images/common/blt_title-end-pre_blue.png') no-repeat;
	background-position: right 6px;
	position: relative;
	margin-left: 40px;
}

#contents main h1.pre_blue::before {
	display: block;
	position: absolute;
	content: "";
	background: url('../images/common/blt_title-head-pre_blue.png') no-repeat;
	background-position: left center;
	width: 100%;
	height: 32px;
	margin-left: -40px;
}

#contents main h1.pre_blue::after {
  display: block;
  margin-top: 0.3em;
  content: "";
  width: 97%;
  height: 4px;
  background: radial-gradient(circle farthest-side, #155099, #155099 50%, #ffffff 50%, #ffffff);
  background-size: 4px 4px;
}
#contents main h1.st_green {
	text-align: left;
	color: #000;
	font-size: 22px;
	line-height: 0.5;
	height: 35px;
	background:  url('../images/common/blt_title-end-st_green.png') no-repeat;
	background-position: right 6px;
	position: relative;
	margin-left: 40px;
}

#contents main h1.st_green::before {
	display: block;
	position: absolute;
	content: "";
	background: url('../images/common/blt_title-head-st_green.png') no-repeat;
	background-position: left center;
	width: 100%;
	height: 32px;
	margin-left: -40px;
}

#contents main h1.st_green::after {
  display: block;
  margin-top: 0.3em;
  content: "";
  width: 97%;
  height: 4px;
  background: radial-gradient(circle farthest-side, #02805e, #02805e 50%, #ffffff 50%, #ffffff);
  background-size: 4px 4px;
}