@charset "shift_jis";
@import url(../../fonts.googleapis.com/earlyaccess/notosansjapanese.css);

@font-face {
    font-family:CONDENSEicon;
    src:url("font/CONDENSEicon.eot");
}

@font-face {
    font-family:'CONDENSEicon';
    font-family:'CONDENSEicon';
    src:url('font/CONDENSEicon.woff') format('woff'),
        url('font/CONDENSEicon.otf') format('opentype');
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
font-family: 'メイリオ', Meiryo, Verdana, Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック';
margin:0;
padding:0;
font-size:14px;
background-position:center;
background-color:#0B0B3B;
color:#333333;
}

a:link {color:#0015FF;text-decoration:underline;font-weight:bold;}
a:visited {color:#0015FF;text-decoration: underline;}
a:hover {color:#5A68FF;text-decoration:none;}
a img {border-style:none;}

.clr{clear:both;}

p {
font-size:18px;
line-height:160%;
letter-spacing:1px;
}

p img,
img{max-width: 100%;}

.spnone{display:none;}
.pcnone{}

#header{
margin:0;
padding:5px 0px 5px 40px;
background-color:#FFFFFF;
border-bottom:#e3e3e3 solid 2px;
}
@media screen and (max-width:767px){
	#header{
margin:0;
padding:10px 0px 10px 10px;
}
	#header img{
		width:30%;
	}
}

