@charset "UTF-8";

html{font-size: 62.5%;}
body{
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, ArialMT, 'Hiragino Kaku Gothic ProN';
	font-size: 16px;
	font-size: 1.6em;
	line-height: 1.8em;
	color: #252525;
	background:#fff;
	-webkit-text-size-adjust: none;
}

li {font-weight:bold; line-height:2;}

#header, #main, #footer{ width: 100%; }
p{ margin: 0 6% 23px 6%; text-align:left;}

a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
a img:hover{ opacity: 0.50; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)"; }

img {
 color:#000;
 font:24px bold;  font-weight:bold; 
}

.bgimg{float:right;margin-right:10%;}
.centerimg{margin:0 auto 2% auto;}
.bar {background:url(../image/bar.png) repeat-x; height:27px; width:100%; padding:0; }


/*-----------------------------------------------
 header
 -----------------------------------------------*/
#header{
	margin: 0;
	padding-bottom: 28px;
	background: url(../image/bar_header.png) left bottom repeat-x #95e764;
}
#header-inside{
	max-width: 1450px;
	margin: 0 auto;
	padding: 0% 0 1.5%;
	background: url(../image/header_bg.png) 0 bottom no-repeat;
}
#header-inside .img-text{
	width: 67%;
	margin: 0 1% 0 32%;
}
#header-inside .header01{ margin-top: 0%; }
#header-inside .header02{ margin-top: 2%; }
#header-inside .header03{ margin-top: 3%; }


/*******************************************
Sections
********************************************/
.section{
	margin: 0 auto;
	padding: 0;
	max-width: 1000px; 
	text-align:center;
}
.section .text-area{
	max-width: 1000px;
	margin: 0 auto;
	text-align:center;
}

.title {margin:3% 0;}

.product_title{font-size:150%; font-weight:bold; }
.try120_under{font-size:150%; font-weight:bold; text-decoration:underline;}


