@media screen and (max-width:680px) {
	#contents .contbox.contbox_none {
		background:none;
		margin: 0;
		padding: 0;
	}
}
.contbox_none .pinbox::before{
    background: none;
	display: none;
}
.contbox_none .pinbox::after{
    background: none;
	display: none;
}

#contents .contbox.contbox_pink {
	background:url(../images/top_back_snow.png) repeat-y center top,url(../images/top_back_snow2.png) repeat-y center top, linear-gradient(#F5B4D2, #FFFFFF);
}

@media screen and (max-width:680px) {
	#contents .contbox.contbox_pink {
		background:url(../images/top_back_snow.png) repeat-y 96% top/200%,url(../images/top_back_snow2.png) repeat-y 4% top/200%, linear-gradient(#F5B4D2, #FFFFFF);
		z-index: 1;		
	}
	  #contents .contbox.contbox_pink h2::before {
		/*background:linear-gradient(#F5B4D2, #FFFFFF);*/
	  }
}/*
.contbox_pink .pinbox::before{
    background: url(../images/boxcel1p.png) no-repeat 0px 0px;
	background-size: contain;
}
.contbox_pink .pinbox::after{
    background: url(../images/boxcel2p.png) no-repeat 0px 0px;
	background-size: contain;
}*/

#contents .contbox.contbox_yellow {
	background:url(../images/top_back_snow.png) repeat-y center top,url(../images/top_back_snow2.png) repeat-y center top, linear-gradient(#FFD750, #FFFFFF);
}
@media screen and (max-width:680px) {
	#contents .contbox.contbox_yellow {
		background:url(../images/top_back_snow.png) repeat-y 96% top/200%,url(../images/top_back_snow2.png) repeat-y 4% top/200%, linear-gradient(#FFD750, #FFFFFF);
	}
}
/*
.contbox_yellow .pinbox::before{
    background: url(../images/boxcel1y.png) no-repeat 0px 0px;
	background-size: contain;
}
.contbox_yellow .pinbox::after{
    background: url(../images/boxcel2y.png) no-repeat 0px 0px;
	background-size: contain;
}*/

#contents .contbox.contbox_green {
	background:url(../images/top_back_snow.png) repeat-y center top,url(../images/top_back_snow2.png) repeat-y center top, linear-gradient(#A5D7B9, #FFFFFF);
}
@media screen and (max-width:680px) {
	#contents .contbox.contbox_green {
		background:url(../images/top_back_snow.png) repeat-y 96% top/200%,url(../images/top_back_snow2.png) repeat-y 4% top/200%, linear-gradient(#A5D7B9, #FFFFFF);
	}
}
/*
.contbox_green .pinbox::before{
    background: url(../images/boxcel1g.png) no-repeat 0px 0px;
	background-size: contain;
}
.contbox_green .pinbox::after{
    background: url(../images/boxcel2g.png) no-repeat 0px 0px;
	background-size: contain;
}*/

#contents .contbox.contbox_blue {
	/*background:url(../images/top_back_snow.png) repeat-y center top,url(../images/top_back_snow2.png) repeat-y center top, linear-gradient(#8CD2F5, #FFFFFF);*/
  background:  url(../images/top_back_tree.png) no-repeat center bottom fixed,linear-gradient(#8FD2F4, #fff);
}
@media screen and (max-width:680px) {
	#contents .contbox.contbox_blue {
		/*background:url(../images/top_back_snow.png) repeat-y 96% top/200%,url(../images/top_back_snow2.png) repeat-y 4% top/200%, linear-gradient(#8CD2F5, #FFFFFF);*/
		background-size: 130%;
	}
	.ios #contents .contbox.contbox_blue {
		/*background:url(../images/top_back_snow.png) repeat-y 96% top/200%,url(../images/top_back_snow2.png) repeat-y 4% top/200%, linear-gradient(#8CD2F5, #FFFFFF);*/
		background:/*url(../images/top_back_tree.png) no-repeat center bottom fixed, */linear-gradient(#8CD2F5, #FFFFFF);
		z-index: 0;
	}
	.ios #contents .contbox.contbox_blue::before{
		pointer-events: none;
		content: "";
		display: block;
		height: 40vw;
		width: 100%;
		position: fixed;
		left: 0;
		bottom: 0;
	  background:  url(../images/top_back_tree.png) no-repeat center bottom;
		background-size: 150%;
	}
}
/*
.contbox_blue .pinbox::before{
    background: url(../images/boxcel1b.png) no-repeat 0px 0px;
	background-size: contain;
}
.contbox_blue .pinbox::after{
    background: url(../images/boxcel2b.png) no-repeat 0px 0px;
	background-size: contain;
}*/

