/**追加用css**/

.d-flex {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}
.f-wrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.f-nowrap {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.jc-start {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.jc-end {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.jc-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.jc-between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.jc-around{
	justify-content: space-around;
}
.ai-start {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.ai-end {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.ai-center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.ac-center {
	-ms-flex-line-pack: center;
	align-content: center;
}
.order-1 {
	-webkit-box-ordinal-group:2;
	-ms-flex-order:1;
	order:1;
}
.order-0 {
	-webkit-box-ordinal-group:1;
	-ms-flex-order:0;
	order:0;
}
.box-borderbox {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.flex-center {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
}
.flex-center > * {
	width: 100%;
}

.row-r{
    flex-direction: row-reverse;
}
.relative{
    position: relative;
}




.fo-min{
/*400;500;600;700***/
font-family: 'Zen Old Mincho', serif;
}



/***トップページきらめき姫***/
.kiramekitop{
	background:
		linear-gradient(
			to bottom,
			rgba(255,255,255,0) 80%,
			rgba(255,255,255,1) 100%
		),
		url(/wordpress02/wp-content/themes/lightning/assets/images/top/bg01.jpg) no-repeat top center;
	background-size: cover;
	padding: 50px 20px 0;
}

.kiramekitoptitle{
	padding: 30px 10%;
}
.kiramekipoint {
	max-width: 70%;
	margin: 0 auto 40px;
}
.kiramekipoint ul{
	padding: 0;
}
.kiramekipoint li{
	list-style: none;
	margin: 0 10px;
}


.kiramekitopbg01 {
	background: linear-gradient(
		to bottom,
		#ffffff 15%,
		#a5d88b 100%
	);
	
	padding: 0 30px 50px;
	
}
.kiramekititle01 {
	text-align: center;
	font-weight: 600;
	margin: 0 0 40px;
}
.kiramekititle01 ._01{
	font-size: 2.5rem;
	color: #006c00;
	margin: 0 0 20px;
}
.kiramekititle01 ._02{
	font-size: 1.4rem;
}

.htitle01{
	position: relative;
	margin: 0 0 2rem;
	text-align: center;
}
.htitle01 ._01{
	position: absolute;
	z-index: 1;
	top: 2.5rem;
	right: 0;
	left: 0;
	font-size: 1.4rem;
	margin: auto;
	color: #008b2b;
}
.htitle01 ._02{
	font-size:4.5rem;
	color: #c7ebf5;
}

.howtobox ._box{
	flex-basis: 31%;
	margin: 0 1% 20px;
}
.howtobox ._img{
	position: relative;
	text-align: center;
	margin: 0 0 10px;
}
.howtobox ._img::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -2rem;
  margin: auto;
  border-width: 12px 0 12px 15px;
  border-style: solid;
  border-color: transparent transparent transparent #008b2b;
}

.howtobox ._box:last-child ._img::after {
	display: none;
}


.howtobox ._img img{
	max-height: 9rem;
	
}
.howtobox ._cont ._txt{
	text-align: left;
	font-size: 90%;
}
.howtobox ._cont ._num{
	color: #68c350;
	font-size: 3rem;
	font-style: italic;
	margin-right: 1rem;
	flex-shrink: 0;
	line-height: 1;
}
.hbtn01 {
	display: block;
	max-width: 15rem;
	padding: 1rem;
	margin: 0 auto;
	background: linear-gradient(to bottom, #68c350 0%, #68c350 50%, #239c00 50%, #239c00 100%);
	color: #fff;
	font-weight: 700;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
	text-align: center;
}


.itembox{
	background: #fff;
	padding: 20px;
}
.itembox ._item{
	padding: 0 0 10px;
}



.iteminfowrap{
	background: #008b2b;
	padding: 40px 30px;
}
.iteminfobox{
	background: #fff;
	padding: 30px ;
}
.iteminfobox ._title{
	text-align: center;
	color: #008b2b;
	font-size:1.5rem;
	font-weight: 600;
	margin: 0 0 1rem;
}

.itemnamebox {
	border-bottom: 1px solid #000;
  margin: 0 0 2rem;
}





@media screen and (max-width: 782px) {

.kiramekipoint {
	max-width: 100%;
}

.kiramekititle01 ._01{
	font-size: 2rem;
	margin: 0 0 10px;
}
.kiramekititle01 ._02{
	font-size: 1.1rem;
}
.kiramekitopbg01{
	padding: 0 10px 50px;
}


.kiramekitvcm iframe{
	height: 50vw;
}

.htitle01 ._01{
top: 1.5rem;
font-size: 1.2rem;
}


.htitle01 ._02 {
  font-size: 3rem;
  color: #dbf1f6;
}

  .howtobox {
    margin: 0 auto 1rem;
    width: 42rem;
  }

.itembox {
  padding: 10px;
}

.iteminfowrap {
  padding: 20px;
}
.iteminfobox {
  padding: 30px 10px;
}

}