

table.tc_table_hq{
	width:970px!important;
}
@media screen and (max-width:1024px) {
	table.tc_table_hq{
		width:auto!important;
	}
}



.accordion_header_noac{
	background:#0080d4!important;
	color:#ffffff;
	padding:23px 25px 23px 25px;
	font-weight:bold;
	font-size:120%;
	margin:0 0 30px 0;
}



/* balloon-1 bottom */
#balloon-1-bottom {
	position: relative;
	display: inline-block;
	padding: 0 0 0 5px!important;
	width: auto;
	min-width: 90px;
	height: 30px;
	line-height: 24px;
	color: #d60714;
	text-align: center;
	background: #ffffff;
	border: 2px solid #d60714;
	z-index: 0;
	margin-bottom:12px;
	font-size: 80%;
}
#balloon-1-bottom:before {
	content: "";
	position: absolute;
	bottom: -8px; left: 50%;
	margin-left: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #ffffff transparent transparent transparent;
	z-index: 0;
}
#balloon-1-bottom:after {
	content: "";
	position: absolute;
	bottom: -11px; left: 50%;
	margin-left: -10px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #d60714 transparent transparent transparent;
	z-index: -1;
}

@media screen and (max-width:1024px) {
	#balloon-1-bottom {
		margin-bottom:12px!important;
	}
}


.arrow_unnder{
    position: relative;
		margin:7px auto 12px auto!important;
    width: 10px;
    height: 10px;
    background: linear-gradient(to right, #fff, #ff0000);
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
}


.arrow_unnder::after{
    content: "";
    position: absolute;
    top: -5px;
    right: -10px;
    border-left: 10px solid #ff0000;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}


a.txt_newWin{
	background:url("/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/icon_out2.png") no-repeat right center!important;
	padding-right:15px;
	margin-right:3px;
}



/* メイン横のメニュー */

.mainMenuWrap li:hover,
a img:hover,
ul.prom li:hover{
	opacity: 0.6;
}

.mainMenuWrap li.nover:hover,
ul.prom li.nover:hover{
	opacity: 1.0!important;
}


/*----.area----*/
.area3.sectioning {display:none;}
.area5{font-size:100%!important; float:right!important; width:315px;}
.area5 ul.prom li {padding-top:8px;padding-bottom:6px;}
.area5 ul.prom li ul {margin:5px -10px -7px 0;padding:0;}
.area5 ul.prom li ul li {margin:0;padding:6px 7px 5px 18px;background-color:#ffedab; font-size:100%;border-top:1px solid #fff!important;}
.area5 ul.prom li ul li:last-child {border-top:none!important;}

@media screen and (max-width:768px) {
	.area5{width:100%!important;}
}

/* ie */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.area5 ul.prom li ul li {padding:9px 7px 8px 10px;}
}

/*Firefox*/
.area5 ul.prom li ul li, x:-moz-any-link {padding:9px 8px 8px 10px;}


.area5 li.iconMenu01{
	background:url("/content/dam/nttcom/cmn/img/icn_pc.png") no-repeat 20px center #ffdc57!important;
	padding-left:52px!important;
}

.area5 li.iconMenu02{
	background:url("/content/dam/nttcom/cmn/img/icn_mypage.png") no-repeat 20px center #ffdc57!important;
	padding:2px 0 0 52px;
}

.area5 li span.fnt_small{
	font-size: 80%;
	display: inline!important;
	padding:0!important;
}


.btn_sim {position: absolute;top: 32px;right: 310px;}
.btn_hikari {position: absolute;top: 219px; left:697px;}







.moresize{border:1px solid #bdbdbd; padding:20px;}
.moresize .moresizeLeft{
	width:620px;
	float:left;
}
.moresize .moresizeRight{
	float:right;
}

/* clear */
.moresize:after,
.btnet:after{
	display:block;content:"";clear:both;overflow:hidden;
}


.moresize h4{
	background: none!important;
	margin:0;
}





@media screen and (max-width: 679px) {
	.moresize .moresizeLeft{
		width:100%;
		float:none;
	}
	.moresize .moresizeRight{
		float:none;
		text-align:center;
	}

	.courseSet .price.pt_height{
		padding:35px 0 20px 0;
	}
}


/*------------------------------------------------------------
追加
------------------------------------------------------------*/
@media screen and (max-width:1024px) {
.pc{display:none!important;}
.sp{display:block!important;}
}

/* /etc/designs/nttcom/hq/jp/personal/cmn/css/personal.css 記述部分の変更 */
.level2Block{
	width:970px!important;
	padding-left:0!important;
}
@media screen and (max-width:1024px) {
	.level2Block{
		width:100%!important;
	}
}


/* /etc/designs/nttcom/cmn/css/style.css 記述部分の変更 */
.TitleHn h2{
	margin:60px 0 60px 0!important;
	font-size:35px!important;
}

@media screen and (max-width:1024px) {
	.TitleHn h2{
		font-size:25px!important;
	}
}


/* /etc/designs/nttcom/cmn/css/inc/_component.css 記述部分の変更 */
.accordion_component{
	max-width:970px;
	margin:0 auto;
}

@media screen and (max-width:1024px) {
	.accordion_component{
		width:100%;
		max-width:100%;
		margin:0 auto;
	}
}


/* /etc/designs/nttcom/hq/jp/personal/cmn/css/personal.css 記述部分の変更 */
@media screen and (max-width:1024px) {
.area2 p{margin-bottom:0!important;}
}

@media screen and (max-width:1024px) {
.area5 ul.prom{margin:20px 0 0;}
}

/* 追加 */
.notice,
.notice li{font-size:12px!important; line-height: 200%!important;}
div#main{width:100%;}



#atMark01{width:970px;margin:0 auto;}
#atMark01 #at001{}
#atMark01 #at002{}
#atMark01 #at003{}
@media screen and (max-width:1024px) {
  #atMark01{width:auto;margin:0 auto;}
  #atMark01 #at001 p,#atMark01 #at002 p{font-size:12px;}
  #atMark01 #at003{width:auto;}
  #atMark01 #at003 img{width:100%;}
}


/* バナーエリア */
.bannerArea{width:1260px; margin:30px 0 0 0;}
.bannerArea .banneritem{float:left; margin-bottom:20px;}
.bannerArea .banneritem.b02{margin:0 15px 0 15px;}
.bannerArea .banneritem img{width:410px!important;}



@media screen and (max-width:1024px) {
	.bannerArea{width:100%!important; margin:20px 0 15px 0!important;}
	.bannerArea .banneritem{margin:0 0 0 0; float:none!important;}
	.bannerArea .banneritem.b02{margin:15px 0 15px 0!important;}
	.bannerArea .banneritem img{width:100%!important;}
}

/*--黄色メニューエリア---*/
@media screen and (max-width: 768px) {
.mainSliders{display:block;}
.mainSliders .mainSlidesWrap{display: block!important;width: 100%!important;}
.mainSliders .mainMenuWrap {display: block!important;width:100%!important;}
}


/*--050sim 黄色メニューエリア---*/
.mainSliders .mainMenuWrap ul{}
.mainSliders .mainMenuWrap ul li{position:relative;line-height:1;}
.mainSliders .mainMenuWrap ul li img{position:absolute;left:15px;top:15px;bottom:0;}


/*------------------------------------------------------------------
	clear
-----------------------------------------------------------------*/
.clear:after,
.bannerArea{
	display:block;content:"";clear:both;overflow:hidden;
}





/*--accordion_header----*/
.accordion_header {
		color: #fff;
		background-color: #d80912;
		font-size: 18px;
		position: relative;
		padding-left:25px;
	}
	.accordion_header.accordion-close:after{
		background:
			url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/data/img/btn-blind-close__bg-blue.png) left top no-repeat;
		background-size: 30px;
		width: 30px;
		height: 30px;
		top: 31px;
		right: 31px;
		background-size: 30px;
		width: 30px;
		height: 30px;
		top: 31px;
		right: 31px;

	}
	.accordion_header:after {
		background:
			url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/data/img/btn-blind-open__bg-blue.png) left top no-repeat;
		background-size: 30px;
		width: 30px;
		height: 30px;
		top: 31px;
		right: 31px;
	}
	.accordion_header.flow{
		background:#fff !important;
		padding:0px;
	}
	.accordion_header.flow::after {
		background: url(/content/dam/nttcom/cmn/img/btn-blind-open.png) left top no-repeat;
		background-size: 24px;
		width: 24px;
		height: 24px;
		top: 50%;
		right: 0;
	}
	.accordion_header.flow.accordion-close::after{
		background: url(/content/dam/nttcom/cmn/img/btn-blind-close.png);
		background-size: 24px;
		width: 24px;
		height: 24px;
		top: 50%;
		right: 0;
	}
	
	.accordion_header.flow img{
		width:30px;
		position: static;
	}
	.accordion_header img{
		width: 40px;
		position: absolute;
		top: 12px;
		margin-left: 10px;
	}
	
	.flow_area .selectFlowAnswer .flow .result{
		margin:0px !important;
		font-size:100% !important;
	}



/* 白背景 */
.accordion_header.bgWhite{
		color: #004386;
		border: solid 1px #ccceda;
		background-color: #ffffff;
	}
	.accordion_header.bgWhite.accordion-close:after{
		background:
			url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/data/img/btn-blind-close__bg-white.png) left top no-repeat;
			background-size: 30px;
			width: 30px;
			height: 30px;
			top: 31px;
			right: 31px;
	}
	.accordion_header.bgWhite:after {
		background:
			url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/data/img/btn-blind-open__bg-white.png) left top no-repeat;
		background-size: 30px;
		width: 30px;
		height: 30px;
		top: 31px;
		right: 31px;
	}