#contents .contbox.contbox_orenge {
	background:url(../images/top_back_snow.png) repeat-y center top,url(../images/top_back_snow2.png) repeat-y center top, linear-gradient(#FFC350, #FFFFFF);
}
@media screen and (max-width:680px) {
	#contents .contbox.contbox_orenge {
		background:url(../images/top_back_snow.png) repeat-y 96% top/200%,url(../images/top_back_snow2.png) repeat-y 4% top/200%, linear-gradient(#FFC350, #FFFFFF);
	}
}
/*
.contbox_orenge .pinbox::before{
    background: url(../images/boxcel1b.png) no-repeat 0px 0px;
	background-size: contain;
}
.contbox_orenge .pinbox::after{
    background: url(../images/boxcel2b.png) no-repeat 0px 0px;
	background-size: contain;
}*/

#contents .contbox.contbox_purple {
	background:url(../images/top_back_snow.png) repeat-y center top,url(../images/top_back_snow2.png) repeat-y center top, linear-gradient(#C8B4E6, #FFFFFF);
}
@media screen and (max-width:680px) {
	#contents .contbox.contbox_purple {
		background:url(../images/top_back_snow.png) repeat-y 96% top/200%,url(../images/top_back_snow2.png) repeat-y 4% top/200%, linear-gradient(#C8B4E6, #FFFFFF);
	}
}
/*
.contbox_purple .pinbox::before{
    background: url(../images/boxcel1b.png) no-repeat 0px 0px;
	background-size: contain;
}
.contbox_purple .pinbox::after{
    background: url(../images/boxcel2b.png) no-repeat 0px 0px;
	background-size: contain;
}*/

#contents .contbox.contbox_red {
	background:url(../images/top_back_snow.png) repeat-y center top,url(../images/top_back_snow2.png) repeat-y center top, linear-gradient(#F5A0A0, #FFFFFF);
}
@media screen and (max-width:680px) {
	#contents .contbox.contbox_red {
		background:url(../images/top_back_snow.png) repeat-y 96% top/200%,url(../images/top_back_snow2.png) repeat-y 4% top/200%, linear-gradient(#F5A0A0, #FFFFFF);
	}
}
/*
.contbox_red .pinbox::before{
    background: url(../images/boxcel1b.png) no-repeat 0px 0px;
	background-size: contain;
}
.contbox_red .pinbox::after{
    background: url(../images/boxcel2b.png) no-repeat 0px 0px;
	background-size: contain;
}*/

#contents .contbox.contbox_bgreen {
	background:url(../images/top_back_snow.png) repeat-y center top,url(../images/top_back_snow2.png) repeat-y center top, linear-gradient(#BEE68C, #FFFFFF);
}
@media screen and (max-width:680px) {
	#contents .contbox.contbox_bgreen {
		background:url(../images/top_back_snow.png) repeat-y 96% top/200%,url(../images/top_back_snow2.png) repeat-y 4% top/200%, linear-gradient(#BEE68C, #FFFFFF);
	}
}
/*
.contbox_bgreen .pinbox::before{
    background: url(../images/boxcel1b.png) no-repeat 0px 0px;
	background-size: contain;
}
.contbox_bgreen .pinbox::after{
    background: url(../images/boxcel2b.png) no-repeat 0px 0px;
	background-size: contain;
}*/











#contents .contbox.contbox_back_pink {
	background:url(../images/top_back_snow.png) repeat-y center top,url(../images/top_back_snow2.png) repeat-y center top, linear-gradient(#F5B4D2, #FFFFFF) !important;
}

@media screen and (max-width:680px) {
	#contents .contbox.contbox_back_pink {
		background:url(../images/top_back_snow.png) repeat-y 96% top/200%,url(../images/top_back_snow2.png) repeat-y 4% top/200%, linear-gradient(#F5B4D2, #FFFFFF) !important;
	}
}/*
#contents .contbox.contbox_back_pink .pinbox::before{
    background: url(../images/boxcel1p.png) no-repeat 0px 0px/contain !important;
}
#contents .contbox.contbox_back_pink .pinbox::after{
    background: url(../images/boxcel2p.png) no-repeat 0px 0px/contain !important;
}*/

#contents .contbox.contbox_back_yellow{
	background:url(../images/top_back_snow.png) repeat-y center top,url(../images/top_back_snow2.png) repeat-y center top, linear-gradient(#FFD750, #FFFFFF) !important;
}
@media screen and (max-width:680px) {
	#contents .contbox.contbox_back_yellow {
		background:url(../images/top_back_snow.png) repeat-y 96% top/200%,url(../images/top_back_snow2.png) repeat-y 4% top/200%, linear-gradient(#FFD750, #FFFFFF) !important;
		z-index: 1;
	}
}
/*
#contents .contbox.contbox_back_yellow .pinbox::before{
    background: url(../images/boxcel1y.png) no-repeat 0px 0px/contain !important;
}
#contents .contbox.contbox_back_yellow .pinbox::after{
    background: url(../images/boxcel2y.png) no-repeat 0px 0px/contain !important;
}*/