#cd{
width:980px;
margin:0 auto;
padding:0;
text-align:center;
}
.pchase{
	margin:0px 20px;
}
.text {
  display: none;
}
.text01 {
  display: block;
}
.main_btn {
width:840px;
font-size:48px;
font-weight:bold;
line-height:100%;
letter-spacing:1px;
text-decoration:none;
display:block;
text-align:center;
padding:30px 0;
color:#fff;
text-shadow:0 2px 0 rgba(0,0,0,0.3);
border:solid 1px #6a9700;
background: linear-gradient(#afe51f, #59b802);
-webkit-border-radius:45px;
-moz-border-radius:45px;
border-radius:45px;
font-family:'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', Helvetica, Arial, sans-serif;
-webkit-transition: all .2s;
transition: all .2s;
box-shadow:0px 2px 10px #594a42;
}
.main_btn:hover {color:#fff;border:solid 1px #6a9700;background: linear-gradient(#f8fb0c, #59b802);-webkit-transition: all .2s;transition: all .2s;}
#top_device a:link {color:#fff;text-decoration:none;transition:all .2s;-webkit-transition: all .2s;}
#top_device a:visited {color:#fff;text-decoration:none;transition:all .2s;-webkit-transition: all .2s;}
#top_device a:hover {color:#fff;text-decoration:none;transition:all .2s;-webkit-transition: all .2s;}
#wrapper {
width:940px;
margin:0 auto 0 auto;
padding:0;
background-color:#FFFFFF;
border-left:solid 1px #CCCCCC;
border-right:solid 1px #CCCCCC;
}

/*---------- 見出し ----------*/

h2{}
h3{}
h4{}

.contents{width:740px;margin:0 auto 0 auto;padding:45px 120px 90px 120px;background-color:#FFFFFF;}
.wrap{
margin:0 auto;
background: #082281; /* Old browsers */
background: -moz-linear-gradient(top, #0B0B3B 1%, #0B0B3B 64%, #ededed 66%, #ededed 67%, #0B0B3B 69%, #0B0B3B 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0B0B3B 1%,#082281 64%,#ededed 66%,#ededed 67%,#0B0B3B 69%,#0B0B3B 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0B0B3B 1%,#0B0B3B 64%,#ededed 66%,#ededed 67%,#0B0B3B 69%,#0B0B3B 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#082281', endColorstr='#082281',GradientType=0 ); /* IE6-9 */
;}
@media screen and (max-width:767px){.wrap{margin:0px 0px;background-image:url(../img/title_sp.png);background-size:contain;}}
.headwrap{max-width:800px !important;margin:0 auto;padign-top:80px;background-image:url(../img/title.png);backgroun-repeat:no-repeat;}
.contents_title{
max-width:1000px;margin:0px auto;
padding:30px 0px 0px 0px;background-color:#fff;box-shadow: -15px 0px 15px -15px black;}
@media screen and (max-width:767px){.contents_title{background-image:url(../img/title_sp.png)}}
.contents_title a:hover img{opacity:0.5;filter:alpha(opacity=50);}
.contents_title2{max-width:1000px;margin:0px auto 0px auto;padding:0px 0px 30px 0px;background-color:#fff;box-shadow: -15px 0px 15px -15px black;}
.contents_title2 p{font-size:16px;padding:0px 20px;}
.contents_title2 h1{font-size:28px;padding:0px 10px;text-align:center;}
.contents_title2 h2{font-size:16px;padding:0px 20px;text-align:left;font-weight:normal;}
.credit img{width:75px;margin:0 5px;}
.list img{width:100%;}
table.spec{width:100%;border-collapse:collapse;margin:0;margin-top:-65px;padding:0; margin-bottom:45px;}
table.spec th{font-size:16px;line-height:180%;letter-spacing:1px;border:solid 1px #7e6b5a;padding:15px;text-align:center;background-color:#E5E5E5;}
table.spec td{font-size:16px;line-height:180%;letter-spacing:1px;border:solid 1px #7e6b5a;padding:15px;}
@media screen and (max-width:767px){table.spec{margin-top:-95px;}}
@media screen and (max-width:480px){
table.spec{
	margin-top:-76px;}
}
@media screen and (max-width:320px){table.spec{margin-top:-67px;}}
.ym {background:linear-gradient(transparent 60%, #fff265 0%);}
.bold{font-weight:bold;}
.ul{text-decoration:underline;}
.red {color:#d60050;}
.pink {color:#eb6fa5;}
.blue {color:#01a0e9;}
.yellow {color:#fff100;}
.yellow_bg {background:#fff100;}
.caption{font-size:12px;color:#999;font-weight:normal;line-height:150%;}

.gf{font-family:'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', Helvetica, Arial, sans-serif;}

.font12{font-size:12px;line-height:180%;}
.font14{font-size:14px;line-height:180%;}
.font16{font-size:16px;line-height:180%;}
.font18{font-size:18px;line-height:180%;}
.font21{font-size:21px;line-height:180%;}
.font24{font-size:24px;line-height:180%;}
.font28{font-size:28px;line-height:180%;}
.font30{font-size:30px;line-height:180%;}
.font32{font-size:32px;line-height:180%;}
.font36{font-size:36px;line-height:180%;}
.font40{font-size:40px;line-height:180%;}
.font42{font-size:42px;line-height:180%;}
.font45{font-size:45px;line-height:180%;}
.font48{font-size:48px;line-height:180%;}
.font60{font-size:60px;line-height:180%;}

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt45 {margin-top:45px;}
.mt60 {margin-top:60px;}
.mt75 {margin-top:75px;}
.mt90 {margin-top:90px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb30 {margin-bottom:30px;}
.mb45 {margin-bottom:45px;}
.mb60 {margin-bottom:60px;}
.mb75 {margin-bottom:75px;}
.mb90 {margin-bottom:90px;}
.center{text-align:center;}
.right{text-align:right;}
.shadow{box-shadow:0px 0px 5px #594a42;margin-top:10px;}
.pict{margin:30px -100px;padding:0;text-align:center;}
.pict img{margin:0 5px;}
.img_right01{float:right;margin:0px -20px -460px 40px !important;}
#link{
margin-top:-13px;
padding:30px 0;
text-align:center;
font-size:12px;
letter-spacing:1px;
line-height:180%;
background-color:#000;
}
#link a:link {color:#fff;text-decoration:underline;}
#link a:visited {color:#433EC1;text-decoration: underline;}
#link a:hover {color:#676767;text-decoration:none;}


#footer{
color:#fff;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:150%;
text-align:center;
padding:15px;
background-color:#000;
}


input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {display: none;}
input[type="submit"]::focus,
input[type="button"]::focus {outline-offset: -2px;}

input, button, textarea{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;}
.img_left{float: left;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.bold{font-weight:bold;}
.font-21{font-size:21px;color:#000;}
.header_cm p{margin:15px auto;}
.new-2{margin-bottom:15px;}
.new-3{margin:0 auto 0px;}
.img-content{overflow:hidden;}
.img-1-left{width:50%;float:left;}
.img-1-right{width:50%;float:left;}
.font-15{font-size:15px;}
.mat-1{margin-top:-18px;}
.inner { width:100%;margin:0 auto;line-height:0;text-align:center;padding:0;overflow:hidden;}
.contents_title,.contents_title2{margin:0 auto;}
.maininner{max-width:800px;margin:0 auto;}
@media screen and (max-width:768px) {
 .inner {width:auto;margin:0px;line-height:0;text-align:center;overflow:hidden;padding:10px;}
.performance_sp{display:block;}
.profile_performance{display:none;}
.profileInner {width:auto;margin:0 auto;padding:10px;}
.contents_title,.contents_title2{margin:0 10px;}}
@media screen and (max-width:480px) {
 .inner {margin:0;line-height:0;text-align:center;overflow:hidden;padding:10px 15px;}
table.spec th{width:30%;}
.contents_title2 h1{font-size:24px;}
.contents_title2 h2{font-size:15px;padding:0px 20px;text-align:left;font-weight:normal;}}
@media screen and (max-width:320px) {.inner {margin:0;line-height:0;text-align:center;overflow:hidden;padding:0 10px;}}


.w760{ width:760px !important;}
.font001{color: #da1e65; font-size:28px; font-weight:bold; padding:10px 0 10px 0; line-height:42px;}
.font002{font-size:36px;}
.info001{ background-image:url(img/open_til3.jpg); background-repeat:no-repeat; color:#FFFFFF; height:625px;
padding:210px 0 0 0; font-size:40px; text-align:center; line-height:65px; font-weight:bold}
.purchase{margin:0px auto;padding:0px 30px;}
.purchase a:hover{opacity:0.6;}
.purchase img{margin-bottom:20px;}
@media screen and (max-width:480px) {
.purchase{margin:0px auto;padding:0px 10px;}
.purchase img{padding-bottom:20px;}
}
@media screen and (max-width:470px){
.wrap{margin:20px 10px;}
}
.head{background-color:#878888;height:100px;text-align:right;position: relative;}
.float-left{float:left;}
.headt{position: absolute;right:0;padding:10px;color:#fff;bottom: 0;}
.text{padding:0px 30px 20px 30px;margin:8px}
h1{font-size:30px;color:#266AF1;margin:30px 0px;font-weight:bold;line-height:140%}
.gr{color:#686868;}
footer{background-color:#fff;padding:20px 0px 10px 0px;text-align:center;}
input {margin:5px 0px;padding:5px}
.step {line-height:150%; font-weight:bold;color:#707070;}
input[type="text"]{border:0;padding:10px 5px 10px 50px;font-size:1em;font-family:Arial, sans-serif; 
color:#1E1E1E;border:solid 1px #FF8D49;margin:0 0 20px;width:100%;}
input[type="submit"]{
    position: relative;
    display: inline-block;
    padding: 10px 0.5em;
	width:100%;
    text-decoration: none;
    color: #FFF;
    background: #3CCD1F;/*色*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
    border: solid 2px #2FA705;
	font-size:28px;
	margin:20px auto;
}
.form {max-width:500px;margin:0px auto 50px;;}
@media screen and (max-width:767px){input[type="submit"]{font-size:18px !important;width:100%;padding:20px 0px;}.form {max-width:600px;margin:0px auto 50px;}}
@media screen and (max-width:575.98px){.form {max-width:600px;margin:0px 10px; 50px}}
input[type="submit"]:hover {box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);opacity:0.7;}
input[type="text"]:focus{border: solid 2px #484848;}
textarea{border:0;padding:10px 5px 10px 15px;font-size:1em;font-family:Arial, sans-serif;color:#aaa;border:solid 1px #FF8D49;margin:0 0 20px;width:100% !important;}
.ad {color:#6E6E6E;margin-top:0px;margin-bottom:40px;}
h2{font-weight:bold; font-size:20px;margin-bottom:10px;line-height:170%;}
.dob-icon{position:absolute;-ms-flex-item-align:center;align-self:center;width:1.625rem;margin-left:.9375rem;pointer-events:none;margin-top:8px;}
.icon{position:absolute;width:1.5rem;margin-left:.9375rem;margin-top:8px;pointer-events:none;}
.icon2{position:absolute;width:1.5rem;margin-left:.9375rem;pointer-events:none;}
@media screen and (max-width:575.98px){
	h1{font-size:21px; font-weight:bold;}
	.text{padding:0px 10px 30px 10px;}}
ul{list-style: none;padding-left: 0px!important;}
.payment input[type="radio"] {
  display:none; 
}

.payment label {
	font-size:24px;
	margin:40px;
	font-weight:bold;
  display:inline-block;
	color: #fff !important;
	background-color: #f60;
	border: 1px solid #d74500;
	text-shadow: 0 1px 0 rgba(0,0,0,.25);
	box-shadow: 0 1px 1px rgba(0,0,0,.35), 0 1px 1px rgba(255,255,255,.5) inset;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.35), 0 1px 1px rgba(255,255,255,.5) inset;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.35), 0 1px 1px rgba(255,255,255,.5) inset;
	background-image: linear-gradient(
		center bottom,
		rgb(221,66,0) 0%,
		rgb(244,114,0) 100%
	);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(221,66,0)),
		color-stop(1, rgb(244,114,0))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(221,66,0) 0%,
		rgb(244,114,0) 100%
	);
  padding:12px 50px;
}
.payment label:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.payment input[type="radio"]:checked + label { 
border: solid 2px #60BCFF}

.payment {
	
	display:table;
	table-layout:fixed;
	max-width:100%;
	text-align:center;
	margin:0 auto;
}
@media screen and (max-width:575.98px){
	.payment{width:100%;}
}
.payment li {
	display:table-cell;
	vertical-align:middle;
}

@media only screen and (max-width : 575.98px){
.payment label {
	font-size:20px;
	margin:40px 20px;
	font-weight:bold;
  display:inline-block;
  color:#252525;
	background-color:#fec131;
  padding:12px 35px;}
}
@media only screen and (max-width : 425px) {
.payment label {
	font-size:18px;
	margin:10px 0px 10px;
	font-weight:bold;
  display:inline-block;
  color:#252525;
	background-color:#fec131;
  padding:15px 30px;
}
}
@media only screen and (max-width : 360px) {
.payment label {
	margin:20px 0px;
	font-weight:bold;
  display:inline-block;
  color:#252525;
	background-color:#fec131;
  padding:12px 25px;
}
}
@media only screen and (max-width : 320px) {
.payment label {font-size:16px;padding:12px 20px;}}