/* ピンク背景 */
.accordion_header.bgpink{
		color: #fff;
		border: solid 1px #ccceda;
		background-color: #ed047a;
	}

/* ピンク背景 */
.accordion_header.bggreen{
		color: #fff;
		border: solid 1px #ccceda;
		background-color: #5cb527;
	}




@media screen and (max-width:1024px) {
	.accordion_header:not(.ac-leftIcon) {padding-right: 70px;}
	.accordion_header {padding-left: 10px;text-align: left;	}
	.accordion_header img {margin-left: 10px;top:auto;bottom: 20px;right: 20px;}
}



/*----.main----*/
.main {text-align:left;}
.main h3 {
	text-align:left !important;
	font-size:25px!important;
	margin-bottom:50px!important;
	margin-top:0!important;
	border-left:5px solid #d80912 !important;
	border-bottom:1px solid #d80912 !important;
	padding:0 15px 7px 15px!important;
}

.main h3.blue{
	border-left:5px solid #3164af !important;
	border-bottom:1px solid #3164af !important;
}
.main h3.green{
	border-left:5px solid #5cb527 !important;
	border-bottom:1px solid #5cb527 !important;
}
.main h3.pink{
	border-left:5px solid #ed047a !important;
	border-bottom:1px solid #ed047a !important;
}



.main .tableBox {position: relative;margin-bottom: 20px;}
.main .tableBox #payment_txt02{position: absolute !important;right: 1px !important;bottom: 0 !important;}
.main .tableBox #payment_txt03 {position: absolute !important;right:10px !important;top: 40px !important;}

