@charset "utf-8";
html body {
	font-family: YuGothic , ‘游ゴシック’ , ‘Hiragino Kaku Gothic ProN’ , ‘ヒラギノ角ゴ ProN’ , Meiryo , メイリオ , sans-serif ;
}
html body .underline {
  text-decoration: underline;
}
html body .bold {
  font-weight: bold;
}
html body .big {
  font-size:140%;
  line-height:160%;
}
html body .big2 {
  font-size:180%;
  line-height:180%;
}
html body .big3 {
  font-size:120%;
  line-height:160%;
}
html body .back-yellow {
  background: #ff0;
}
html body .red {
  color: #f14c5f;
}
html body .step1 {
  background: #000;
  color: #ff0;
	text-align: center;
	
}
html body .min {
  font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

html body #wrapper #main {
  width: 960px;
  margin: 0 auto;
  /* 	
  background-color:#FFF;
  box-shadow:rgba(200, 200, 200, 0.65098) 0px 0px 6px 3px;
  -webkit-box-shadow:rgba(200, 200, 200, 0.65098) 0px 0px 6px 3px;
  -moz-box-shadow:rgba(200, 200, 200, 0.65098) 0px 0px 6px 3px;
	*/
}

html body #wrapper .sub {
  text-align: center;
  padding: 0 ;
  margin: 0;
  background: #000;
}

html body #wrapper .sub2 {
  text-align: center;
  padding: 0 ;
  margin: 0;
  background: #fff;
}

html body #wrapper #main .img1 {
  margin: 0 auto;
  display: block;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

html body #wrapper #main p {
  margin: 40px 48px ;
  padding: 20px 0;
  font-size: 20px;
  line-height: 34px;
}


html body #wrapper .input {
	width:820px;
	height:100px;
	font-size:32px;
	border-radius:8px;
	text-align:center;
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    cursor: text;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
	border: solid 2px #80bbcc;
	box-shadow:0px 0px 4px 2px #80bbcc;

}

input::placeholder {
  color: #aaa;
}
input:-ms-input-placeholder {
  color: #aaa;
}
input::-ms-input-placeholder {
  color: #aaa;
}


html body #wrapper form.bottom {
  width: 1000px;
  height:auto;
  margin:0 auto;
  position: relative;
  padding: 0 0 40px 0;

  color:#000;
}

html body #wrapper form.bottom  {
  margin: 0 auto;
  text-align:center;
}

html body #wrapper form.bottom div .button {
	margin:0 auto;
}
html body #wrapper form.bottom div .button:hover {
  opacity: 0.6;
}


html body #wrapper .formtext{
	margin: 0 auto;
	width: 80%;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	text-align: left;
}


html body #wrapper form.bottom input{ margin:0 auto;}

html body #wrapper #btarea{
	text-align: center;
	margin: 40px 0 20px ;
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
}

html body #wrapper #btarea .bt{
	margin: 20px 0 ;
}