#contents .contbox.contbox_back_green{
	background:url(../images/top_back_snow.png) repeat-y center top,url(../images/top_back_snow2.png) repeat-y center top, linear-gradient(#A5D7B9, #FFFFFF) !important;
}
@media screen and (max-width:680px) {
	#contents .contbox.contbox_back_green {
		background:url(../images/top_back_snow.png) repeat-y 96% top/200%,url(../images/top_back_snow2.png) repeat-y 4% top/200%, linear-gradient(#A5D7B9, #FFFFFF) !important;
	}
}
/*
#contents .contbox.contbox_back_green .pinbox::before{
    background: url(../images/boxcel1g.png) no-repeat 0px 0px/contain !important;
}
#contents .contbox.contbox_back_green .pinbox::after{
    background: url(../images/boxcel2g.png) no-repeat 0px 0px/contain !important;
}*/

#contents .contbox.contbox_back_blue{
	background:url(../images/top_back_snow.png) repeat-y center top,url(../images/top_back_snow2.png) repeat-y center top, linear-gradient(#8CD2F5, #FFFFFF) !important;
}
@media screen and (max-width:680px) {
	#contents .contbox.contbox_back_blue {
		background:url(../images/top_back_snow.png) repeat-y 96% top/200%,url(../images/top_back_snow2.png) repeat-y 4% top/200%, linear-gradient(#8CD2F5, #FFFFFF) !important;
	}
}
/*
#contents .contbox.contbox_back_blue .pinbox::before{
    background: url(../images/boxcel1b.png) no-repeat 0px 0px/contain !important;
}
#contents .contbox.contbox_back_blue .pinbox::after{
    background: url(../images/boxcel2b.png) no-repeat 0px 0px/contain !important;
}*/

#contents .contbox.contbox_back_orenge{
	background:url(../images/top_back_snow.png) repeat-y center top,url(../images/top_back_snow2.png) repeat-y center top, linear-gradient(#FFC350, #FFFFFF) !important;
}
@media screen and (max-width:680px) {
	#contents .contbox.contbox_back_orenge {
		background:url(../images/top_back_snow.png) repeat-y 96% top/200%,url(../images/top_back_snow2.png) repeat-y 4% top/200%, linear-gradient(#FFC350, #FFFFFF) !important;
	}
}
/*
#contents .contbox.contbox_back_orenge .pinbox::before{
    background: url(../images/boxcel1y.png) no-repeat 0px 0px/contain !important;
}
#contents .contbox.contbox_back_orenge .pinbox::after{
    background: url(../images/boxcel2y.png) no-repeat 0px 0px/contain !important;
}*/

#contents .contbox.contbox_back_purple{
	background:url(../images/top_back_snow.png) repeat-y center top,url(../images/top_back_snow2.png) repeat-y center top, linear-gradient(#C8B4E6, #FFFFFF) !important;
}
@media screen and (max-width:680px) {
	#contents .contbox.contbox_back_purple {
		background:url(../images/top_back_snow.png) repeat-y 96% top/200%,url(../images/top_back_snow2.png) repeat-y 4% top/200%, linear-gradient(#C8B4E6, #FFFFFF) !important;
	}
}
/*
#contents .contbox.contbox_back_purple .pinbox::before{
    background: url(../images/boxcel1b.png) no-repeat 0px 0px/contain !important;
}
#contents .contbox.contbox_back_purple .pinbox::after{
    background: url(../images/boxcel2b.png) no-repeat 0px 0px/contain !important;
}*/

#contents .contbox.contbox_back_red{
	background:url(../images/top_back_snow.png) repeat-y center top,url(../images/top_back_snow2.png) repeat-y center top, linear-gradient(#F5A0A0, #FFFFFF) !important;
}
@media screen and (max-width:680px) {
	#contents .contbox.contbox_back_red{
		background:url(../images/top_back_snow.png) repeat-y 96% top/200%,url(../images/top_back_snow2.png) repeat-y 4% top/200%, linear-gradient(#F5A0A0, #FFFFFF) !important;
	}
}
/*
#contents .contbox.contbox_back_red .pinbox::before{
    background: url(../images/boxcel1p.png) no-repeat 0px 0px/contain !important;
}
#contents .contbox.contbox_back_red .pinbox::after{
    background: url(../images/boxcel2p.png) no-repeat 0px 0px/contain !important;
}*/

