@charset "UTF-8";

.deriheru-homepage-seisaku{width:100%;height:auto;max-width:1200px;}
.deriheru-homepage-seisaku h2{width:100%;height:auto;color:#177f94;font-size:19px;line-height:1;border-left: #177f94 6px solid;text-align:left;padding:2px 0px 4px 7px;}
p.intro{width: 100%;height: auto;color: #177f94;font-size: 20px;line-height: 140%;padding: 15px 0px 0px 0px;}
p.intro_b{width: 100%;height: auto;color: #177f94;font-size: 14px;line-height: 140%;padding: 40px 0px;}
strong{color:#ff8500;}
	@media all and (max-width: 1024px) {
		.deriheru-homepage-seisaku h2{font-size: 17px;}
		p.intro{font-size: 16px;}
		p.intro_b{font-size: 13px;}
	}

/*===流れ===*/
.flow{width:100%;max-width:1200px;padding-top:0px;}
.flow dl{width:100%;height:auto;padding:15px 0px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
	-webkit-box-pack: justify;-webkit-justify-content space-between;-ms-flex-pack: justify;justify-content: space-between;}
.flow div{width:10%;height:auto;background: #f6f6f6;margin:0px;position:relative;}
.flow dt{width:100%;height:auto;padding:8px 0px 10px 0px;}
.flow dd{width:100%;height:auto;padding:15px 0px;}
.flow div dt span{display:block;color:#ffffff;font-size:22px;line-height:1;}
.flow div dt span small{display:block;color:#ffffff;font-size:13px;line-height:1;}
.flow div:nth-child(1) dt{background: #107dcf;}
.flow div:nth-child(2) dt{background: #349de7;}
.flow div:nth-child(3) dt{background: #51b6da;}
.flow div:nth-child(4) dt{background: #5ec48f;}
.flow div:nth-child(5) dt{background: #80cc56;}
.flow div:nth-child(6) dt{background: #adcd3a;}
.flow div:nth-child(7) dt{background: #ffcd0b;}
.flow div:nth-child(8) dt{background: #f9b45b;}
.flow div dd p{font-size:16px;}
.flow div:nth-child(1) dd p{color: #107dcf;}
.flow div:nth-child(2) dd p{color: #349de7;}
.flow div:nth-child(3) dd p{color: #51b6da;}
.flow div:nth-child(4) dd p{color: #5ec48f;}
.flow div:nth-child(5) dd p{color: #80cc56;}
.flow div:nth-child(6) dd p{color: #adcd3a;}
.flow div:nth-child(7) dd p{color: #ffcd0b;}
.flow div:nth-child(8) dd p{color: #f9b45b;}
.flow p.attention{width:100%;padding-top:20px;}
	@media all and (min-width: 1025px) {
		.flow dd p{writing-mode: vertical-rl;text-orientation: mixed;}
		.flow div:after {content: "";position: absolute;top: 49%;right: -21px;width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 11px;border-color: transparent transparent transparent #efefef;}
		.flow div:last-child:after {display:none;}
	}
	@media all and (max-width: 1024px) {
		.flow div{width:100%;}
		.flow div dd p{font-size:14px;}
		.flow div dt span{display:inline-block;}
		.flow div dt span small{display:inline-block;}
		.flow dt{padding:3px 0px 8px 0px;}
		.flow dd{padding:9px 0px;}
	}


/*===料金===*/
p.charge_intro{width:100%;height:auto;text-align:left;padding:15px 0px;}
dl.charge{width:100%;height:auto;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
	-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
	-webkit-box-pack: justify;-webkit-justify-content space-between;-ms-flex-pack: justify;justify-content: space-between;}
div.charge dl.charge:nth-of-type(1){padding-bottom:20px;}
dl.charge div{width:48%;}
dl.charge div:nth-child(1){margin-left:0px;}
dl.charge div:nth-child(2){margin-right:0px;}
dl.charge div dt{width:100%;height:auto;margin-left:0px;}
dl.charge div dt h3.ja{width:100%;height:auto;color:#ffffff;background:#29b7d3;font-weight:bold;font-size:16px;line-height:1;padding:8px 0px 10px 0px;}
dl.charge div dt.deli h3.ja{background:#feb617;}
dl.charge div dd{width:100%;height:auto;margin-right:0px;padding-top:5px;}
dl.charge div dd p.ja{width:100%;height:auto;color:#002b34;font-size:34px;line-height:140%;}
dl.charge div dd p.ja span{display:inline-block;width:auto;height:auto;color:#2b2b2b;font-size:12px;padding-right:8px;vertical-align: 8px;}
dl.charge div dd p.ja small{vertical-align:2px;font-size:15px;}
div.charge p.attention_b{width:100%;padding:20px 0px 20px;}
	@media all and (max-width: 1024px) {
		dl.charge{padding-bottom:35px;}
		.charge_box{padding-top:30px;}
		dl.charge div{width:100%;}
		dl.charge div:nth-child(2){padding-top:20px;}
		dl.charge div dd:nth-child(3) p{font-size:11px;}
	}
div.charge ul{width:100%;height:auto;text-align:left;padding-bottom:10px;}
div.charge ul li{display:inline-block;text-align:left;
	background:url(../img/common/li.png) no-repeat;background-size:17px 17px;background-position:0% 50%;padding:0px 25px 0px 20px;line-height:2;}

/*===管理者・スタッフにも使いやすいCMS機能===*/
.cms{width:100%;height:auto;padding:40px 0px;}
.cms p{width:100%;height:auto;text-align:left;padding-top:15px;}

/*===風営法にも配慮した安全な構成===*/
.law{width:100%;height:auto;padding:40px 0px;}
.law p{width:100%;height:auto;text-align:left;padding-top:15px;}

/*===ユーザーの滞在率を高めるコンテンツと機能===*/
.taizai{width:100%;height:auto;padding:40px 0px 30px 0px;}
.taizai p{width:100%;height:auto;text-align:left;padding-top:15px;}
.taizai_div{width:100%;height:auto;padding-top:15px;
	-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.taizai_div div.box{width:31%;height:auto;margin:0px;}
.taizai_div div.box h3{width:100%;height:auto;background: #129ab5;color: #ffffff;font-size: 14px;line-height: 1;padding: 8px 0px 10px 0px;}
.taizai_div div.box p{width:calc(100% - 10px);height:auto;padding:8px 0px 10px 0px;}
	@media all and (max-width: 1024px) {
		.taizai_div div.box{width:49%;}
		.taizai_div div.box:nth-child(odd){margin-left:0px;}
		.taizai_div div.box:nth-child(even){margin-right:0px;}
		.taizai_div div.box h3{font-size: 12px;}
	}

/*===アクセス解析で見る、デリヘルサイトのユーザー傾向===*/
.access{width:100%;height:auto;padding-top:40px;}
.access_in{width:100%;height:auto;padding-top:15px;
	-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.access_in_l{width:68%;height:auto;margin-right:0px;}
.access_in_l p{width:100%;height:auto;text-align:left;padding-top:15px;}
.access_in_l dl{width:100%;height:auto;padding-top:15px;
	-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.access_in_l dl dt{width:30%;height:auto;margin:0px;}
.access_in_l dl dd{width:68%;height:auto;margin:0px;}
.access_in_r{width:30%;height:auto;margin-left:0px;}
	@media all and (max-width: 1024px) {
		.access_in_l{width:100%;height:auto;margin:0px auto;}
		.access_in_r{width:70%;height:auto;margin:0px auto;}
		.access_in_l dl dt{width:50%;}
		.access_in_l dl dd{width:50%;}
	}

/*===グラフ===*/
.chart-container {
  width: 100%;
  height: 200px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
  border-left: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 0px;
}
.chart-container .bar:nth-of-type(3) .bar span{color:#999;}
.bar {
  width: 60px;
  background-color: #ff6699;
  text-align: center;
  color: #fff;
  font-weight: bold;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.bar span {
  display: block;
  padding: 5px 0;
}
.bar-label {
  text-align: center;
  margin-top: 5px;
  font-size: 14px;
}



/*===制作実績===*/
div.product{width:100%;height:auto;padding-bottom:15px;}
ul.product{width:100%;height:auto;max-width:1200px;padding:15px 0px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
	-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
ul.product li{padding-bottom:15px;}
	@media all and (min-width: 1025px) {
		ul.product li{width:22.7%;height:auto;margin:0px 1.5% 15px 1.5%;}
		ul.product li:nth-child(4n+1){margin:0px 1.5% 15px 0%;}
		ul.product li:nth-child(4n){margin:0px 0px 15px 1.5%;}
	}
	@media all and (max-width: 1024px) {
		ul.product li{width:48%;height:auto;}
		ul.product li:nth-child(odd){margin-left:0px;}
		ul.product li:nth-child(even){margin-right:0px;}
	}

/*===流れ===*/
.flow{width:100%;max-width:1200px;padding-top:0px;}
.flow dl{width:100%;height:auto;padding:15px 0px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
	-webkit-box-pack: justify;-webkit-justify-content space-between;-ms-flex-pack: justify;justify-content: space-between;}
.flow div{width:10%;height:auto;background: #f6f6f6;margin:0px;position:relative;}
.flow dt{width:100%;height:auto;padding:8px 0px 10px 0px;}
.flow dd{width:100%;height:auto;padding:15px 0px;}
.flow div dt span{display:block;color:#ffffff;font-size:22px;line-height:1;}
.flow div dt span small{display:block;color:#ffffff;font-size:13px;line-height:1;}
.flow div:nth-child(1) dt{background: #107dcf;}
.flow div:nth-child(2) dt{background: #349de7;}
.flow div:nth-child(3) dt{background: #51b6da;}
.flow div:nth-child(4) dt{background: #5ec48f;}
.flow div:nth-child(5) dt{background: #80cc56;}
.flow div:nth-child(6) dt{background: #adcd3a;}
.flow div:nth-child(7) dt{background: #ffcd0b;}
.flow div:nth-child(8) dt{background: #f9b45b;}
.flow div dd p{font-size:16px;}
.flow div:nth-child(1) dd p{color: #107dcf;}
.flow div:nth-child(2) dd p{color: #349de7;}
.flow div:nth-child(3) dd p{color: #51b6da;}
.flow div:nth-child(4) dd p{color: #5ec48f;}
.flow div:nth-child(5) dd p{color: #80cc56;}
.flow div:nth-child(6) dd p{color: #adcd3a;}
.flow div:nth-child(7) dd p{color: #ffcd0b;}
.flow div:nth-child(8) dd p{color: #f9b45b;}
.flow p.attention{width:100%;padding-top:20px;}
	@media all and (min-width: 1025px) {
		.flow dd p{writing-mode: vertical-rl;text-orientation: mixed;}
		.flow div:after {content: "";position: absolute;top: 49%;right: -21px;width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 11px;border-color: transparent transparent transparent #efefef;}
		.flow div:last-child:after {display:none;}
	}
	@media all and (max-width: 1024px) {
		.flow div{width:100%;}
		.flow div dd p{font-size:14px;}
		.flow div dt span{display:inline-block;}
		.flow div dt span small{display:inline-block;}
		.flow dt{padding:3px 0px 8px 0px;}
		.flow dd{padding:9px 0px;}
	}

/*===対応===*/
.plus{width:100%;height:auto;background:#177f94;}
.plus_in{width:100%;max-width:1200px;height:auto;position:relative;}
.plus_in_txt{width:calc(100% - 266px);height:auto;position:relative;text-align:right;margin-right:0px;padding:30px 0px 40px 0px;}
.plus_in_txt h2{width:100%;height:auto;text-align:center;font-size:25px;line-height:1;padding:10px 0px;color:#feb617;}
.plus_in_txt ul{width:100%;height:auto;text-align:center;padding-bottom:10px;}
.plus_in_txt ul li{display:inline-block;text-align:left;color:#ffffff;
	background:url(../img/common/li.png) no-repeat;background-size:17px 17px;background-position:0% 50%;padding:0px 25px 0px 20px;line-height:2;}
.plus_in_txt p.trouble-msg{width:100%;height:auto;text-align:center;font-size:20px;color:#ffffff;line-height:1;padding:0px 0px;}

.plus_in p.img{width:266px;height:auto;}
	@media all and (min-width: 1025px) {
		.plus_in p.img{position:absolute;bottom:0px;left:0px;}
	}
	@media all and (max-width: 1024px) {
		.plus{background:#ffffff;}
		.plus_in_txt{width:100%;height:auto;text-align:center;padding:10px 0px 10px 0px;background:#177f94;}
		.plus_in p.img{width:200px;height:auto;}
		.plus_in_txt h2{font-size:20px;}
		.plus_in_txt p.trouble-msg{font-size:14px;padding-bottom:10px;}
	}