html body #wrapper .section01{
  background-image: -webkit-gradient(linear, right top, left top, from(#1574B8), to(#3ABDB0));
  background-image: linear-gradient(to left, #1574B8, #3ABDB0);
	padding-bottom: 20px;
}

html body #wrapper .section02{
    background-image: -webkit-gradient(linear, right top, left top, from(#FF3F95), to(#FFB96A));
    background-image: linear-gradient(to left, #FF3F95, #FFB96A);
    color: #fff;
}

html body #wrapper .section03{
    background-image: -webkit-gradient(linear, right top, left top, from(#A900D4), to(#15BAFF));
    background-image: linear-gradient(75deg, #A900D4, #15BAFF);
	color: #fff;
}

html body #wrapper .section04{
    background : url("../images/bg01.jpg") #efebe3;
	background-repeat: no-repeat;
	background-position: center top;
}

html body #wrapper .section05{
    background-image : url("../images/bg03.jpg");
	background-repeat: no-repeat;
	background-position: center top;
}

html body #wrapper .section06{
    background-image : url("../images/bg04.jpg");
	background-repeat: no-repeat;
	background-position: center top;
}

html body #wrapper .section07{
    background-color: #0c0a15;
	text-align: center;
}

html body #wrapper .section08{
    background-color: #283337;
	text-align: center;
}

html body #wrapper .section09{
  background-image: -webkit-gradient(linear, right top, left top, from(#c89c30), to(#c89c30));
  background-image: linear-gradient(to left, #c89c30, #c89c30);
  text-align: center;
  padding: 40px 0;
}

html body #wrapper .section-point{
  background-image: -webkit-gradient(linear, right top, left top, from(#f4ad3b), to(#f4ad3b));
  background-image: linear-gradient(to left, #f4ad3b, #f4ad3b);
  padding: 40px 0;
}

html body #wrapper .section-shouhin{
  background-image: -webkit-gradient(linear, right top, left top, from(#3d88c8), to(#0e327c));
  background-image: linear-gradient(to left, #3d88c8, #0e327c);
  text-align: center;
  padding: 40px 0;
}

html body #wrapper .section-tokuten{
  background-image: -webkit-gradient(linear, right top, left top, from(#f3f1dc), to(#dbc59e));
  background-image: linear-gradient(to left, #f3f1dc, #dbc59e);
  text-align: center;
  padding: 40px 0;
}

html body #wrapper .section-voice{
  background-image: -webkit-gradient(linear, right top, left top, from(#d3c5b6), to(#eae3da));
  background-image: linear-gradient(to left, #d3c5b6, #eae3da);

  padding: 40px 0;
}

html body #wrapper .section-voice02{
  background-image: -webkit-gradient(linear, right top, left top, from(#3e65ac), to(#3e65ac));
  background-image: linear-gradient(to left, #3e65ac, #3e65ac);
  text-align: center;
  padding: 40px 0;
}

html body #wrapper .section-henkin{
  background-image: -webkit-gradient(linear, right top, left top, from(#d3c5b6), to(#d3c5b6));
  background-image: linear-gradient(to left, #d3c5b6, #d3c5b6);

  padding: 40px 0;
}

html body #wrapper .section-step{
  background-image: -webkit-gradient(linear, right top, left top, from(#3e65ac), to(#3e65ac));
  background-image: linear-gradient(to left, #3e65ac, #3e65ac);
  padding: 40px 0;
}

html body #wrapper .section-riyuu{
  background-image: -webkit-gradient(linear, right top, left top, from(#ec7721), to(#ec7721));
  background-image: linear-gradient(to left, #ec7721, #ec7721);
  padding: 40px 0;
}

html body #wrapper .section-data{
  background-image: -webkit-gradient(linear, right top, left top, from(#000000), to(#000000));
  background-image: linear-gradient(to left, #000000, #000000);
  padding: 40px 0;
}


html body #wrapper .step{
background-color:#fff;
margin:30px 0;
}

html body #wrapper .step-text{
font-size:20px;
line-height:34px;
border-radius: 5px;
padding:40px 60px ;
text-align: left;
}



html body #wrapper .riyuu{
background-color:#fff;
margin:30px 0;
}

html body #wrapper .riyuu-text{
font-size:20px;
line-height:34px;
border-radius: 5px;
padding:40px 60px ;
text-align: left;
}

html body #wrapper .data{
background-color:#fff;
margin:30px 0;
}

html body #wrapper .data-text{
font-size:20px;
line-height:34px;
border-radius: 5px;
padding:40px 60px ;
text-align: left;
}

html body #wrapper .section10{
  background-image: -webkit-gradient(linear, right top, left top, from(#FF3F95), to(#FFB96A));
  background-image: linear-gradient(to left, #FF3F95, #FFB96A);
  text-align: center;
}


html body #wrapper .section11{
    background-image : url("../images/bg11.jpg");
	background-repeat: no-repeat;
	background-position: center top;
}

html body #wrapper .section12{
  background-image: -webkit-gradient(linear, right top, left top, from(#c7c419), to(#dab300));
  background-image: linear-gradient(to left, #c7c419, #dab300);
  text-align: center;
  padding: 40px 0;
}

html body #wrapper .section13{
  background-image: -webkit-gradient(linear, right top, left top, from(#FF3F95), to(#FFB96A));
  background-image: linear-gradient(to left, #FF3F95, #FFB96A);
  padding: 40px 0;
}

html body #wrapper .youtube-bg{
    background-image : url("../images/youtubebg.jpg");
	padding: 40px 0;
}

html body #wrapper #main .bre{
margin:16px 20px;
}

html body #wrapper #main .bre p {
  margin: 0 0 0 0;
  padding:0 0 14px 0;
  font-size: 16px;
	font-weight: bold;
	line-height: 26px;
}

ul.list {
list-style:none;
margin:0 auto;
background-color:#FFF;
color:#000;
padding:20px;
border:double #c7ad76 3px;
}

ul.list li {
font-size:18px;
list-style:none;
margin:0 0 20px 0px;
padding:15px 0 20px 50px;
line-height:150%;
letter-spacing:1px;
background-image: url("../images/list.png") ;
background-position:left top;
background-repeat:no-repeat;
border-bottom-width: 1px;
border-bottom-style: dotted;
}


html body #wrapper #footer {
  background: #000;
  color: #FFF;
  padding: 15px 0;
}
html body #wrapper #footer .footer {
  width: 880px;
  margin: 0 auto;
}

html body #wrapper #footer .footer .copy {
  font-size: 10px;
  text-align:center;
}
html body #wrapper #footer .footer .link {
  text-align:center;
  font-size: 11px;
  padding-bottom:5px;
}
html body #wrapper #footer .footer .link a {
  color: #FFF;
  text-decoration: none;
}

html body #wrapper .head_01 {
  background: url("../images/head_01.png") no-repeat;
  background-position: center;
  height:1179px;
}

html body #wrapper .head_02 {
  background: url("../images/head_02.png") no-repeat;
  background-position: center;
  height:596px;
}



.right {
  margin: 0;
  float: right; 
  clear: both;
}


.prof01{
margin: 0 480px 0 0px;
font-size: 15px;
line-height:25px;
}

.prof01txt{
padding:25px 30px ;
background-color: rgba(0,0,0,0.40);
font-size: 16px;
margin-right: 40px;
}

.prof01bg{
  background-image : url("../images/prof_01.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-attachment: fixed;
}

.prof02{
margin: 0 0 0 480px;
font-size: 15px;
line-height:25px;
}

.prof02txt{
padding:25px 30px ;
background-color: rgba(0,0,0,0.40);
font-size: 16px;
margin-left: 40px;
}

.prof02bg{
  background-image : url("../images/prof_02.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-attachment: fixed;
}

.name_01{
height:180px;
padding:0;
background-image : url("../images/name_01.png");
background-repeat:no-repeat;
text-indent:-3000px;
}



.content{
background-color:#fff;
margin:30px 0;
}

.content-text{


font-size:20px;
line-height:34px;
border-radius: 5px;
padding:40px 60px ;
text-align: left;
}

.content h1{
	font-weight: bold;
	font-size: 120%;
	position: relative;
	  padding: 0.3em 0;
}

.content h1:after {
  content: "";
  display: block;
  height: 3px;
  margin: 4px 0;
  background-image: -webkit-gradient(linear, right top, left top, from(#1574B8), to(#3ABDB0));
  background-image: linear-gradient(to left, #1574B8, #3ABDB0);
}

.tokuten{
background-color:#fff;
margin:30px 0;
}

.tokuten-text{
font-size:20px;
line-height:34px;
border-radius: 5px;
padding:40px 60px ;
text-align: left;
}

.point{
background-color:#fff;
margin:30px 0;
}

.point-text{
font-size:20px;
line-height:34px;
border-radius: 5px;
padding:40px 60px ;
text-align: left;
}

.jissen{
margin:30px 0;
border:solid 1px #D0D0D0;
background-color:#fff;
font-size:20px;
line-height:34px;
border-radius: 5px;
}

.jissentxt{
padding:25px 30px ;
text-align: left;
}

.jissentxt h1{
	font-weight: bold;
	font-size: 120%;
	position: relative;
	  padding: 0.3em 0;
}

.jissentxt h1:after {
  content: "";
  display: block;
  height: 3px;
  margin: 4px 0;
  background-image: -webkit-gradient(linear, right top, left top, from(#eb6877), to(#eb6877));
  background-image: linear-gradient(to left, #eb6877, #eb6877);
}


.imgbox2{
width:180px;
float:right;
margin:40px;
border:solid 1px #CCCCCC;
background-color:#FFFFFF;
padding:3px;
float:right;
}

html body #wrapper #riyuu {
margin:30px 48px ;
border:double 4px #b64a5e;
}


html body #wrapper #riyuu .text {
  padding:25px 50px 50px 50px;
  font-size: 20px;
  line-height: 34px;
  background-color:#FFF;
}

html body #wrapper .shouhin-title {
  background: url("../images/shouhin_bg.png");
	background-position: center top;
	background-repeat: repeat-x;

}


html body #wrapper .kakakubg {
  background: url("../images/kakakubg.jpg");
	background-position: center top;
	background-repeat: repeat-y;
	padding-bottom: 50px;
}

html body #wrapper #kakaku {
margin:30px 90px ;
border-radius:8px;
}

html body #wrapper #kakaku .text {
  padding:50px;
  font-size: 20px;
  line-height: 34px;
  background-color:#FFF;
	border-radius:8px;
	/* box-shadow */
box-shadow:0px 0px 6px 3px #bababa inset;
-moz-box-shadow:0px 0px 6px 3px #bababa inset;
-webkit-box-shadow:0px 0px 6px 3px #bababa inset;
}


.clear{clear: both;}

html body #time {
	text-align: center;
	font-size: 42px;
	line-height: 50px;
	font-weight: bold;
	padding: 15px 0px;
	background: #000;
	color: #ffff00;
}

html body #CDT{
	background: #000;
}

.info{
margin: 0 80px 34px ;
padding:10px 10px 10px 10px;
border:solid 1px #999999;
background-image: url("../images/ftitle.png") ;
background-size: 100%;
background-position:top center;
background-repeat:no-repeat;
}

table.outline{
width:100%;
border-collapse:separate;
margin:0 auto;
}
table.outline td{
font-size:16px;
line-height:150%;
border-bottom:dotted 1px #999999;
padding:8px 15px 7px 15px;
	text-align: left;
}
table.outline td.item{
font-weight:bold;
background-color:#F6F6F6;
border-bottom:solid 1px #999999;
text-align:center;
vertical-align: middle;
width: 70px;
}

.qa-box {
	padding:20px;
	width:90%;
	margin:0 auto;
	font-size: 18px;
	line-height:28px;
}

.qa-box ul {
	padding:2px 0 14px 50px;
	font-weight:bold;
	background-image: url("../images/q.png");
	background-repeat: no-repeat;
	background-position: left top;
	list-style:none;
	list-style-image:none;
	margin-top: 40px;
}
.qa-box li {
	padding:2px 0 20px 50px;
	background-image: url("../images/a.png");
	background-repeat: no-repeat;
	background-position: left top;
	margin:0;	
	list-style:none;
	list-style-image:none;
}


html body #wrapper .juuyoubg{
	background: url("../images/bg2.jpg") ;
	padding: 1%;
}
html body #wrapper .juuyou {
  width:750px;
  margin:30px auto ;
  box-shadow:rgba(156, 156, 156, 0.65098) 0px 0px 6px 3px;
-webkit-box-shadow:rgba(156, 156, 156, 0.65098) 0px 0px 6px 3px;
-moz-box-shadow:rgba(156, 156, 156, 0.65098) 0px 0px 6px 3px;
border:double 4px #212e51;
  background-color:#FFF;
}

html body #wrapper .juuyoutext {
  font-size: 18px;
  line-height: 28px;
  background-color:#FFF;
}

html body #wrapper .juuyoutext p {
  margin: 0 40px ;
	padding: 40px 0;
  font-size: 18px;
  line-height: 34px;
}

html body #wrapper #main .arrow {
    position: absolute;
    background: url("../images/arrow_01.png") no-repeat;
    width: 238px;
    height: 99px;
    margin: -30px 0 0 -28px;
	z-index:100;
}

.spbn{display:none;}

.center{
	display: block;
    margin: 0 auto;
	text-align: center;
}

/* 点滅 */
.blinking{
	-webkit-animation:blink 0.5s ease-in-out infinite alternate;
    -moz-animation:blink 0.5s ease-in-out infinite alternate;
    animation:blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

html body .count_txt1 {
	text-align: center;
	font-size: 42px ;
	line-height: 50px ;
	font-weight: bold;
	padding: 15px 0px;
	background: #000;
	color: #ffff00 ;
}

html body .count_txt2 {
	text-align: center;
	font-size: 20px ;
	line-height: 28px ;
	font-weight: bold;
	padding: 10px 0px;
	background: #000;
	color: #ffff00 ;
	width: 600px;
	margin: 0 auto;
}

.animate73,.a-option73,.a-btnsub73 {-webkit-animation-timing-function: ease-in;-moz-animation-timing-function: ease-in;-o-animation-timing-function: ease-in;animation-timing-function: ease-in;-moz-animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;-ms-animation-iteration-count: infinite;animation-iteration-count: infinite;}a.a-btn {position:relative;display:inline-block;margin:auto;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}a.a-btn img {display: block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;}img.a-main {width:100%;position:relative;z-index: 54;}@-moz-keyframes animate73 {0%{ -moz-transform:scale(0.92);}40%{ -moz-transform:scale(0.97);}60%{ -moz-transform:scale(0.86);}80%{ -moz-transform:scale(1);}100%{ -moz-transform:scale(0.92);}}@-o-keyframes animate73 {0%{ -o-transform:scale(0.92);}40%{ -o-transform:scale(0.97);}60%{ -o-transform:scale(0.86);}80%{ -o-transform:scale(1);}100%{ -o-transform:scale(0.92);}}@-webkit-keyframes animate73 {0%{ -webkit-transform:scale(0.92);}40%{ -webkit-transform:scale(0.97);}60%{ -webkit-transform:scale(0.86);}80%{ -webkit-transform:scale(1);}100%{ -webkit-transform:scale(0.92);}}@keyframes animate73 {0%{ transform:scale(0.92);}40%{ transform:scale(0.97);}60%{ transform:scale(0.86);}80%{ transform:scale(1);}100%{ transform:scale(0.92);}}.animate73{-webkit-animation-name: animate73;-moz-animation-name: animate73;-o-animation-name: animate73;animation-name: animate73;}

.a-btn73{padding-left:0%!important;}.a-option73{top:0%!important;}.a-option73{width:20%!important;}.a-btn73{max-width:100%!important;}.animate73,.a-btnsub73,.a-option73{animation-duration:1s!important;-webkit-animation-duration:1s;-ms-animation-duration:1s;-moz-animation-duration:1s!important;}


.youtube-thum{
	margin-bottom: 20px;
	width: 100%;
}