#contents .contbox.contbox_back_bgreen{
	background:url(../images/top_back_snow.png) repeat-y center top,url(../images/top_back_snow2.png) repeat-y center top, linear-gradient(#BEE68C, #FFFFFF) !important;
}
@media screen and (max-width:680px) {
	#contents .contbox.contbox_back_bgreen {
		background:url(../images/top_back_snow.png) repeat-y 96% top/200%,url(../images/top_back_snow2.png) repeat-y 4% top/200%, linear-gradient(#BEE68C, #FFFFFF) !important;
	}
}
/*
#contents .contbox.contbox_back_bgreen .pinbox::before{
    background: url(../images/boxcel1g.png) no-repeat 0px 0px/contain !important;
}
#contents .contbox.contbox_back_bgreen .pinbox::after{
    background: url(../images/boxcel2g.png) no-repeat 0px 0px/contain !important;
}*/






/*修正版*/
.contbox .pinbox {
	padding: 0;
}
.contbox .pinbox::before {
    background: url(../images/pinline_b.png) no-repeat 0px 0px;
    background-size: contain;
    width: 28px;
    height: 59px;
    left: 23px;
    top: -25px;
    z-index: 1;
}
.contbox .pinbox::after {
    background: url(../images/pinline_b.png) no-repeat 0px 0px;
    background-size: contain;
    width: 28px;
    height: 59px;
    right: 23px;
    top: -25px;
  z-index: 1;
}
@media screen and (max-width:680px) {
	.contbox .pinbox::before {
		background: url(../images/pinline_b.png) no-repeat 0px 0px;
		background-size: contain;
		width: 5.5vw;
		height: 13vw;
		left: 5.5vw;
		top: -5.5vw;
		z-index: 1;
	}
	.contbox .pinbox::after {
		background: url(../images/pinline_b.png) no-repeat 0px 0px;
		background-size: contain;
		width: 5.5vw;
		height: 13vw;
		right: 5.5vw;
		top: -5.5vw;
	  z-index: 1;
	}
}

/*----   blue   ----*/
.contbox_blue .pinbox::before,#contents .contbox.contbox_back_blue .pinbox::before
{
    background: url(../images/pinline_b.png) no-repeat 0px 0px / contain;
}
.contbox_blue .pinbox::after,#contents .contbox.contbox_back_blue .pinbox::after {
    background: url(../images/pinline_b.png) no-repeat 0px 0px / contain;
}

@media screen and (max-width:680px) {
	.contbox_blue .pinbox::before,#contents .contbox.contbox_back_blue .pinbox::before {
		background: url(../images/pinline_b.png) no-repeat 0px 0px / contain;
	}
	.contbox_blue .pinbox::after,#contents .contbox.contbox_back_blue .pinbox::after {
		background: url(../images/pinline_b.png) no-repeat 0px 0px / contain;
	}
}

/*----   pink   ----*/
.contbox_pink .pinbox::before,#contents .contbox.contbox_back_pink .pinbox::before
{
    background: url(../images/pinline_p.png) no-repeat 0px 0px / contain;
}
.contbox_pink .pinbox::after,#contents .contbox.contbox_back_pink .pinbox::after {
    background: url(../images/pinline_p.png) no-repeat 0px 0px / contain;
}

@media screen and (max-width:680px) {
	.contbox_pink .pinbox::before,#contents .contbox.contbox_back_pink .pinbox::before {
		background: url(../images/pinline_p.png) no-repeat 0px 0px / contain;
	}
	.contbox_pink .pinbox::after,#contents .contbox.contbox_back_pink .pinbox::after {
		background: url(../images/pinline_p.png) no-repeat 0px 0px / contain;
	}
}

/*----   yellow   ----*/
.contbox_yellow .pinbox::before,#contents .contbox.contbox_back_yellow .pinbox::before
{
    background: url(../images/pinline_y.png) no-repeat 0px 0px / contain;
}
.contbox_yellow .pinbox::after,#contents .contbox.contbox_back_yellow .pinbox::after {
    background: url(../images/pinline_y.png) no-repeat 0px 0px / contain;
}

@media screen and (max-width:680px) {
	.contbox_yellow .pinbox::before,#contents .contbox.contbox_back_yellow .pinbox::before {
		background: url(../images/pinline_y.png) no-repeat 0px 0px / contain;
	}
	.contbox_yellow .pinbox::after,#contents .contbox.contbox_back_yellow .pinbox::after {
		background: url(../images/pinline_y.png) no-repeat 0px 0px / contain;
	}
}

/*----   green   ----*/
.contbox_green .pinbox::before,#contents .contbox.contbox_back_green .pinbox::before
{
    background: url(../images/pinline_g.png) no-repeat 0px 0px / contain;
}
.contbox_green .pinbox::after,#contents .contbox.contbox_back_green .pinbox::after {
    background: url(../images/pinline_g.png) no-repeat 0px 0px / contain;
}

@media screen and (max-width:680px) {
	.contbox_green .pinbox::before,#contents .contbox.contbox_back_green .pinbox::before {
		background: url(../images/pinline_g.png) no-repeat 0px 0px / contain;
	}
	.contbox_green .pinbox::after,#contents .contbox.contbox_back_green .pinbox::after {
		background: url(../images/pinline_g.png) no-repeat 0px 0px / contain;
	}
}