/*******************************************
list
********************************************/
ul.list01{text-align:left;}
ul.list01 li{font-weight:bold; line-height:2; margin:2% 5% 0% 2%; padding:0 0 2% 0; border-bottom:dotted 2px #A8A8A8;}

ul.list_check{margin:0 0 3% 0; padding:0; text-align:left; }
ul.list_check li{text-align:left; list-style:none; background:url(../image/check.jpg) no-repeat 20px 0px; margin: 1% 0 0 4%; font-size:100%;  line-height:2; padding-left:50px; font-weight:bold;}

ul.moshi li{text-align:left;background:url(../image/check02_pc.png) no-repeat 0px 0px; margin: 1% 0 0 2%; font-size:100%;  line-height:2; padding-left:40px; font-weight:bold}

ul.illus01{background:url(../image/illus01.png) no-repeat 50px 0px; text-align:left; padding:0 0 40px 60px;}
ul.illus02{background:url(../image/illus02.png) no-repeat 50px 0px; text-align:left; padding:0 0 40px 60px;}
ul.illus01 li, ul.illus02 li{padding-left:100px; padding-top:30px; font-weight:bold;}

ul.result{margin:0 40px 0 0;}
ul.result li{text-align:left; background:url(../image/check03_pc.png) no-repeat 0px 0px; padding:0px 0 20px 90px; border-bottom:dotted 2px #999; margin: 10px 0 20px 20px; line-height:2.5;}


/*******************************************
Table
********************************************/
#compare{width:88%; margin:10px auto 20px auto;border-spacing: 0; text-align:left; border-right:#fff solid 1px; border-top:#9D9D9D solid 1px;}
td {font-size:15px; padding:0 0 0 15px; border-bottom:#9D9D9D solid 1px; height:40px; border-left:#fff solid 5px;}
.top_left{ background:#707070; width:45%; color:#fff; padding:1% 0; text-align:center; font-size:18px;}
.top_right{ background:#f34800; width:45%; color:#fff; font-weight:bold; padding:1% 0 2%; text-align:center; font-size:20px;}
.bottom_right{font-weight:bold; line-height:3.5;}
.check {padding-bottom:15px;}


/*******************************************
benefit
********************************************/
.benefit_box{max-width:1000px; padding:0 0 5% 0; border: 6px solid #F34800; margin: 0 auto 25px auto; border-radius: 20px;}
.benefit_box .subhead{background:url(../image/ptn01.png) left bottom repeat-x;margin:0 5% 3% 6%; padding: 20px 0 25px 0; text-align:left;}
.benefit_right{float:right; margin:0 5% 3% 4%;}
.benefit_left{float:left; margin:0 4% 3% 5%;}


/*******************************************
text04
********************************************/
#text04{background:#fdf7f8; max-width:none; padding: 2% 0;}



/*******************************************
Product
********************************************/
#product{background:#fdf7f8; max-width:none; padding: 2% 0;}
.product_list li{line-height:2; text-align:left; padding-bottom:5px; border-bottom:1px #999 dashed; margin:0 8% 0 2%;}

/*******************************************
Profile
********************************************/
.profile_box{max-width:960px; margin: 0 auto;  border-radius: 0 0 20px 20px; background:#fff; border:20px solid #fff;} 


/*******************************************
bonus
********************************************/
#bonus {background:#fdf7f8; max-width:none; padding: 2% 0;}
.bonus_box{ max-width:1000px;  padding-bottom: 30px; border-radius: 20px; background:#fff; border:#bb2b33 solid 6px;  margin: 0 auto 25px auto; background:#fff; }
ul.bonus_list{font-weight:bold; line-height:2; padding-left:6%;}
.bonus_img{margin-bottom:3%; border:#e5e5e5 5px solid; max-width:90%;}


/*******************************************
5min / youtube
********************************************/
.youtube_frame{width:60%; margin:20px auto 40px;}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
}

/*******************************************
Sale
********************************************/
.pay_l{float:left; margin:2% 1% 0 3%;}
.pay_r{float:left; margin:2% 1% 0 3%;}
.red_big p{font-size:300%; color:#EA0003; font-weight:bold; text-align:center; line-height:1.5; }

/*******************************************
BTN
********************************************/
.button {
  background: #5b9507 ;
  background: -moz-linear-gradient(top, #a3ea3f, #5b9507);
  background: -webkit-gradient(linear,
    left top,
    left bottom,
    from(#50E63D),
    to(#047A00));
  border: 1px solid #487606;
  border-radius: 78px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), inset 0 0 1px #fff;
  color: #fff;
  display: inline-block;
  font-family: "Jun 501", sans-serif;
  font-size: 46px;
  font-weight:bold;
  height: 56px;
  line-height: 56px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 1px #487606;
  width: 70%;
  padding:5%;
  margin:1% 0;
}

.button_inner {
  display: block;
  opacity: 0.9;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.button.hover .button_inner,
.button:hover .button_inner{
  opacity: 1;
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


/***.btn {
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  font-family: Arial;
  font-weight:bold;
  color: #ffffff;
  margin:8% auto 22% auto;
  background: #0043ec;
  font-size:200%;
  padding: 5% 20%;
  text-decoration: none;
}

.btn:hover {
  background: #fc501f;
  text-decoration: none;
  font-weight:bold;
  color: #ffffff;
}

***/



/*******************************************
Q&A
********************************************/

#qa{background:#fdf7f8; max-width:none; padding: 2% 0; text-align:left;}
#qa .text-area{text-align:left; padding:0 8%;}
.bar02 {background:url(../image/ptn01.png) repeat-x; height:10px; max-width:1000px; margin:0 auto 3%;}
.qa-list dt {display: block; margin-bottom: 30px; padding: 15px 0 10px 5pc; background: url(../image/q.png) 15px center no-repeat;
font-size: 1.25em; color: #f66; }
.qa-list dd { margin-left: 0; margin-bottom: 30px; padding: 15px 0 35px 5pc; background: url(../image/a.png) 15px 3px no-repeat;
}
.border{border-bottom:dashed 1px #666;}


/*******************************************
Voice
********************************************/
.voice_box{max-width:1000px; padding:2% 0; margin: 0 auto 25px auto; border-radius: 20px; background:#F8F8F8;}
.voice_thumbnail{float:left; border:6px solid #D1D1D1; margin: 0 2% 0 6%;}
.voice_title {font-size:150%; font-weight:bold; line-height:1.8; background: url(../image/ptn01.png) left bottom repeat-x; margin:0 6% 3% 6%; color:#f34800; padding-bottom:2%;}
.voice_title p{margin:0; padding:0 0 2% 0;}
.voice_name{font-weight:bold; font-size:80%; color:#555;}


/*******************************************
countdown
********************************************/
.countdown{max-width:400px; margin: 0 auto; font-size:28px;}


/*******************************************
Footer
********************************************/
#footer {background-color: #f34800; margin:5% 0 0 0; padding:2% 0;}
#footer-inside{max-width: 1000px; margin: 0 auto; padding: 0 8%;}
#footer-inside a, #footer-inside p{font-size:13px; margin:0;line-height:2;}


/*******************************************
Multi Screen
********************************************/
@media screen and (max-width:1100px){
#header-inside{ background-size: 43%; }
}

@media screen and (max-width:1000px){	
#compare{width:95%;}
.section{ margin: 0 2%; }
#header-inside{ background-size: 43%; }
.pay_l{width:45%; float:left; margin:2% 1% 2% 3%;}
.pay_r{width:45%; float:left; margin:2% 1% 2% 3%;}
.bonus_box{margin: 3%;}
#profile_text{ line-height:2;}
#product ,#text04{margin:0;}
#bonus{margin:1%;}
#bonus {margin:0; padding:0 1%;}
#qa {margin:0; padding:0 1%;}
.button {
  font-size: 34px;
  width: 80%;
  padding:3%;
}
}

@media screen and (max-width:769px){
.section{ margin: 0 2%; }
#header-inside{ background: none; }
#header-inside .img-text{ width: 98%; margin: 0 1%; text-align: center; }
.points_u, .points_d01{width:45%; margin:2.5% 2.5%;  padding:0; float:left;}
.points_d02{width:45%; margin:3% 26%; padding:0; float:none;}

.pay_l{width:80%; margin:1% 10%;}
.pay_r{width:80%; margin:1% 10% 3% 10%;}
.btn {
  margin:8% auto 2% auto;
  font-size:150%;
  padding: 6% 18%;
}
li {padding:0 6% 0 0;}
.bonus_box{margin: 2% 0;}
#profile_photo{width:20%;}
#profile_text{ line-height:2;}
.benefit_right{width:60%;}
.button {
  font-size: 32px;
  width: 80%;
  padding:3%;
}
.youtube_frame{width:80%; margin:20px auto 20px;}
}

@media screen and (max-width:640px){
.section{ margin: 0 2%;}
.points_u ,.points_d01, .points_d02{width:95%; float:none; margin:2.5%;}
li {padding:0 6% 0 0;}
.btn {
  margin:8% auto 2% auto;
  font-size:140%;
  padding: 6% 10%;
}
.bonus_box{margin: 2% 0;}
.res_img{width:30%;}
.res_img02{width:70%;}
ul#list_check li{background:url(../image/check.jpg) no-repeat 30px 0px; margin: 1% 0 2% 0%; font-size:100%;  line-height:2; padding-left:60px; line-height:1.8;}
#compare{width:100%;}
.check {padding-bottom:5px;}
.top_left{padding:1% auto 3%; font-size:16px; font-weight:normal;}
.top_right{padding:1% 3% 3% 1%; font-size:16px; font-weight:bold;}
.bottom_right{line-height:2;}
.benefit_box{border: 3px solid #F34800;}
.benefit_right, .benefit_left{width:90%; float:none;}
ul.result li{background:url(../image/check03_sp.jpg) no-repeat 0px 0px; padding:0px 0 10px 50px;margin: 10px 0 10px 0px; line-height:2;}
.button {
  font-size: 24px;
  width: 80%;
  padding:3%;
}
.red_big p{font-size:200%; color:#EA0003; font-weight:bold; text-align:center; }
.voice_title {font-size:130%;line-height:1.5;}


}

@media screen and (max-width:481px){
.section{ margin: 0 2%; }
p {margin: 0 4% 5%;}
.btn {margin: 8% auto 2% auto; font-size:120%; padding:6% 8%;}
.bonus_box{margin: 2% 0;}
.res_img{width:40%;}
ul.list_check li{background:url(../image/check.jpg) no-repeat 7px 0px; margin: 1% 0 6% 0%; font-size:100%;padding-left:32px; line-height:1.8;}
#compare{width:100%;}
td{padding: 0 5px 0 0;}
.check {padding-bottom:5px;}
.top_left{padding:1% auto 2% auto; font-size:14px;}
.top_right{padding:1% 2% 2% 1%; font-size:14px;}
.bottom_right{line-height:2;}
.benefit_box{border: 4px solid #F34800;}
.benefit_box p{padding: 0 3%;}
.benefit_right, .benefit_left{width:90%; float:none; margin:0 5% 3% 5%;}
ul.list01{padding-left:0;}
ul.list01 li{margin:2%;}
ul.illus01{background:url(../image/illus01.png) no-repeat 5px 0px; text-align:left; padding:0 0 0 20px;}
ul.illus02{background:url(../image/illus02.png) no-repeat 5px 0px; text-align:left; padding:0 0 0 20px;}
ul.illus01 li, ul.illus02 li{padding-left:100px; height:100px; font-weight:bold; padding-top:5px; }
ul.result{padding:0 2%; margin:0;}
ul.result li{background:url(../image/check03_sp.jpg) no-repeat 0px 0px; padding:0px 0 10px 50px;margin: 10px 0 10px 0px; line-height:2;}
.bonus_box{border:#bb2b33 solid 4px;}
#bonus p{padding:0 2%;}
.button {
  font-size: 22px;
  width: 90%;
  padding:3%;
}
.voice_text p{margin: 3% 5%;}
.voice_thumbnail{float:none; border:4px solid #D1D1D1; margin: 2% auto; width:25%;}
.qa-list dt {padding: 15px 0 10px 4pc; background: url(../image/q.png) 0px center no-repeat;
font-size: 1.25em; color: #f66;  margin-bottom: 15px; }
.qa-list dd {padding: 0px 0 35px 4pc; background: url(../image/a.png) 0px 0px no-repeat;margin-bottom: 15px; }
.youtube_frame{width:100%; margin:20px auto 20px;}
.countdown{max-width:300px;font-size:20px;}
}


@media only screen and (orientation:landscape) {
}