.main .tableB {border-collapse: collapse;clear: both;line-height: 1.2;}
.main .tableB th {background-color: #e6e6e6 !important;border: 1px solid #ffffff !important;font-size: 24px;font-weight: bold;text-align: center;padding: 11px 5px;}
.main .tableB td {border: 1px solid #e6e6e6;font-size: 24px;font-weight: bold;padding: 0 15px 0 60px;text-align: center;height: 100px;}
.main .tableB th.thEnd {border-right: 1px solid #e6e6e6;}
.main .tableB .trTop td {color: #d80912;}
.main .tableB .wid01 {font-size: 26px;}
.main .tableB td.tdEnd, .main .tableB .trTop td.tdEnd {width: 42%;padding: 0 60px 0 15px;}


.main .tableC {border-collapse: collapse;clear: both;line-height: 1.2;}
.main .tableC th {background-color: #ffeff0 !important;border: 1px solid #dfdfdf !important;font-size: 24px;font-weight: bold;text-align: center;padding: 11px 5px;}
.main .tableC td {border: 1px solid #dfdfdf;font-size: 24px;font-weight: bold;padding: 0 15px 0 60px;text-align: center;height: 100px;}
.main .tableC th.thEnd {border-right: 1px solid #dfdfdf;}
.main .tableC .trTop td {color: #d80912;}
.main .tableC .wid01 {font-size: 26px;}
.main .tableC td.tdEnd, .main .tableC .trTop td.tdEnd {width: 42%;padding: 0 60px 0 15px;}

.main .tableD {border-collapse: collapse;clear: both;line-height: 1.2;}
.main .tableD th {background-color: #d6f0ff !important;border: 1px solid #dfdfdf !important;font-size: 24px;font-weight: bold;text-align: center;padding: 11px 5px;}
.main .tableD td {border: 1px solid #dfdfdf;font-size: 24px;font-weight: bold;padding: 0 15px 0 60px;text-align: center;height: 100px;}
.main .tableD th.thEnd {border-right: 1px solid #dfdfdf;}
.main .tableD .trTop td {color: #d80912;}
.main .tableD .wid01 {font-size: 26px;}
.main .tableD td.tdEnd, .main .tableD .trTop td.tdEnd {width: 42%;padding: 0 60px 0 15px;}

.main .tableE {border-collapse: collapse;clear: both;line-height: 1.2;}
.main .tableE th {background-color: #f1fdea !important;border: 1px solid #dfdfdf !important;font-size: 24px;font-weight: bold;text-align: center;padding: 11px 5px;}
.main .tableE td {border: 1px solid #dfdfdf;font-size: 24px;font-weight: bold;padding: 0 15px 0 60px;text-align: center;height: 100px;}
.main .tableE th.thEnd {border-right: 1px solid #dfdfdf;}
.main .tableE .trTop td {color: #d80912;}
.main .tableE .wid01 {font-size: 26px;}
.main .tableE td.tdEnd, .main .tableE .trTop td.tdEnd {width: 42%;padding: 0 60px 0 15px;}

.main .tableF {border-collapse: collapse;clear: both;line-height: 1.2;}
.main .tableF th {background-color: #ffdeef !important;border: 1px solid #dfdfdf !important;font-size: 24px;font-weight: bold;text-align: center;padding: 11px 5px;}
.main .tableF td {border: 1px solid #dfdfdf;font-size: 24px;font-weight: bold;padding: 0 15px 0 60px;text-align: center;height: 100px;}
.main .tableF th.thEnd {border-right: 1px solid #dfdfdf;}
.main .tableF .trTop td {color: #d80912;}
.main .tableF .wid01 {font-size: 26px;}
.main .tableF td.tdEnd, .main .tableF .trTop td.tdEnd {width: 42%;padding: 0 60px 0 15px;}


.main #payBox {border: 1px solid #3164af;text-align: center;padding: 14px;font-size: 16px;}
.main #payBox span {color: #d80912;font-weight: bold;}
.main #payBox p {font-size: 14px;}

@media screen and (max-width:1024px) {
	.main .tableBox {height:auto!important;}
  .main h3 {
  	text-align:left !important;
  	font-size:20px!important;
  	margin-bottom:30px!important;
  	margin-top:0!important;
  	border-left:5px solid #d80912 !important;
  	border-bottom:1px solid #d80912 !important;
  	padding:0 0 7px 10px!important;
  }
	#main .tableBox {padding-bottom:0;}
	#main #payment_txt01 {position: absolute;z-index: 99;bottom: 10px;left: 50px;padding-top: 6px;background-color: #fff;width: 31px!important;	}
}





/*------------------------------------------------------------
base
------------------------------------------------------------*/
body {width: auto;min-width: 933px;}
.mainImg {margin-bottom: 35px;}
.mainImg p {padding: 8px 20px 0;font-size: 10px;color: #4d4d4d;}
.note{font-size:12px;}
.w970{width:970px!important;}
.clear {clear: both;}

@media screen and (max-width:1024px) {
  body {min-width: inherit;}
  .mainImg {margin-bottom: 15px;}
	.sp-width{width:100%;}

  #gNavi {margin-bottom: 1px;}
  .btn-c img{width: 90%;margin-bottom: 10px;}
  div.box006 div.box-inner .point-link{margin-top:20px;}
  .active{
    background: url(/p/html/ocn_mobile_one/common/img/sp/close.jpg) no-repeat #ffffff !important;
    background-position: 100% 50% !important;
    background-size: 5% auto !important;
  }
}


#main #omo02 {font-weight: bold;}



/*------------------------------------------------------------
  音声対応SIMご利用中に使える／適用される豊富な機能やサービス
------------------------------------------------------------*/
.aboutSet.cl3 {
	border-bottom: 1px dotted #888888;
	box-sizing: border-box;
	margin: 0 auto 25px;
	width:930px;
}
.aboutSet.cl3 .aboutInner {
    border-right: 1px dotted #888888;
    float: left !important;
    margin: 0 0 20px 0!important;
    padding: 0 18px 20px;
    width: 310px;
}
.aboutSet .aboutInner.last01, .aboutSet .aboutInner.last02 {
    border-right: medium none;
}

.aboutSet .aboutInner .reasonH3 {
	text-align: center;
	font-weight:bold;
	margin-bottom:10px;
}

.bdrdot {
	border: 1px dotted #888888;
	box-sizing: border-box;
	padding: 20px 20px 0 20px;
}
#point05 {width:95%;margin: 0px auto 30px auto;}
#point05 .box_innerA{width: 100%;margin: 0 auto;padding: 0px 20px;}
#point05 .box_innerB{width: 90%;margin: 0 auto;padding: 0px 20px;}
#point05 .p-title {
		background: url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/bg_border.gif) repeat-x left center;
    font-size: 150%;
    text-align: center;
    color: #000000;
    padding: 10px 0 12px 0;
    font-weight: bold;
    margin-bottom: 30px;
    margin-top: 0;
		line-height: 150%;
}
#point05 .p-title span{background: #ffffff;padding:0 10px 0 10px;}
#point05 .innerA_text{float:right;width:35%;}
#point05 .box_innerA.ver02 .innerA_text{	width: 75%!important;}
#point05 .innerA_pic{float:left;}
#point05 ul.innerA_text,
#point05 ul.innerA_text li{list-style-type:disc!important;}

.whiat_notice {
	background: #eeeeee;
	padding:10px;
	font-size:12px!important;
}


.txtBlue{color:#003572;}
.line-p {background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffcccc 0%) repeat scroll 0 0;}
.p05btn{text-align: right!important;}


.sectionInner{
	margin:0 0 0 0!important;
	padding:0 0 0 0!important;
}

@media screen and (max-width:1024px) {
	.sectionInner,
	.aboutSet.cl3{width:100%;border-bottom:none;}
	/*.aboutSet.cl3 .aboutInner{width:33.33%;height: auto!important;}*/
	.aboutSet.cl3 .aboutInner img{width:100%;}
	.aboutSet.cl3 .aboutInner img.icons{width:auto!important;}

	.aboutSet.cl3 .aboutInner{
		width:96%;
		float:none !important;
		border-right:none;
		border-bottom:1px dotted #888888;
		margin:0 auto !important;
		padding-bottom:20px;
	}
	.aboutSet .aboutInner .reasonH3 {
		margin-bottom:0;
	}
	.bdrdot {
		border: 1px dotted #888888;
		box-sizing: border-box;
		padding: 0;
	}

	#point05 {width:95%;margin: 0px auto 10px auto;}
	#point05 .innerA_text{float:none!important;width:100%;margin:10px 0;}
	#point05 ul.innerA_text li{list-style-type: disc!important;}
	#point05 .innerA_pic{float:none!important;width:100%;padding: 0 10px 0 10px;}
	#point05 .innerA_pic{text-align: center;}
	#point05 .innerA_pic img{width:100%;}
	#point05 .p-title{font-size:1rem;background: none;margin-bottom:10px;}
	#point05 .box_innerA.ver02 .innerA_text{	width: 100%!important;}

	.whiat_notice {
		padding:10px!important;
	}

}

/*------------------------------------------------------------
  料金price
------------------------------------------------------------*/
#price-month h4 {font-size: 18px;margin:0;padding:0;background:none;}
#price-month h4 span {font-size: 16px;}
#price-month .price-month01 {position: relative; margin:20px 0 20px 0!important}
#price-month .btn_position{text-align:right;margin:25px 0;}


@media screen and (max-width:1024px) {
#price-month .price-month01 img{width:100%!important;;}
#price-month .btn_position{text-align:center;margin:25px 0;}
}

.price-attention01, .price-attention02, .price-attention03 {margin-bottom: 18px;list-style-type: none;}
.price-attention01 li {text-indent: -2.2em; margin-left: 2.2em;}
.price-attention02 li {text-indent: -1em; margin-left: 1em;}

.price-notice{list-style:none;font-size:12px;}
.price-notice li{text-indent: -2.2em;line-height:2.2;}

#price-menu {position: relative;margin-bottom: 50px;}
#price-menu p.fuki01 {position: absolute;left:105px; top:2px;}
#price-menu h3 {font-size: 160%;background: none;color: #333;padding: 0;}
#price-menu table {width: 100%;margin-bottom: 10px;}
#price-menu table th {width: 35%;background: #ffeff0;padding: 10px 20px;border: 1px solid #dfdfdf;color: #1B1B1B;font-weight: bold;font-size: 18px;line-height: 1.3em;}
#price-menu table th.bnone {border-bottom: 1px solid #dfdfdf;}
#price-menu table td {padding: 10px 20px;border: 1px solid #dfdfdf;color: #1B1B1B;font-size: 18px;}
#price-menu table span {font-size: 100%;}
#price-menu table th .text050plus {float: left;margin-top: 10px;}
#price-menu table th .icon050plus {float: right;}
#price-menu table th .icon050plus img {width: 70px;}
#price-menu dl,
#price-menu dl dt,
#price-menu dl dd {margin:0;padding:0;}
#price-menu dd {text-indent: 1em;}

.price-inner {padding-top: 20px;}
.price table {width: 100%;border-spacing: 0;border-collapse: collapse;}
.price th {font-size: 160%;font-weight: bold;margin:0;padding:0;border:none;background:none;vertical-align:middle;}
.price td {padding: 14px 0;border: 1px solid #dfdfdf;color: #1B1B1B;font-weight: bold;vertical-align:middle;}


.price_image{margin:20px auto 40px;width:auto;text-align:center;display:table;}
.price_image p.box{display:table-cell;width:200px;border:3px solid #D80912;padding:25px;line-height:1;margin:0 15px;font-size:18px;font-weight:bold;text-align:center;}
.price_image p.plus{display:table-cell;vertical-align:bottom;padding:25px 20px;}

.price_image2{margin:20px auto 40px;width:auto;text-align:center;display:table;}
.price_image2 p.box{display:table-cell;width:200px;border:3px solid #148fd9;padding:25px;line-height:1;margin:0 15px;font-size:18px;font-weight:bold;text-align:center;}
.price_image2 p.plus{display:table-cell;vertical-align:bottom;padding:25px 20px;}

.price_image3{margin:20px auto 40px;width:auto;text-align:center;display:table;}
.price_image3 p.box{display:table-cell;width:200px;border:3px solid #5cb527;padding:25px;line-height:1;margin:0 15px;font-size:18px;font-weight:bold;text-align:center;}
.price_image3 p.plus{display:table-cell;vertical-align:bottom;padding:25px 20px;}

.price_image4{margin:20px auto 40px;width:auto;text-align:center;display:table;}
.price_image4 p.box{display:table-cell;width:200px;border:3px solid #ed047a;padding:25px;line-height:1;margin:0 15px;font-size:18px;font-weight:bold;text-align:center;}
.price_image4 p.plus{display:table-cell;vertical-align:bottom;padding:25px 20px;}





.price01 table {width:100%;margin-bottom: 30px;}
.price01 .price-l {
    width: 220px;
    background: #E6E6E6;
    font-size: 114%;
    font-weight: bold;
    text-align: center;
}
.price01 .price-2{
	width: 220px;
	background: #ffeff0;
	font-size: 114%;
	font-weight: bold;
	text-align: center;
}
.price01 .price-3{
	width: 220px;
	background: #d6f0ff;
	font-size: 114%;
	font-weight: bold;
	text-align: center;
}
.price01 .price-4{
	width: 220px;
	background: #f1fdea;
	font-size: 114%;
	font-weight: bold;
	text-align: center;
}
.price01 .price-5{
	width: 220px;
	background: #ffdeef;
	font-size: 114%;
	font-weight: bold;
	text-align: center;
}





.price01 .price-txt {text-align: center;font-size: 28px;}
.price01 .price-txt .sp-price {font-size: 68%;}


@media screen and (max-width:1024px) {
.price_image{display:block;}
.price_image p.box{display:block;width:80%;margin:0 auto;padding:15px;}
.price_image p.plus{display:block;width:100%;margin:0;padding:10px;}

}


/*------------------------------------------------------------
  .data_option
------------------------------------------------------------*/
.data_option_dl_all{width: 100%;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
.data_option_dl_box{border: 1px solid #aaa;width: 31.8%;margin-bottom: 19px;}
.data_option_dl_box:last-child .data_option_dd{padding: 23px 1vw 10px;}
.data_option_dl_box:last-child .data_option_dd > .dd_text{margin: 18px 1.2vw 10px;text-indent: -1.3em;padding-left: 1.5vw;}
.data_option_dl_box .dd_text span{font-size:12px;}
.data_option_dl_box .img_sp_only{margin:0 0 10px 0;}
.data_option_dl_box:last-child .flex_child:last-child{width: 29vw;display: flex;align-items: center;margin: 1.5vw;}
.data_option_dt_title{text-align: center;background-color: #005cb1;color: #ffffff;padding: 19px;font-size: 21px;font-weight: bold;}
.data_option_dd{padding: 12px;text-align:left;}
.data_option_dd dl dt{font-weight:bold;padding-bottom:10px;}
dl.data_option_dl_box.w_half{width: 48.7%!important;}

@media screen and (max-width:1024px) {
	.data_option_dl_box,
  dl.data_option_dl_box.w_half{width: auto;}
	.data_option_dl_box img:not(.img_blank_link){margin: 10px auto;}
	.data_option_dl_box:last-child .flex_child:last-child{width:auto;}
	.data_option_dl_box:last-child .data_option_dd > .dd_text{padding:15px 15px 15px 30px;}
	.data_option_dd{text-align:center;}
}



/*------------------------------------------------------------
  ボトムオプション
------------------------------------------------------------*/
.optionWrap{
	/*width: 94%;*/
	width:100%;
		margin:0 auto 80px;
}
.optionWrap  {
	/*padding:30px 0 0 0;*/
	padding:0;
}

.optionWrap .otokuSet {
	width: 100%;
	border-bottom: 1px dotted #555555;
	margin:0 0 25px 0;
	padding:0 0 20px 0;
}
.optionWrap .otokuSet:after{content:".";display:block;height:0;visibility:hidden;clear:both;}

	.optionWrap .otokuSet .innerLeft{
		float:left;
		width:11%;
	}
	.optionWrap .otokuSet .innerRight{
		float:left;
		width:89%;
	}

.optionWrap h2.otoku{
	margin:0 0 0 0!important;
	padding:10px;
	background: #ebf0f7!important;
	font-size:120%!important;
	font-weight: bold;
	border-left:none!important;
	border-bottom:none!important;
	text-align: center!important;
}

.optionWrap .arrow_bottom{
	margin:0 0 30px 0!important;
	padding:0!important;
	text-align: center;
	line-height: 0!important;
}


@media screen and (max-width:1024px) {
	.optionWrap h2.otoku{font-size:120%!important;}
	.optionWrap .otokuSet .innerLeft{float:none;width:80px;height:80px;margin:0 auto 15px;}
	.optionWrap .otokuSet .innerLeft img{}
	.optionWrap .otokuSet .innerRight{width:auto;float:none;text-align:center;}

.optionWrap .btn-option{margin-left: auto!important;text-align: center!important;}

}



/*------------------------------------------------------------
  #lte
------------------------------------------------------------*/
#main #lte {margin-bottom: 30px;}
#main #lte ul {margin: 0 0 40px;}
#main #lte ul li {float: left;}
#main #lte .box_050p {margin-right: 5px;}
#main #lte h3 {margin-bottom: 10px;text-align: center;}



@media screen and (max-width:1024px) {
  #main #lte {margin-bottom: 12px;}
  #main #lte ul {padding-bottom: 38px;margin: 0 12px;width: auto;}
  #main #lte .box_050p {margin: 0 13px;}
  #main #lte .box_right {float: none;margin: 0;}
}

/*------------------------------------------------------------
#main
------------------------------------------------------------*/
#main a:hover img, {opacity: 0.6;filter: alpha(opacity=60);}
#main a {color: #1122CC;}

@media screen and (max-width:1024px) {
  #main a:hover img{opacity: 1;filter: alpha(opacity=100);}
}


/*------------------------------------------------------------
#point
------------------------------------------------------------*/
#point {text-align:left;margin:0 0 70px 0;}
#point h3 {
	border:none;
	margin:0 0 -5px 0!important;
	padding:0;
	font-size:0px;
}
#point ul {margin:0;padding:0;}

#point ul li {
    font-size: 21px;
    font-weight: bold;
    line-height:180%!important;
		margin:20px 0 0 0;
		padding:0 0 0 148px!important;
    letter-spacing: -0.01em;
		list-style:none;
    border-top:none!important;
}

#point.voice ul li.p1 {background: url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/voice/img/point1_bg.png) no-repeat left;border-bottom:4px solid #e31d1a;}
#point.voice ul li.p2 {background: url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/voice/img/point2_bg.png) no-repeat left;border-bottom:4px solid #e31d1a;}
#point.voice ul li.p3 {background: url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/voice/img/point3_bg.png) no-repeat left;border-bottom:4px solid #e31d1a;}
#point.voice ul li span {color: #e31d1a;}

#point.data ul li.p1 {background: url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/data/img/point1_blue.jpg) no-repeat left bottom -4px;border-bottom:4px solid #148FD9;}
#point.data ul li.p2 {background: url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/data/img/point2_blue.jpg) no-repeat left bottom -4px;border-bottom:4px solid #148FD9;}
#point.data ul li.p3 {background: url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/data/img/point3_blue.jpg) no-repeat left bottom -4px;border-bottom:4px solid #148FD9;}
#point.data ul li span {color: #148FD9;}

#point.sms ul li.p1 {background: url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/sms-sim/img/omo_point01.jpg) no-repeat left bottom -4px;border-bottom:4px solid #feda00;}
#point.sms ul li.p2 {background: url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/sms-sim/img/omo_point02.jpg) no-repeat left bottom -4px;border-bottom:4px solid #feda00;}
#point.sms ul li.p3 {background: url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/sms-sim/img/omo_point03.jpg) no-repeat left bottom -4px;border-bottom:4px solid #feda00;}
#point.sms ul li span {color: #e31d1a;}

#point.sim050 ul li.p1 {background: url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/050-sim/img/pc/omo_point01.jpg) no-repeat left bottom -4px;border-bottom:4px solid #3d3d3d;}
#point.sim050 ul li.p2 {background: url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/050-sim/img/pc/omo_point02.jpg) no-repeat left bottom -4px;border-bottom:4px solid #3d3d3d;}
#point.sim050 ul li.p3 {background: url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/050-sim/img/pc/omo_point03.jpg) no-repeat left bottom -4px;border-bottom:4px solid #3d3d3d;}
#point.sim050 ul li span {color: #e31d1a;}

#point li.hosoku {margin-top: 5px;font-size: 13px;line-height: 1.2em;font-weight: 100;}

@media screen and (max-width:1024px) {
	#point ul li {font-size: 18px!important;font-weight: bold;line-height:1.3!important;margin-top: 10px;padding-left:0!important;letter-spacing: -0.01em;}
  #point.voice ul li.p1,
	#point.voice ul li.p2,
	#point.voice ul li.p3,
  #point.data ul li.p1,
  #point.data ul li.p2,
  #point.data ul li.p3,
	#point.sms ul li.p1,
	#point.sms ul li.p2,
	#point.sms ul li.p3,
	#point.sim050 ul li.p1,
	#point.sim050 ul li.p2,
	#point.sim050 ul li.p3 {background: none;border-bottom:none;}
  #point li.hosoku {font-size: 15px!important;margin-top: 5px;line-height: 1.2em;font-weight: 100;}

	#point ul li.sp img {width:100%;height:auto;}
	#voice .voice-cont {margin: 20px 0 40px;padding: 10px;}
}


/*------------------------------------------------------------
more-box
------------------------------------------------------------*/
/* .more-box 3カラム用 */
#lte .more-box-list{overflow: hidden;margin-left: -15px;margin-bottom: 30px;}
#lte .more-box{background-color: #f3fbff;border: 1px solid #ccc;padding: 9px;margin-top: 0;width: 313px;float: left;margin-left: 15px;height: 450px;}
#lte .more-box h3{text-align: center;background-color: #005cb1;margin:0 0 20px!important;border:none!important;padding:0;}
#lte .more-box dl dt{margin-bottom: 10px;}
#lte .more-box dl dt img{margin: 0 auto;}
#lte .more-box dl dd{padding: 0 11px;}
#lte .more-box dl dd p.price-txt{font-weight: bold;text-align: right;margin-top: 10px;}
#lte .more-box dl dd p.price-txt a{font-weight: normal;}
#lte .more-box dl dd p,
#lte .more-box dl dd ul{margin: 0;font-size: 14px;}
#lte .more-box dl dd ul li{float: none;font-size: 13px;text-indent: -1em;padding-left: 1em;}
#lte .more-box dl dd p span{color: #e31d1a;}
/* //.more-box 3カラム用 */


@media screen and (max-width:1024px) {
 .more-box-list img{width: 100%;}
  /* .more-box 3カラム用 */
 #lte .more-box-list{overflow: hidden;margin-left: 0;margin-top: 15px;}
 #lte .more-box{background-color: #f3fbff;border: 0;padding: 10px;margin-top: 0;padding-bottom: 15px;width: auto;float: none;margin-left: 0;height: auto!important;}
 #lte .more-box h3{text-align: center;background-color: #005cb1;margin-bottom: 10px;margin-top: 0;}
 #lte .more-box dl dd{float: none;width: auto;padding: 0 10px;}
 #lte .more-box dl dd p.price-txt{font-weight: bold;text-align: right;margin-top: 10px !important;}
 #lte .more-box dl dd p,
 #lte .more-box dl dd ul{margin: 0 !important;}
 #lte .more-box dl dd ul li{float: none;}
 #lte .more-box dl dd p span{color: #e31d1a;}
  /* //.more-box 3カラム用 */
}




/*------------------------------------------------------------
table
------------------------------------------------------------*/
#main .tableBox{position: relative;padding-right:28px;margin-bottom:20px;}
#main .tableA {width: 100%;clear: both;line-height: 1.2;border-collapse: collapse;}
#main .tableA th,
#main .tableA td {padding: 4px 15px;font-size: 16px;text-align: center;font-weight: bold;border: 1px solid #b8b8b8;}
#main .tableA th {padding: 11px 5px;width: 24%;background-color: #e6e6e6;font-size: 24px;font-weight: bold;vertical-align: middle;text-align: center;}
#main .tableA p {font-size: 19px;}
#main .tableA p span {font-size: 30px;}
#main .tableA .wid01 {width: 38%;}
#main .tableA .txtPrice {padding: 14px 0;font-size: 31px;}
#main .tableA .txtPrice span {font-size: 42px;}
#main #price #payment .tableA td {padding: 21px 0 22px;}
#main #price #payment .tableA .tdEnd {padding-right: 90px;}

#main .tableB {border-collapse: collapse;clear: both;line-height: 1.2;width: 100%;}
#main .tableB th {background-color: #e6e6e6;border: 1px solid #ffffff;font-size: 24px;font-weight: bold;text-align: center;padding: 11px 5px;}
#main .tableB th.thEnd {border-right: 1px solid #e6e6e6;}
#main .tableB td {border: 1px solid #e6e6e6;font-size: 24px;font-weight: bold;padding: 0 15px 0 60px;text-align: center;height:100px;}
#main .tableB .trTop td {color:#d80912;}
#main .tableB td.tdEnd,#main .tableB .trTop td.tdEnd {width: 42%;padding: 0 60px 0 15px;}
#main .tableB .min {font-size: 18px;}
#main .tableB .wid01 {font-size: 26px;}
#main .tableB .wid02 {font-size: 30px;}

table.price th {padding: 5px 10px;line-height: 1.4;border: 1px #999 solid;vertical-align: middle;text-align: center;background-color: #E4E4E4;border-top: none;}
table.price td {padding: 5px 10px;line-height: 1.4;border: 1px #999 solid;vertical-align: middle;text-align: left;}
table.price {margin: 0;width: 100%;}



@media screen and (max-width:1024px) {
  #main .tableBox{position: relative;padding-right:0;margin-bottom:10px;}
  #main .tableA th,
  #main .tableA td {padding: 7px 2px;font-size: 9px;text-align: center;}
  #main .tableA th {width: 47%;font-size: 14px;}
  #main .tableA .wid01 {width: 25%;}
  #main .tableA th span {font-size: 13px;}
  #main .tableA p,
  #main .tableA p span {text-align: center !important;font-size: 12px;}
  #main .tableA .txtPrice {padding: 0 0;font-size: 13px;}
  #main .tableA .txtPrice span {font-size: 17px;}

  #main #price #payment .tableA th {width: 10%;}
  #main #price #payment .tableA td {padding: 12px 10px;font-size: 11px;}
  #main #price #payment .tableA td p {font-size: 13px;}
  #main #price #payment .tableA td p span {font-size: 17px;}
  #main #price #payment .tableA .wid01 {width: 40%;}
  #main #price #payment .tableA .tdEnd {padding-right: 40px;}

  #main .tableB th {font-size: 18px;padding: 10px 2px;}
  #main .tableB td {font-size: 20px;padding: 10px 2px;height:auto;}
  #main .tableB td.tdEnd,#main .tableB .trTop td.tdEnd {width: 50%;padding: 0 60px 0 15px;}
  #main .tableB .min {font-size: 15px;}
  #main .tableB .wid01 {font-size: 22px;}
  #main .tableB .wid02 {font-size: 22px;}

	#main .tableC th {font-size: 18px;padding: 10px 2px;}
  #main .tableC td {font-size: 20px;padding: 10px 2px;height:auto;}
  #main .tableC td.tdEnd,#main .tableC .trTop td.tdEnd {width: 50%;padding: 0 60px 0 15px;}
  #main .tableC .min {font-size: 15px;}
  #main .tableC .wid01 {font-size: 22px;}
  #main .tableC .wid02 {font-size: 22px;}

	#main .tableD th {font-size: 18px;padding: 10px 2px;}
  #main .tableD td {font-size: 20px;padding: 10px 2px;height:auto;}
  #main .tableD td.tdEnd,#main .tableD .trTop td.tdEnd {width: 50%;padding: 0 60px 0 15px;}
  #main .tableD .min {font-size: 15px;}
  #main .tableD .wid01 {font-size: 22px;}
  #main .tableD .wid02 {font-size: 22px;}

	#main .tableE th {font-size: 18px;padding: 10px 2px;}
  #main .tableE td {font-size: 20px;padding: 10px 2px;height:auto;}
  #main .tableE td.tdEnd,#main .tableE .trTop td.tdEnd {width: 50%;padding: 0 60px 0 15px;}
  #main .tableE .min {font-size: 15px;}
  #main .tableE .wid01 {font-size: 22px;}
  #main .tableE .wid02 {font-size: 22px;}

	#main .tableF th {font-size: 18px;padding: 10px 2px;}
  #main .tableF td {font-size: 20px;padding: 10px 2px;height:auto;}
  #main .tableF td.tdEnd,#main .tableF .trTop td.tdEnd {width: 50%;padding: 0 60px 0 15px;}
  #main .tableF .min {font-size: 15px;}
  #main .tableF .wid01 {font-size: 22px;}
  #main .tableF .wid02 {font-size: 22px;}

}

@media screen and (max-width:1024px) {
  #main .tableA th {background-color: #e6e6e6 !important;padding: 11px 5px;width: 45%;font-size: 15px;font-weight: bold;vertical-align: middle;text-align: center;}
}






/*------------------------------------------------------------
class
------------------------------------------------------------*/
#main #payBox{border: 1px solid #3164af;text-align:center;padding:14px;font-size: 16px;}
#main #payBox span{color: #d80912;font-weight:bold;}
#main #payBox span.Note{color: #000000;font-size:10px;vertical-align:top;}
#main #payBox p{font-size: 14px;}

@media screen and (max-width:1024px) {
  #main #payBox{font-size: 16px;margin-bottom:15px;}
  #main #payBox p{font-size: 12px;text-align:left;}
}


#main #payment_txt01 {position: absolute;left: 80px;bottom: 10px;}
.main .tableBox img#payment_txt02 {position: absolute;right: 28px;bottom: 0;}
#main #payment_txt03 {position: absolute;right: 0;top: 40px;}

@media screen and (max-width:1024px) {

	#main #payment_txt01{display:none;}
	/*#main #payment_txt01 {position: absolute;z-index:99;bottom: 0;left:0;padding-top:6px;background-color: #fff;width:100%;}*/
	.main .tableBox img#payment_txt02{
			height: 89%!important;
			position: absolute !important;
	    right: 0 !important;
	    bottom: 0 !important;
			width: auto;
			top:40px;}
	  #main #payment_txt03 {width: 10%;position: absolute;right: 0;top: 4%;}
}

/*------------------------------------------------------------
  #buy
------------------------------------------------------------*/
#main #buy {
  margin-bottom: 25px;
  padding: 25px 0;
  width: 862px;
  text-align: center;
  background-color: #e6e6e6;
  border-radius: 18px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  position: relative;
  z-index: 2;
  behavior: url(/p/html/ocn_mobile_one/common/js/pie.htc);
}
#main #buy h2 {margin-bottom: 7px;}

@media screen and (max-width:1024px) {
  #main #buy {margin-bottom: 40px;padding: 20px 0 15px;width: 100%;border-radius: 0;}
  #main #buy h2 {margin: 0 auto;width: 75%;}
  #main #buy p {padding: 0 3%;}
  #main #buy h2 img{width: 100%;}
  #main #buy .bold {margin: 10px 15px;width: auto;}
}

/*------------------------------------------------------------
  #price
------------------------------------------------------------*/
#main #price {padding: 12px 0;}
#main #price .titBox {margin-bottom: 9px;}
#main #price .titBox h3 {margin: 4px 2px 0;float: left;width: 460px;font-size: 22px;line-height: 1.2;font-weight: bold;}
#main #price .titBox p {float: right;width: 365px;text-align: right;}
#main #price #payment {margin-top: 34px;}
#main #price #payment h3 {margin-bottom: 3px;font-size: 22px;line-height: 1.3;font-weight: bold;}
#main #price #payment h3 span {font-size: 17px;}
#main #price #payment .tableBox {position: relative;}
#main #price .taxlink {
  margin: -50px 0 0;
  text-align: right;
  font-weight: bold;
  font-size: 17px;
  position: relative;
  z-index: 999;
}


@media screen and (max-width:1024px) {
  #main #price {padding: 8px 0;margin: 0 16px;}
  #main #price .taxlink {margin: 10px 0 0;font-size: 16px;}
  #main #price .titBox {margin-bottom: 2px;}
  #main #price .titBox h3 {margin-top: 10px;float: none;width: auto;font-size: 16px;}
  #main #price .titBox p {width: auto;float: none;font-size: 12px;text-align: right;}
  #main #price #payment {margin-top: 28px;}
  #main #price #payment h3 {font-size: 16px;}
  #main #price #payment h3 span {display: block;font-size: 12px;}
}





#main .bana01 {margin-bottom: 50px;}

@media screen and (max-width:1024px) {
  #main .bana01 {margin-bottom: 30px;}
}



/*------------------------------------------------------------
  #muryoutoku
------------------------------------------------------------*/
.wfreams {border: dotted #888888 1px;margin:0 0 20px 0;}
#muryoutoku h4 {color: #000;font-size: 25px;font-weight: bold;margin: 0 auto;padding: 15px 0;text-align: center;background:none;}

.wmm {
  padding: 15px 13px 15px 19px;
  width: auto;
  overflow: hidden;
}
.wmt {float: left;width: 48%;}
.wmp {float: right;width: 48%;text-align: center;}
.wmt h5 {
  color:#000;
  font-size: 19px;
  font-weight: bold;
  margin: 0 auto 12px;
}
.wmp p {margin: 10px 32px;color: #0071bc;text-align: right;}
#c4 span {font-size: 12px;display:block;margin:20px 0 0 0;}
#c5 span {display: block;font-size: 12px;margin: 0 18px 20px;}
#ps {background-color: blue;}


@media screen and (max-width:1024px) {
	#muryoutoku h4 {color: #000;font-size: 20px;font-weight: bold;margin: 0 auto;padding: 15px 0;text-align: center;background:none;}
	.wmt h5 {
	  color:#000;
	  font-size: 17px;
}
  .wmm {padding:15px;}
  .wmt {float: none;width:auto;}
  .wmp {float: none;width:auto;text-align: center;}
  .wmp img,.wmt img{width:100%;height:auto;}

}


/*------------------------------------------------------------
  .bottomBtnArea
------------------------------------------------------------*/

.bottomBtnArea {
border-top:1px solid #cccccc!important;
    width: 970px;
    margin: 80px auto 0 auto!important;
padding:30px 0 0 0;
}
.bottomBtnArea2 {
    width: 948px;
    margin: 30px auto 30px auto;
text-align:center;
}
.bottomBtnArea .btnCenter {
    padding: 30px 0;
    width: 100%;
    margin-bottom: 30px;
    background: #f1f1f1;
}

.bottomBtnArea .btnBottom {
    padding: 30px 0;
    width: 100%;
    margin-bottom: 30px;
    background: #f1f1f1;
		text-align: center;
}
.bottomBtnArea .btnBottom .btnBottominner{display: table;width:500px;margin:0 auto;}
.bottomBtnArea .btnBottom .icon{display:table-cell;}
.bottomBtnArea .btnBottom .txt{display:table-cell;text-align: center;padding-left:20px;width:400px;vertical-align:top;}

.bottomBtnArea .btnLeft {
    padding: 30px 30px 30px 30px;
    width: 458px;
    background: #f1f1f1;
    float: left;
}
.bottomBtnArea .btnRight {
    padding: 30px 30px 30px 30px;
    width: 458px;
    background: #f1f1f1;
    text-align: center;
    float: right;
margin-bottom:30px;
}
.column2Area10p a:hover.alpha img, .column2Area10p a:hover img.alpha, .column2Area10p input.alpha:hover, .column2Area10p a.alphaBg:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.bottomBtnArea .btnRight .topLink a {
    padding: 5px 0 5px 27px;
    background: url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/function/app/img/arrow_blue_circle.png) left center no-repeat;
}
.bottomBtnArea .btnLeft .topLink a {
    background: url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/function/app/img/arrow_red_circle.png) left center no-repeat;
    padding: 5px 0 5px 27px;
}

.bottomBtnArea p {
    text-align: center;
}


.bottomBtnArea3{margin:40px 0 0 0;}
.bottomBtnArea3:after{content:".";display:block;height:0;visibility:hidden;clear:both;}
.bottomBtnArea3 div{float:left;padding:0 10px;}
.bottomBtnArea3 div.largebtn{margin-right:60px;}

@media screen and (max-width:1024px) {
	.bottomBtnArea {width: auto;margin: 0 auto;}


	.bottomBtnArea .btnCenter{padding:10px;margin-bottom:10px;	}
	.bottomBtnArea .btnCenter img{width:100%;	}
	.bottomBtnArea .btnLeft, .bottomBtnArea .btnRight{float:none;width:100%;padding:10px;	}
	.bottomBtnArea .btnLeft{margin-bottom:10px;	}

	.bottomBtnArea .btnBottom {
	    padding: 10px 0;
	    width: 100%;
	    margin-bottom: 20px;
	}
	.bottomBtnArea .btnBottom .btnBottominner{display: block;width:100%;margin:0 auto;}
	.bottomBtnArea .btnBottom .icon{display:block;width:30%;margin:10px auto 20px;}
	.bottomBtnArea .btnBottom .icon img{width:100%;}
	.bottomBtnArea .btnBottom .txt{display:block;text-align: center;padding:0 10px;width:100%;}
	.bottomBtnArea .btnBottom .txt img{width:100%;}



	.bottomBtnArea3 div.largebtn{margin-right:0;float:none;width:100%;padding:0 5px 10px;}
	.bottomBtnArea3 div.largebtn img{width:100%;height:auto;}
	.bottomBtnArea3{margin:40px 0 0 0;}
	.bottomBtnArea3:after{content:".";display:block;height:0;visibility:hidden;clear:both;}
	.bottomBtnArea3 div.middlebtn{float:left;padding:0 5px 0;width:50%;box-sizing: border-box;}
	.bottomBtnArea3 div.middlebtn img{width:100%;}

	.bt100 img{width:100%;height:auto;padding-bottom:10px;}

}


/******************************************************/
/* class */
/******************************************************/
.center { text-align: center !important; }
.right { text-align: right !important; }
.left { text-align: left !important; }
.mt0 { margin-top: 0px !important; }
.mt1 { margin-top: 1px !important; }
.mt2 { margin-top: 2px !important; }
.mt3 { margin-top: 3px !important; }
.mt4 { margin-top: 4px !important; }
.mt5 { margin-top: 5px !important; }
.mt6 { margin-top: 6px !important; }
.mt7 { margin-top: 7px !important; }
.mt8 { margin-top: 8px !important; }
.mt9 { margin-top: 9px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.ml0 { margin-left: 0px !important; }
.ml1 { margin-left: 1px !important; }
.ml2 { margin-left: 2px !important; }
.ml3 { margin-left: 3px !important; }
.ml4 { margin-left: 4px !important; }
.ml5 { margin-left: 5px !important; }
.ml6 { margin-left: 6px !important; }
.ml7 { margin-left: 7px !important; }
.ml8 { margin-left: 8px !important; }
.ml9 { margin-left: 9px !important; }
.ml10 { margin-left: 10px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.mb0 { margin-bottom: 0px !important; }
.mb1 { margin-bottom: 1px !important; }
.mb2 { margin-bottom: 2px !important; }
.mb3 { margin-bottom: 3px !important; }
.mb4 { margin-bottom: 4px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb6 { margin-bottom: 6px !important; }
.mb7 { margin-bottom: 7px !important; }
.mb8 { margin-bottom: 8px !important; }
.mb9 { margin-bottom: 9px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 654px !important; }
.mb70 { margin-bottom: 70px !important; }

.mr0 { margin-right: 0px !important; }
.mr1 { margin-right: 1px !important; }
.mr2 { margin-right: 2px !important; }
.mr3 { margin-right: 3px !important; }
.mr4 { margin-right: 4px !important; }
.mr5 { margin-right: 5px !important; }
.mr6 { margin-right: 6px !important; }
.mr7 { margin-right: 7px !important; }
.mr8 { margin-right: 8px !important; }
.mr9 { margin-right: 9px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr320 { margin-right: 320px !important; }
.pt0 { padding-top: 0px !important; }
.pt1 { padding-top: 1px !important; }
.pt2 { padding-top: 2px !important; }
.pt3 { padding-top: 3px !important; }
.pt4 { padding-top: 4px !important; }
.pt5 { padding-top: 5px !important; }
.pt6 { padding-top: 6px !important; }
.pt7 { padding-top: 7px !important; }
.pt8 { padding-top: 8px !important; }
.pt9 { padding-top: 9px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pl0 { padding-left: 0px !important; }
.pl1 { padding-left: 1px !important; }
.pl2 { padding-left: 2px !important; }
.pl3 { padding-left: 3px !important; }
.pl4 { padding-left: 4px !important; }
.pl5 { padding-left: 5px !important; }
.pl6 { padding-left: 6px !important; }
.pl7 { padding-left: 7px !important; }
.pl8 { padding-left: 8px !important; }
.pl9 { padding-left: 9px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pb0 { padding-bottom: 0px !important; }
.pb1 { padding-bottom: 1px !important; }
.pb2 { padding-bottom: 2px !important; }
.pb3 { padding-bottom: 3px !important; }
.pb4 { padding-bottom: 4px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb6 { padding-bottom: 6px !important; }
.pb7 { padding-bottom: 7px !important; }
.pb8 { padding-bottom: 8px !important; }
.pb9 { padding-bottom: 9px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pr0 { padding-right: 0px !important; }
.pr1 { padding-right: 1px !important; }
.pr2 { padding-right: 2px !important; }
.pr3 { padding-right: 3px !important; }
.pr4 { padding-right: 4px !important; }
.pr5 { padding-right: 5px !important; }
.pr6 { padding-right: 6px !important; }
.pr7 { padding-right: 7px !important; }
.pr8 { padding-right: 8px !important; }
.pr9 { padding-right: 9px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.w10 { width: 10px !important; }
.w20 { width: 20px !important; }
.w30 { width: 30px !important; }
.w40 { width: 40px !important; }
.w50 { width: 50px !important; }
.w60 { width: 60px !important; }
.w70 { width: 70px !important; }
.w80 { width: 80px !important; }
.w90 { width: 90px !important; }
.w100 { width: 100px !important; }
.w110 { width: 110px !important; }
.w120 { width: 120px !important; }
.w130 { width: 130px !important; }
.w140 { width: 140px !important; }
.w150 { width: 150px !important; }
.w160 { width: 160px !important; }
.w170 { width: 170px !important; }
.w180 { width: 180px !important; }
.w190 { width: 190px !important; }
.w200 { width: 200px !important; }
.w210 { width: 210px !important; }
.w220 { width: 220px !important; }
.w230 { width: 230px !important; }
.w240 { width: 240px !important; }
.w250 { width: 250px !important; }
.w260 { width: 260px !important; }
.w270 { width: 270px !important; }
.w280 { width: 280px !important; }
.w290 { width: 290px !important; }
.w300 { width: 300px !important; }
.w310 { width: 310px !important; }
.w320 { width: 320px !important; }
.w330 { width: 330px !important; }
.w340 { width: 340px !important; }
.w350 { width: 350px !important; }
.w360 { width: 360px !important; }
.w370 { width: 370px !important; }
.w380 { width: 380px !important; }
.w390 { width: 390px !important; }
.w400 { width: 400px !important; }
.w410 { width: 410px !important; }
.w420 { width: 420px !important; }
.w430 { width: 430px !important; }
.w440 { width: 440px !important; }
.w450 { width: 450px !important; }
.w460 { width: 460px !important; }
.w470 { width: 470px !important; }
.w480 { width: 480px !important; }
.w490 { width: 490px !important; }
.w500 { width: 500px !important; }
.w510 { width: 510px !important; }
.w520 { width: 520px !important; }
.w530 { width: 530px !important; }
.w540 { width: 540px !important; }
.w550 { width: 550px !important; }
.w560 { width: 560px !important; }
.w570 { width: 570px !important; }
.w580 { width: 580px !important; }
.w590 { width: 590px !important; }
.w600 { width: 600px !important; }
.w610 { width: 610px !important; }
.w620 { width: 620px !important; }
.w630 { width: 630px !important; }
.w640 { width: 640px !important; }
.w650 { width: 650px !important; }
.w660 { width: 660px !important; }
.w670 { width: 670px !important; }
.w680 { width: 680px !important; }
.w690 { width: 690px !important; }
.w700 { width: 700px !important; }
.w710 { width: 710px !important; }
.w720 { width: 720px !important; }
.w730 { width: 730px !important; }
.w740 { width: 740px !important; }
.w750 { width: 750px !important; }
.w760 { width: 760px !important; }
.w770 { width: 770px !important; }
.w780 { width: 780px !important; }
.w790 { width: 790px !important; }
.w800 { width: 800px !important; }
.w810 { width: 810px !important; }
.w820 { width: 820px !important; }
.w830 { width: 830px !important; }
.w840 { width: 840px !important; }
.w850 { width: 850px !important; }
.w860 { width: 860px !important; }
.w870 { width: 870px !important; }
.w880 { width: 880px !important; }
.w890 { width: 890px !important; }
.w900 { width: 900px !important; }
.w910 { width: 910px !important; }
.w920 { width: 920px !important; }
.w930 { width: 930px !important; }
.w940 { width: 940px !important; }
.w950 { width: 950px !important; }



.w50p{width:50%!important;}
.w60p{width:60%!important;}
.w70p{width:70%!important;}
.w80p{width:80%!important;}
.w90p{width:90%!important;}
.w100p{width:100%!important;}


.bdNone { border: none !important; }
.bdtNone { border-top: none !important; }
.bdrNone { border-right: none !important; }
.bdbNone { border-bottom: none !important; }
.bdlNone { border-left: none !important; }
.bgNone { background: none !important; }
.vtop { vertical-align: top !important; }
.vmiddle { vertical-align: middle !important; }
.vtop { vertical-align: top !important; }
.vbottom { vertical-align: bottom !important; }
.fnt80 { font-size: 80% !important; }
.fnt85 { font-size: 85% !important; }
.fnt90 { font-size: 90% !important; }
.fnt95 { font-size: 95% !important; }
.fnt100 { font-size: 100% !important; line-height:100%;}
.fnt110 { font-size: 110% !important; line-height:110%;}
.fnt120 { font-size: 120% !important; line-height:120%;}
.fnt130 { font-size: 130% !important; line-height:140%;}
.fnt140 { font-size: 140% !important; line-height:140%;}
.fnt12px { font-size: 12px !important; line-height:140%;}



.strong { font-weight: bold !important; }
.bold { font-weight: bold !important; }
.normal { font-weight: normal !important; }
.floR { float: right !important; }
.floL { float: left !important; }
.floNone { float: none !important; }
.block { display: block; }
.none { display: none; }
.inline { display: inline; }
.marginAuto { margin-left: auto !important; margin-right: auto !important; }
.red{color:#c60000!important;}

@media screen and (max-width:1024px) {
  img.imageFit{
    width:100% !important;
    height:auto !important;
  }
  img.imageFit95{
    width:95% !important;
    height:auto !important;
  }
  img.imageFit90{
    width:90% !important;
    height:auto !important;
  }
  img.imageFit80{
    width:80% !important;
    height:auto !important;
  }
  img.imageFit70{
    width:70% !important;
    height:auto !important;
  }
  img.imageFit60{
    width:60% !important;
    height:auto !important;
  }
  img.imageFit50{
    width:50% !important;
    height:auto !important;
  }
  img.imageFit40{
    width:40% !important;
    height:auto !important;
  }
  img.imageFit30{
    width:30% !important;
    height:auto !important;
  }
  img.imageFit20{
    width:20% !important;
    height:auto !important;
  }
  img.imageFit10{
    width:10% !important;
    height:auto !important;
  }
}

.txtaC{text-align: center; font-size: 16px;}
.txtR{color: #e31d1a;}
.clearFix:after{
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
  content:".";
  zoom:1;
}