/*----   orenge   ----*/
.contbox_orenge .pinbox::before,#contents .contbox.contbox_back_orenge .pinbox::before
{
    background: url(../images/pinline_o.png) no-repeat 0px 0px / contain;
}
.contbox_orenge .pinbox::after,#contents .contbox.contbox_back_orenge .pinbox::after {
    background: url(../images/pinline_o.png) no-repeat 0px 0px / contain;
}

@media screen and (max-width:680px) {
	.contbox_orenge .pinbox::before,#contents .contbox.contbox_back_orenge .pinbox::before {
		background: url(../images/pinline_o.png) no-repeat 0px 0px / contain;
	}
	.contbox_orenge .pinbox::after,#contents .contbox.contbox_back_orenge .pinbox::after {
		background: url(../images/pinline_o.png) no-repeat 0px 0px / contain;
	}
}

/*----   purple   ----*/
.contbox_purple .pinbox::before,#contents .contbox.contbox_back_purple .pinbox::before
{
    background: url(../images/pinline_pr.png) no-repeat 0px 0px / contain;
}
.contbox_purple .pinbox::after,#contents .contbox.contbox_back_purple .pinbox::after {
    background: url(../images/pinline_pr.png) no-repeat 0px 0px / contain;
}

@media screen and (max-width:680px) {
	.contbox_purple .pinbox::before,#contents .contbox.contbox_back_purple .pinbox::before {
		background: url(../images/pinline_pr.png) no-repeat 0px 0px / contain;
	}
	.contbox_purple .pinbox::after,#contents .contbox.contbox_back_purple .pinbox::after {
		background: url(../images/pinline_pr.png) no-repeat 0px 0px / contain;
	}
}

/*----   red   ----*/
.contbox_red .pinbox::before,#contents .contbox.contbox_back_red .pinbox::before
{
    background: url(../images/pinline_r.png) no-repeat 0px 0px / contain;
}
.contbox_red .pinbox::after,#contents .contbox.contbox_back_red .pinbox::after {
    background: url(../images/pinline_r.png) no-repeat 0px 0px / contain;
}

@media screen and (max-width:680px) {
	.contbox_red .pinbox::before,#contents .contbox.contbox_back_red .pinbox::before {
		background: url(../images/pinline_r.png) no-repeat 0px 0px / contain;
	}
	.contbox_red .pinbox::after,#contents .contbox.contbox_back_red .pinbox::after {
		background: url(../images/pinline_r.png) no-repeat 0px 0px / contain;
	}
}

/*----   bgreen   ----*/
.contbox_bgreen .pinbox::before,#contents .contbox.contbox_back_bgreen .pinbox::before
{
    background: url(../images/pinline_bg.png) no-repeat 0px 0px / contain;
}
.contbox_bgreen .pinbox::after,#contents .contbox.contbox_back_bgreen .pinbox::after {
    background: url(../images/pinline_bg.png) no-repeat 0px 0px / contain;
}

@media screen and (max-width:680px) {
	.contbox_bgreen .pinbox::before,#contents .contbox.contbox_back_bgreen .pinbox::before {
		background: url(../images/pinline_bg.png) no-repeat 0px 0px / contain;
	}
	.contbox_bgreen .pinbox::after,#contents .contbox.contbox_back_bgreen .pinbox::after {
		background: url(../images/pinline_bg.png) no-repeat 0px 0px / contain;
	}
}




#contents .contbox.contbox_none {
	background:none;
}



.contbox_pink .keycolor{
	color: #E85298;
}
.contbox_yellow .keycolor{
	/*color: #FFCD00;*/
	color: #FA9600;
}
.contbox_blue .keycolor{
	color: #00AFEC;
}
.contbox_green .keycolor{
	color: #00AC97;
}
.contbox_orenge .keycolor{
	color: #FA9600;
}
.contbox_purple .keycolor{
	color: #A55AAA;
}
.contbox_red .keycolor{
	color: #EB5050;
}
.contbox_bgreen .keycolor{
	color: #96CD00;
}
.icon{
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	vertical-align: middle;
	text-indent: -9999px;
	overflow: hidden;
}


.icon_time{
	background-image: url("../images/cmicon1_pink.png");
}
.contbox_pink .icon_time{
	background-image: url("../images/cmicon1_pink.png");
}
.contbox_yellow .icon_time{
	background-image: url("../images/cmicon1_yellow.png");
	background-image: url("../images/cmicon1_orenge.png");
}
.contbox_blue .icon_time{
	background-image: url("../images/cmicon1_blue.png");
}
.contbox_green .icon_time{
	background-image: url("../images/cmicon1_green.png");
}
.contbox_orenge .icon_time{
	background-image: url("../images/cmicon1_orenge.png");
}
.contbox_purple .icon_time{
	background-image: url("../images/cmicon1_purple.png");
}
.contbox_red .icon_time{
	background-image: url("../images/cmicon1_red.png");
}
.contbox_bgreen .icon_time{
	background-image: url("../images/cmicon1_bgreen.png");
}

