@charset "UTF-8";
.center{
	text-align: center;
}
.left{
	text-align: left;
}
.w96{
	width: 960px;
	margin: 0 auto;
}

.lihe{line-height:1.1;
    display: block;
    margin-top: 2px;}

.f_12{
	font-size: 12px;
}
.f_18{
	font-size: 18px;
}
.f_20{
	font-size: 20px;
}
.f_25{
	font-size: 25px;
}
.f_28{
	font-size: 28px;
}
.f_30{
	font-size: 30px;
}
.f_34{
	font-size: 34px;
}
.f_50{
	font-size: 50px;
}
.f_60{
	font-size: 60px;
}
.f_70{
	font-size: 70px;
}
h1, h2, h3{
	font-weight: normal;
}

.marg_18{margin-bottom: 5px;}

.marg_20{margin-bottom: 28px;}


img{
	vertical-align: middle;
}
.yellow_grad{
	background: -moz-linear-gradient(top, rgba(229,229,229,0) 0%, rgba(201,201,201,0) 49%, rgba(255,246,0,0) 50%, rgba(255,246,0,1) 51%, rgba(255,246,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(229,229,229,0) 0%,rgba(201,201,201,0) 49%,rgba(255,246,0,0) 50%,rgba(255,246,0,1) 51%,rgba(255,246,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(229,229,229,0) 0%,rgba(201,201,201,0) 49%,rgba(255,246,0,0) 50%,rgba(255,246,0,1) 51%,rgba(255,246,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e5e5e5', endColorstr='#fff600',GradientType=0 ); /* IE6-9 */
}
.pink{
	color: #ff4292;
}

.white{
	color: white;
}
.blue{
	color: #28727d;
}
/*head image*/
.top_img{
	margin-top: -90px;
	background: url('../img/top/head_bg.png') repeat-x center bottom;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
/*wander*/
.wander h1{
	background: url("../img/top/title_bg.png") no-repeat center center;
	font-size: 26px;
	padding: 20px 0;
}
.mesh{
	background: url("../img/top/mesh_bg.jpg") repeat center center;
	padding-top: 50px;
	position: relative;
	top: -40px;
	z-index: -1;
	border: 1px solid #51d2ca;
	border-left: 0;
	border-left: 0;
	padding-bottom: 20px;
}/*
.mesh:after, .mesh:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.mesh:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 30px;
	margin-left: -30px;
}
.mesh:before {
	border-color: rgba(81, 210, 202, 0);
	border-top-color: #51d2ca;
	border-width: 31px;
	margin-left: -31px;
}*/
.box_arrow{
	display: table;
	border-spacing: 10px 20px;
	margin: 0 auto;
}
.box_arrow li{
	position: relative;
	display: table-cell;
	background: #ffffff;
	border: 5px solid #8cfbfe;
	vertical-align: middle;
	width: 33%;
	padding: 15px 0;
	-webkit-box-shadow: 4px 4px 0px 0px rgba(222, 222, 222, 0.75);
	-moz-box-shadow:    4px 4px 0px 0px rgba(222, 222, 222, 0.75);
	box-shadow:         4px 4px 0px 0px rgba(222, 222, 222, 0.75);
}
.box_arrow li:after, .box_arrow li:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.box_arrow li:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 15px;
	margin-left: -15px;
}
.box_arrow li:before {
	border-color: rgba(140, 251, 254, 0);
	border-bottom-color: #8cfbfe;
	border-width: 22px;
	margin-left: -22px;
}
.wander .super{
	background: url("../img/top/bg_02.png") no-repeat center top;
	padding: 30px 0 0;
}
/*money_bg*/
.money_bg{
	background: url("../img/top/bg_money.jpg") no-repeat center center;
	padding: 60px 0 30px;
}
.pop_bg{
	background: url("../img/top/bg_pop.png") no-repeat 49.5% center;
	font-size: 25px;
}
.star_bg{
	background: url("../img/top/bg_star.png") no-repeat center center;
	font-size: 35px;
	line-height: 1.2;
	padding: 15px 0 10px;
}
/*dia_yel_bg*/
.dia_yel_bg{
	background: url("../img/top/dia_yel_bg.png") repeat-x center center;
	padding: 40px 0;
	margin: 20px 0;
}
.dia_yel_bg li{
	display: inline-block;
	vertical-align: top;
	background: white;
	padding: 50px 20px 10px;
	margin: 10px;
	position: relative;
	border: 2px solid #f8f2ba;
	-webkit-box-shadow: 4px 4px 0px 0px rgba(222, 222, 222, 0.75);
	-moz-box-shadow:    4px 4px 0px 0px rgba(222, 222, 222, 0.75);
	box-shadow:         4px 4px 0px 0px rgba(222, 222, 222, 0.75);
	width: 285px;
}
.dia_yel_bg li img{
	position: absolute;
	top: -10px;
	left: -20px;
}
.dia_yel_bg li p{
	min-height: 75px;
}
/*conclude*/
.conclude .title span,
.conclude .title img{
	display: inline-block;
	vertical-align: middle;
}
.conclude .title img{
	margin-right: 5px;
}
.conclude li{
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.conclude li p{
	color: white;
	font-size: 40px;
	padding: 40px 40px;
	line-height: 1;
	border: 2px solid #ff9cbf;
	-webkit-box-shadow: 4px 4px 0px 0px rgba(222, 222, 222, 0.75);
	-moz-box-shadow:    4px 4px 0px 0px rgba(222, 222, 222, 0.75);
	box-shadow:         4px 4px 0px 0px rgba(222, 222, 222, 0.75);
}
.conclude .girl_01 p{
	background: #ff4292 url("../img/top/stars_01.png") no-repeat center 10%;
}
.conclude .girl_02 p{
	background: #ff4292 url("../img/top/stars_02.png") no-repeat center center;
}
.conclude li p span{
	font-size: 65px;
}
.conclude li img{
	position: absolute;
	bottom: -20px;
}
.conclude .girl_01 img{
	left: -120px;
}
.conclude .girl_02 img{
	right: -100px;
}
.under_ab{
	margin-top: 20px;
	border-top: 1px dotted #c4c4c4;
	width: 850px;
}
.under_ab p{
	padding: 20px 0;
}
.conclude .box_arrow {
	position: relative;
	background: #ffffff;
	border: 1px solid #1f95a3;
	color: #1f95a3;
}
.conclude .box_arrow:after, .conclude .box_arrow:before {
	top: 99%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;

}
.conclude .box_arrow:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 20px;
	margin-left: -20px;
}
.conclude .box_arrow:before {
	border-color: rgba(31, 149, 163, 0);
	border-top-color: #1f95a3;
	border-width: 21px;
	margin-left: -21px;
	z-index:-1;
}
.conclude .box_arrow p{
	padding: 5px 20px;
	font-size: 18px;
}
.star_03{
	margin-top: 30px;
	background: url("../img/top/star_03.png") no-repeat center center;
}
.cv_btn{
	margin-top: 30px;
}
.bk_dott_bg{
	background: url("../img/top/bk_dott_bg.jpg") repeat center center;
	margin-top: 50px;
	padding-bottom: 40px;
}
.ver_line{
	line-height: 0.7;
	padding-top: 120px;
	position: relative;
}
.ver_line img{
	position: absolute;
	left: 5%;
	top: -20px;
}
.bk_dott_bg .pink{
	background: url("../img/top/pop_wix_girl.png") no-repeat 65% center;
	line-height: 1;
	padding: 60px 0 20px;
	margin-top: 30px;
}
/*secret*/
.secret_top{
	background: url("../img/top/secret_bg_top.png") repeat left top;
	padding-top: 30px;
	margin-top: 90px;
}
.secret_top h2{
	background: url("../img/top/secret_ttl.png") no-repeat center top;
	padding-top: 20px;
	padding-bottom: 50px;
	margin-top: -90px;
}
.secret_middle{
	background: url("../img/top/secret_bg_middle.png") repeat left top;
	padding-bottom: 10px;
}
.jap_bg{
	background: white url("../img/top/jap_bg.png") no-repeat right bottom;
	width: 800px;
	margin: 30px auto;
	padding-bottom: 10px;
	border: 1px solid #8cbfe5;
	-webkit-box-shadow: 4px 4px 0px 0px rgba(222, 222, 222, 0.75);
	-moz-box-shadow:    4px 4px 0px 0px rgba(222, 222, 222, 0.75);
	box-shadow:         4px 4px 0px 0px rgba(222, 222, 222, 0.75);
}
.jap_bg p{
	padding: 20px 50px;
}
.jap_bg .white{
	background: #4696b5;
	display: inline-block;
	padding: 10px 20px;
}
.yellow_ttl{
	background: #fff600;
	line-height: 0.7;
}
.yellow_ttl img,
.yellow_ttl span{
	display: inline-block;
	vertical-align: middle;
}
.yellow_ttl img{
	margin-right: 10px;
}
.yellow_ttl:before{
	content: url(../img/top/ttl_girl_01.png);
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.yellow_ttl:after{
	content: url(../img/top/ttl_girl_02.png);
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}
.three_reason{
	display: table;
	margin: 20px auto;
	border-spacing: 20px;
	width: 700px;
}
.three_reason li{
	font-size: 30px;
	color: #388eb1;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	background: #ffffff;
	border: 1px solid #9fdef8;
	line-height: 1;
	padding: 20px 0;
	width: 200px;
	-webkit-box-shadow: 4px 4px 0px 0px rgba(222, 222, 222, 0.75);
	-moz-box-shadow:    4px 4px 0px 0px rgba(222, 222, 222, 0.75);
	box-shadow:         4px 4px 0px 0px rgba(222, 222, 222, 0.75);
}
.three_reason li:after, .three_reason li:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.three_reason li:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 20px;
	margin-left: -20px;
}
.three_reason li:before {
	border-color: rgba(159, 222, 248, 0);
	border-bottom-color: #9fdef8;
	border-width: 21px;
	margin-left: -21px;
}
.secret_point{
	background: url("../img/top/secret_point.png") no-repeat center top;
	font-size: 38px;
	margin-top: 20px;
}
.tx_space{
	letter-spacing: -15px;
}
.point_txt p{
	display: inline-block;
	padding: 20px 0;
}
.point_bg{
	position: relative;
	z-index: 10;
	-webkit-box-shadow: 4px 4px 0px 0px rgba(222, 222, 222, 0.75);
	-moz-box-shadow:    4px 4px 0px 0px rgba(222, 222, 222, 0.75);
	box-shadow:         4px 4px 0px 0px rgba(222, 222, 222, 0.75);
}
.secret_link{
	background: url("../img/top/secret_bg_middle.png") repeat left top;
	padding: 20px 0;
}
.secret_link li{
	display: inline-block;
	margin: 0 20px;
}
.secret_link li a{
	display: block;
	border-radius: 5px;
	background: #54bfcc;
	border: 3px solid;
	padding: 20px 50px;
	line-height: 1;
	position: relative;
	-webkit-box-shadow: 4px 4px 0px 0px rgba(222, 222, 222, 0.75);
	-moz-box-shadow:    4px 4px 0px 0px rgba(222, 222, 222, 0.75);
	box-shadow:         4px 4px 0px 0px rgba(222, 222, 222, 0.75);
}
.secret_link li a:after{
	content: url(../img/top/white_link.png);
	position: absolute;
	right: 5px;
	top: 40%;
}
.secret_bottom{
	background: url("../img/top/secret_bg_bottom.png") repeat left bottom;
	padding: 10px 0;
}
.its_how{
	margin: 30px 0;
}
.stars_04{
	background: url("../img/top/stars_04.png") no-repeat center center;
	margin: 40px 0;
}
.g_back{
	background: #f2f2f2;
	display: inline-block;
	padding: 10px 20px;
}
/*warning*/
.warn_bg_top{
	background: url("../img/top/warn_bg_top.png") repeat-x left top;
	margin-top: 120px;
    padding-top: 30px;
}
.warn_ttl{
	background: url("../img/top/warn_ttl.png") no-repeat center top;
	padding-top: 20px;
	padding-bottom: 45px;
	margin-top: -90px;
}
.warn_bg_mid{
	background: url("../img/top/warn_bg_mid.png") repeat left top;
	padding: 10px 0 30px;
}
.black_shops{
	-webkit-box-shadow: 4px 4px 0px 0px rgba(222, 222, 222, 0.75);
	-moz-box-shadow:    4px 4px 0px 0px rgba(222, 222, 222, 0.75);
	box-shadow:         4px 4px 0px 0px rgba(222, 222, 222, 0.75);
	    position: relative;
	z-index: 10;
}
.black_shop .white{
	background: black;
}
.black_shop .white span,
.black_shop .white img{
	display: inline-block;
	vertical-align: middle;
}
.black_shop .white span{
	margin: 0 10px;
}
.warn_txt_bg{
	background: url("../img/top/warn_bg_txt.png") no-repeat right center;
	padding: 50px 0;
}
.warn_bottom{
	background: url("../img/top/warn_bg_mid.png") repeat left top;
	padding: 30px 0 0;
}
.warn_bottom ul{
	background: url("../img/top/warn_line_top.png") no-repeat center top, url("../img/top/warn_line_bottom.png") no-repeat center bottom;
	background-color: #fffee8;
	width: 800px;
	margin: 0 auto 20px;
	padding: 20px 0;
}
.warn_bottom li{
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.warn_bottom p{
	margin: 20px 0 0;
}
.warn_bottom .yellow_grad{
	display: inline-block;
}
.warn_bottom a{
	display: inline-block;
	border-radius: 5px;
	background: #ac6fc9;
	border: 3px solid;
	padding: 20px 50px;
	line-height: 1;
	position: relative;
	-webkit-box-shadow: 4px 4px 0px 0px rgba(222, 222, 222, 0.75);
	-moz-box-shadow:    4px 4px 0px 0px rgba(222, 222, 222, 0.75);
	box-shadow:         4px 4px 0px 0px rgba(222, 222, 222, 0.75);
}
.warn_bottom a:after{
	content: url(../img/top/white_link.png);
	position: absolute;
	right: 5px;
	top: 40%;
}
.warn_bottom_bg{
	background: url("../img/top/warn_bg_bottom.png") repeat-x left bottom;
	padding-bottom: 40px;
}
.voice_pop{
	background: url("../img/top/voice_pop.png") no-repeat center;
	margin: 20px 0;
}
.voice_mesh{
	background: url("../img/top/mesh_bg.jpg") repeat center center;
	position: relative;
	z-index: -1;
	border: 1px solid #51d2ca;
	width: 900px;
	margin: 30px auto;
}
.voice_mesh > p img{
	position: absolute;
	left: -20px;
}
.voice_mesh .top_tape img{
	top: -20px;
}
.voice_mesh .bottom_tape img{
	bottom: -20px;
}
.voice_mesh li{
	margin: 20px 0;
}
.voice_mesh li p,
.voice_mesh li img{
	display: inline-block;
	vertical-align: middle;
}
.voice_mesh li p{
	text-align: left;
	position: relative;
	background: #ffffff;
	border: 1px solid #b2d3d2;
	padding: 20px;
}
.voice_mesh li .left_arrow{
	margin-left: 20px;
}
.voice_mesh li .right_arrow{
	margin-right: 20px;
}
.voice_mesh li .left_arrow:after, .voice_mesh li .left_arrow:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.voice_mesh li .left_arrow:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 20px;
	margin-top: -20px;
}
.voice_mesh li .left_arrow:before {
	border-color: rgba(178, 211, 210, 0);
	border-right-color: #b2d3d2;
	border-width: 21px;
	margin-top: -21px;
}
.voice_mesh li .right_arrow:after, .voice_mesh li .right_arrow:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.voice_mesh li .right_arrow:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
	border-width: 20px;
	margin-top: -20px;
}
.voice_mesh li .right_arrow:before {
	border-color: rgba(178, 211, 210, 0);
	border-left-color: #b2d3d2;
	border-width: 21px;
	margin-top: -21px;
}

.add_box {
	width: 800px;
	margin: 12px auto;
}
.add_box p.pt15 {
	padding-top: 15px;
}
.add_box a {
	display: block;
	padding: 25px 0 22px;
	border: #eee 1px solid;
	width: 500px;
	margin: 20px auto;
	background: rgb(255,93,177); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,93,177,1) 0%, rgba(239,1,124,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c',GradientType=0 ); /* IE6-9 */
border-radius: 5px;
color: #fff;
font-size: 25px;
font-weight: bold;
position: relative;
line-height: 1;
}
.add_box a:before {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -12px;
    content: "\f054";
    font-family: FontAwesome;
}