.t_pur{color:#69456C; font-weight:bold;}
.bg_pur{background:#E2DFEF;}
.bg_gr{ background:#E6F2E4;}
.tp_nin{ background: url("https://img21.shop-pro.jp/PA01447/602/etc/tp_nin.jpg") no-repeat right bottom; padding-top:80px; padding-bottom:80px; font-size: 22px; line-height:1.8; font-weight:normal;}
.topinfo{max-width:800px !important; margin:30px auto!important; align-items: center; -webkit-align-items: center; line-height: 2;}
.topinfo h3{ line-height:1.2; }
.topinfo ul{list-style: none; margin-bottom: 0;}
.tpinf_ti{background: url("https://img21.shop-pro.jp/PA01447/602/etc/infoflower.png") no-repeat center; min-height: 150px; align-items: center; -webkit-align-items: center;}

h2{margin:50px auto;}
h2 .t_pur{padding-bottom:16px; border-bottom: 2px solid #69456C; font-size:16px; }
.recommend-items img{ width:150px; height:150px; object-fit:cover; border-radius:0%;}

.flower{ position:relative;	line-height:2em; padding-left:3em; padding-right:3em;}
.flower:before, .flower:after{
	position:absolute;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(https://img21.shop-pro.jp/PA01447/602/etc/iflower.png) no-repeat;
}
.flower:before{left:0;}
.flower:after{right: 0;}

.tp_voice{background: #EBE9F4; border: 1px solid #A59ACA; color: #9977B4; padding:20px; max-width: 485px;}
.tp_voice2{background: #E6F2E4; border: 1px solid #A1CC9D; color: #4A975A; padding:20px; max-width: 485px;}

.tp_cal{ padding: 30px 0; font-weight: bold; align-items: center; -webkit-align-items: center;}
.cl_ha, .cl_me, .cl_nm, .cl_no, .cl_kr{ border-radius: 1em; color:#fff; width:14em; padding: 0.2em; text-align: center; margin: 0.2em 2em; display: inline-block;}
.cl_ha{ background: #7EC19F;}
.cl_me{ background: #B3D25D;}
.cl_nm{ background: #E6C752;}
.cl_no{ background: #D9B274;}
.cl_kr{ background: #AC8DC3;}
.cal_ch{ max-width:400px; }

.tp_cal a:hover, .tp_cal a:focus, a.btn-tp:hover, a.btn-tp:focus{text-decoration: none; color: #fff;}
.btn-tp, .btn-ha, .btn-me, .btn-nm, .btn-no{
  position: relative;
  display: inline-block;
  padding: 0.4em 0.5em;
  text-decoration: none;
  color: #FFF;
	font-weight: bold;
	text-align: center;
	max-width: 500px;
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}
.btn-tp{ border-radius: 4px; border-bottom: solid 2px #6F4092; background: #AC8DC3; line-height: 3em; font-size: 18px; max-width: 500px; width: 100%; padding: 0;}
.btn-tp:hover{background:#BAA0CD}
.btn-ha{ background:#7EC19F; border-bottom: solid 2px #4EAA7B; width: 100%; }
.btn-ha:hover{ background:#97CDB2;}
.btn-me{ background:#B3D25D; border-bottom: solid 2px #96C11F; width: 100%; }
.btn-me:hover{ background:#C9DF8C;}
.btn-nm{ background:#E6C752; border-bottom: solid 2px #D0AC00; width: 100%; }
.btn-nm:hover{ background:#ECD57D;}
.btn-no{ background:#D9B274; border-bottom: solid 2px #C68C2F; width: 100%; }
.btn-no:hover{ background:#E2C495;}

.btn-tp:active { border-bottom: solid 2px #fd9535; box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);}

.omoi{margin:50px auto!important; padding-top:30px; padding-bottom: 30px; align-items: center; -webkit-align-items: center;}

.agab{ max-width: 750px; border-bottom: solid 2px #DA4F35; border-top: solid 2px #718B2A;
box-shadow: 0px 2px #fff, 0px 4px #E59F00, 0px 6px #fff, 0px 8px #718B2A, 0px -2px #fff, 0px -4px #E59F00, 0px -6px #fff, 0px -8px #DA4F35;
margin: 50px auto; align-items: center; -webkit-align-items: center;}
.agab h3{ font-size: 30px; margin: 30px auto 10px; line-height: 1.2;}
.agab img { margin: 20px auto;}

@media (max-width: 768px) {.topinfo ul{ margin-bottom:20px;} .tp_nin{font-size: 18px;} .cl_ha, .cl_me, .cl_nm, .cl_no, .cl_kr{ text-align: center; margin: 0.2em auto;} .cal_i img{ max-width: 300px!important;} .flower{line-height: 1.5;} .flower:before, .flower:after{top:0.5em;} .agab h3{ margin: 0 auto 15px;} .omoi p{ margin:20px;}.btn-tp, .btn-ha, .btn-me, .btn-nm, .btn-no{padding: 0.4em 0;} .recommend-items img{width: auto; height: auto;}}
@media (max-width: 350px) {.btn-tp{line-height:1.5}}
@media (min-width: 769px) {.tpinf_li{background: url("https://img21.shop-pro.jp/PA01447/602/etc/infoli.png") no-repeat right center; min-height: 150px; width: 50px;}}