.icon_pink.icon_time{
	background-image: url("../images/cmicon1_pink.png") !important;
}
.icon_yellow.icon_time{
	background-image: url("../images/cmicon1_orenge.png") !important;
}
.icon_blue.icon_time{
	background-image: url("../images/cmicon1_blue.png") !important;
}
.icon_green.icon_time{
	background-image: url("../images/cmicon1_green.png") !important;
}
.icon_orenge.icon_time{
	background-image: url("../images/cmicon1_orenge.png") !important;
}
.icon_purple.icon_time{
	background-image: url("../images/cmicon1_purple.png") !important;
}
.icon_red.icon_time{
	background-image: url("../images/cmicon1_red.png") !important;
}
.icon_bgreen.icon_time{
	background-image: url("../images/cmicon1_bgreen.png") !important;
}


.icon_chair{
	background-image: url("../images/cmicon5_pink.png");
}
.contbox_pink .icon_chair{
	background-image: url("../images/cmicon5_pink.png");
}
.contbox_yellow .icon_chair{
	background-image: url("../images/cmicon5_yellow.png")
	background-image: url("../images/cmicon5_orenge.png");
}
.contbox_blue .icon_chair{
	background-image: url("../images/cmicon5_blue.png");
}
.contbox_green .icon_chair{
	background-image: url("../images/cmicon5_green.png");
}
.contbox_orenge .icon_chair{
	background-image: url("../images/cmicon5_orenge.png");
}
.contbox_purple .icon_chair{
	background-image: url("../images/cmicon5_purple.png");
}
.contbox_red .icon_chair{
	background-image: url("../images/cmicon5_red.png");
}
.contbox_bgreen .icon_chair{
	background-image: url("../images/cmicon5_bgreen.png");
}


.icon_money{
	background-image: url("../images/cmicon3_pink.png");
}
.contbox_pink .icon_money{
	background-image: url("../images/cmicon3_pink.png");
}
.contbox_yellow .icon_money{
	background-image: url("../images/cmicon3_yellow.png");
	background-image: url("../images/cmicon3_orenge.png");
}
.contbox_blue .icon_money{
	background-image: url("../images/cmicon3_blue.png");
}
.contbox_green .icon_money{
	background-image: url("../images/cmicon3_green.png");
}
.contbox_orenge .icon_money{
	background-image: url("../images/cmicon3_orenge.png");
}
.contbox_purple .icon_money{
	background-image: url("../images/cmicon3_purple.png");
}
.contbox_red .icon_money{
	background-image: url("../images/cmicon3_red.png");
}
.contbox_bgreen .icon_money{
	background-image: url("../images/cmicon3_bgreen.png");
}

.icon_person{
	background-image: url("../images/cmicon4_pink.png");
}
.contbox_pink .icon_person{
	background-image: url("../images/cmicon4_pink.png");
}
.contbox_yellow .icon_person{
	background-image: url("../images/cmicon4_yellow.png");
	background-image: url("../images/cmicon4_orenge.png");
}
.contbox_blue .icon_person{
	background-image: url("../images/cmicon4_blue.png");
}
.contbox_green .icon_person{
	background-image: url("../images/cmicon4_green.png");
}
.contbox_orenge .icon_person{
	background-image: url("../images/cmicon4_orenge.png");
}
.contbox_purple .icon_person{
	background-image: url("../images/cmicon4_purple.png");
}
.contbox_red .icon_person{
	background-image: url("../images/cmicon4_red.png");
}
.contbox_bgreen .icon_person{
	background-image: url("../images/cmicon4_bgreen.png");
}

.icon_calender{
	background-image: url("../images/cmicon2_pink.png");
}
.contbox_pink .icon_calender{
	background-image: url("../images/cmicon2_pink.png");
}
.contbox_yellow .icon_calender{
	background-image: url("../images/cmicon2_yellow.png");
	background-image: url("../images/cmicon2_orenge.png");
}
.contbox_blue .icon_calender{
	background-image: url("../images/cmicon2_blue.png");
}
.contbox_green .icon_calender{
	background-image: url("../images/cmicon2_green.png");
}
.contbox_orenge .icon_calender{
	background-image: url("../images/cmicon2_orenge.png");
}
.contbox_purple .icon_calender{
	background-image: url("../images/cmicon2_purple.png");
}
.contbox_red .icon_calender{
	background-image: url("../images/cmicon2_red.png");
}
.contbox_bgreen .icon_calender{
	background-image: url("../images/cmicon2_bgreen.png");
}



.icon_caution{
	background-image: url("../images/cmicon6_pink.png");
}
.contbox_pink .icon_caution{
	background-image: url("../images/cmicon6_pink.png");
}
.contbox_yellow .icon_caution{
	background-image: url("../images/cmicon6_yellow.png");
	background-image: url("../images/cmicon6_orenge.png");
}
.contbox_blue .icon_caution{
	background-image: url("../images/cmicon6_blue.png");
}
.contbox_green .icon_caution{
	background-image: url("../images/cmicon6_green.png");
}
.contbox_orenge .icon_caution{
	background-image: url("../images/cmicon6_orenge.png");
}
.contbox_purple .icon_caution{
	background-image: url("../images/cmicon6_purple.png");
}
.contbox_red .icon_caution{
	background-image: url("../images/cmicon6_red.png");
}
.contbox_bgreen .icon_caution{
	background-image: url("../images/cmicon6_bgreen.png");
}




.icon_phone{
	background-image: url("../images/cmicon7_pink.png");
}
.contbox_pink .icon_phone{
	background-image: url("../images/cmicon7_pink.png");
}
.contbox_yellow .icon_phone{
	background-image: url("../images/cmicon7_yellow.png");
	background-image: url("../images/cmicon7_orenge.png");
}
.contbox_blue .icon_phone{
	background-image: url("../images/cmicon7_blue.png");
}
.contbox_green .icon_phone{
	background-image: url("../images/cmicon7_green.png");
}
.contbox_orenge .icon_phone{
	background-image: url("../images/cmicon7_orenge.png");
}
.contbox_purple .icon_phone{
	background-image: url("../images/cmicon7_purple.png");
}
.contbox_red .icon_phone{
	background-image: url("../images/cmicon7_red.png");
}
.contbox_bgreen .icon_phone{
	background-image: url("../images/cmicon7_bgreen.png");
}




.icon_dish{
	background-image: url("../images/cmicon8_pink.png");
}
.contbox_pink .icon_dish{
	background-image: url("../images/cmicon8_pink.png");
}
.contbox_yellow .icon_dish{
	background-image: url("../images/cmicon8_yellow.png");
	background-image: url("../images/cmicon8_orenge.png");
}
.contbox_blue .icon_dish{
	background-image: url("../images/cmicon8_blue.png");
}
.contbox_green .icon_dish{
	background-image: url("../images/cmicon8_green.png");
}
.contbox_orenge .icon_dish{
	background-image: url("../images/cmicon8_orenge.png");
}
.contbox_purple .icon_dish{
	background-image: url("../images/cmicon8_purple.png");
}
.contbox_red .icon_dish{
	background-image: url("../images/cmicon8_red.png");
}
.contbox_bgreen .icon_dish{
	background-image: url("../images/cmicon8_bgreen.png");
}

.oicon_train{
	background-image: url("../images/oicon_train.png");
}

#contents .contbox.contbox_blue .conttype_def .pinbox .bn_more {
	background: url(../images/icon_arw2_blue.png);
	background-size: contain;
}
.contbox_pink .bn_more a {
	background: #E85298;
}
.contbox_yellow .bn_more a {
	/*background: #FFCD00;*/
	background: #FA9600;
}
.contbox_orenge .bn_more a {
	background: #FA9600;
}
.contbox_blue .bn_more a {
	background: #00AFEC;
}
.contbox_green .bn_more a {
	background: #00AC97;
}

.icon_size18{
    width: 1.8em;
    height: 1.8em;
    margin-top: -.21em;
    margin-bottom: -.1em;
	    margin-right: .2em;
}
.icon_size23{
    width: 2.3em;
    height: 2.3em;
    margin-top: -.21em;
    margin-bottom: -.1em;
	    margin-right: .2em;
}

.bn_default{
	text-decoration: none;
	display: inline-block;
	line-height: 2.1;
	padding: 0 1em;
	box-sizing: border-box;
	color: #fff;
	background: #00AC97;
	border-radius: .5em;
}
.contbox_pink .bn_default{
	background: #E85298;
}
.contbox_yellow .bn_default{
	/*background: #FFCD00;*/
	background:#FA9600;
}
.contbox_blue .bn_default{
	background: #00AFEC;
}
.contbox_green .bn_default{
	background: #00AC97;
}

.contbox_red .bn_default{
	background: #EB5050;
}
.contbox_bgreen .bn_default{
	background: #96CD00;
}
.contbox_purple .bn_default{
	background: #A55AAA;
}

.bn {
  border-radius: .5em;
  text-decoration: none;
  background: #E85298;
  padding: .6em 1em;
  display: inline-block;
  color: #fff;
  font-size: .9em;
  white-space: nowrap;
  width: auto;
  height: auto;
}

.contbox_pink .bn{
	background: #E85298;
}
.contbox_yellow .bn{
	/*background: #FFCD00;*/
	background: #FA9600 ;
}
.contbox_blue .bn{
	background: #00AFEC;
}
.contbox_green .bn{
	background: #00AC97;
}
.font_color-white{
	color: #fff !important;
}
.font_color-blue{
	color: #00AAEB !important;
}
.font_color-pink{
	color: #F05AA0 !important;
}
.font_color-yellow{
	/*color: #FFC800 !important;*/
	color: #FA9600 !important;
}
.font_color-byellow{
	color: #FFC800 !important;
}
.font_color-green{
	color: #00AA96 !important;
}
.font_color-orenge{
	color: #FA9600 !important;
}
.font_color-purple{
	color: #A55AAA !important;
}
.font_color-red{
	color: #EB5050 !important;
}
.font_color-bgreen{
	color: #96CD00 !important;
}

.font_color-glay{
	color: #6E6E6E !important;
}
.font_color-h-blue{
	color: #50C3DC !important;
}
.font_color-h-pink{
	color: #F087AF !important;
}
.font_color-h-yellow{
	color: #FFCD00 !important;
}
.font_color-h-green{
	color: #55BEA5 !important;
}
.font_color-h-orenge{
	color: #FAA500 !important;
}
.font_color-h-purple{
	color: #AA8CD2 !important;
}
.font_color-h-red{
	color: #F07373 !important;
}
.font_color-h-bgreen{
	color: #A0DC5A !important;
}


.back-blue{
	background-color: #00AAEB !important;
}
.back-pink{
	background-color: #F05AA0 !important;
}
.back-yellow{
	background-color: #FFC800 !important;
}
.back-green{
	background-color: #00AA96 !important;
}
.back-orenge{
	background-color: #FA9600 !important;
}
.back-purple{
	background-color: #A55AAA !important;
}
.back-red{
	background-color: #EB5050 !important;
}
.back-bgreen{
	background-color: #96CD00 !important;
}
.back-byellow{
	background-color: #FFFF80 !important;
}

.pinimg img {
	width: 90%;
	height: auto;
    transform: rotate(5deg);
    box-shadow: 5px 5px 7px 0px rgba(0, 0, 0, 0.2);
}
.pinimg {
    margin-top: 3.5em;
    margin-bottom: 1em;
}
.pinimg_left img{
    transform: rotate(-5deg);
}
.pinimg_right img{
    transform: rotate(5deg);
}
.pinimg::before {
    content: "";
    width: 300px;
    height: 43px;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    background: url(../images/pin2.png) no-repeat center top;
    background-size: contain;
    z-index: 1;
}

.pinimg_s {
	text-align: center;
}
.pinimg_s img {
	width: 80%;
}
.pinimg_s::before {
    width: 70px;
    height: 55px;
    top: -24px;
}
.home .pinimg_s::before {
    width: 44px;
    height: 35px;
    top: -24px;
}
@media screen and (max-width:680px) {
.pinimg::before {
    width: 100%;
    height: 12vw;
    top: -9vw;
	}
.pinimg_s::before {
    width: 100%;
    height: 12vw;
    top: -9vw;
}
	#contents .topcont2 .pinimg_s {
    text-align: center;
    margin-top: 1.2em !important;
}
.pinimg_orenge::before {
    background: url(../images/pin1.png) no-repeat center top;
    background-size: contain;
}
.pinimg_pink::before {
    background: url(../images/pin2.png) no-repeat center top;
    background-size: contain;
}
.pinimg_green::before {
    background: url(../images/pin3.png) no-repeat center top;
    background-size: contain;
}
.pinimg_red::before {
    background: url(../images/pin5.png) no-repeat center top;
    background-size: contain;
}
.pinimg_yellow::before {
    background: url(../images/pin6.png) no-repeat center top;
    background-size: contain;
}
.pinimg_purple::before {
    background: url(../images/pin7.png) no-repeat center top;
    background-size: contain;
}
}
.pinimg::before {
/*    width: 100%;
    height: 12vw;
    top: -9vw; */
	}
.pinimg_s::before {
    /*width: 100%;
    height: 12vw;
    top: -9vw;　*/
}
	#contents .topcont2 .pinimg_s {
    text-align: center;
    margin-top: 1.2em !important;
}
.pinimg_orenge::before {
    background: url(../images/pin1.png) no-repeat center top;
    background-size: contain;
}
.pinimg_pink::before {
    background: url(../images/pin2.png) no-repeat center top;
    background-size: contain;
}
.pinimg_green::before {
    background: url(../images/pin3.png) no-repeat center top;
    background-size: contain;
}
.pinimg_red::before {
    background: url(../images/pin5.png) no-repeat center top;
    background-size: contain;
}
.pinimg_yellow::before {
    background: url(../images/pin6.png) no-repeat center top;
    background-size: contain;
}
.pinimg_purple::before {
    background: url(../images/pin7.png) no-repeat center top;
    background-size: contain;
}