@charset "shift_jis";

/*
みおふぉん
------------------------------------------------------------------*/
.cp_bnr_area{
	text-align: center;
	margin-top:1rem;
	margin-bottom:1rem;
}
@media screen and (min-width: 641px) {
	
.pc_off { display:none !important; }	
	
#voice_content01 {
	background: url(/hdd/miofone/img/miofone-top.jpg);
	background-repeat:no-repeat;
	background-position:50% 0;
	background-color:#e4007f;
}

#voice_content02_00 {
    margin: 0 auto 30px;
    width: 960px;
}

#voice_content02 {
	overflow: hidden;
    width: 100%;
	padding-bottom:50px;
}

#voice_content02_2 {
	overflow: hidden;
    width: 100%;
	margin-bottom:50px;
}

#voice_content03 {
	box-sizing: border-box;
    padding-bottom: 30px;
}

#voice_content04 {
	padding-bottom: 65px;
}

#voice_content05 {
	background: url(/hdd/miofone/img/voice-content-04-back.png);
	background-repeat:no-repeat;
	background-position: 50% 0;
	height: 568px;
}

#voice_content06 {
	width:100%;
	border-bottom: 1px solid #ccc;
}

.voice_01_body{
	position:relative;
	width: 960px;
	height: 399px;
	margin:0 auto;
}

.voice-main-01-btn {
	position:absolute;
	left:720px;
	top:35px;   
}

.pc_01_main {
    margin: 0 auto;
    width: 624px;
}

.vc_box_01_data{
	float: left;
	padding: 0 33px;
	width: 252px;
	height: 395px;
	border-left:
	1px dotted #cccccc;
}

.vc_02_main_01 {
	margin: 0 auto;
    padding: 20px 0 50px;
    text-align: center;
    width: 960px;
}

.vc_02_body{width: 960px; margin: 0 auto;}

.vc_02_title{width: 960px; margin: 0px auto; text-align: center; padding: 65px 0 26px;}
.vc_02_title h2{font-size: 28px; line-height: 40px;}
.vc_02_title p{ font-size: 14px; line-height: 22px; padding: 26px 0 14px;}
.vc_02_title_02{width: 960px; margin: 0px auto;}

.vc_02_body_02{width: 640px; margin: 0px auto;}
.vc_02_body_02 .c_left{width: 320px; float: left;}
.vc_02_body_02 .c_right{width: 280px; float: right;}
.vc_02_body_02 h3{font-size: 18px; line-height: 25px; color: #e63083;margin-bottom: 6px;}
.vc_02_body_02 p{font-size: 13px; line-height: 22px;}

.vc_02_checkArea {
	background-image:url(/hdd/miofone/img/line_img.png);
	background-repeat:no-repeat;
	background-position: center top;
    padding: 30px 135px;
	box-sizing: border-box;
}
.vc_02_checkArea li {
	margin-bottom:40px;
}
.vc_02_checkArea li img {
	vertical-align:middle;
}

.text_caution01 > p {
    text-align: left;
    margin: 10px auto 0;
    width: 880px;
}
.text_caution02 > p {
	margin: 0 auto;
    text-align: right;
    width: 680px;
}

.text_caution03 > p {
    text-align: right;
    margin: 10px auto 0;
    width: 880px;
}

.vc_03_body{width: 960px; margin: 0px auto;}

.vc_03_body > a {
    display: block;
    margin: 50px auto;
    width: 350px;
}

.vc_02_main {padding: 10px 0 0;}
.vc_02_main h3 {font-size: 18px; line-height: 25px; text-align: center; margin-bottom: 10px;}
.vc_02_main p {font-size: 13px; line-height: 22px;  margin-bottom: 10px;}


.vc_box_01 {
float: left;padding: 0 33px;width: 252px;
border-left:1px dotted #cccccc;
}
.vc_box_02 {
float: left;padding: 0 33px;width: 252px;height: 365px;
border-left:1px dotted #cccccc;
border-right:1px dotted #cccccc;
}
.vc_box_03 {
float: right;padding:  0 33px 0 0px;width: 252px;height: 365px;
border-right:1px dotted #cccccc;
}


.vc_box_03 h3 {margin-bottom: 0px;}

.vc_box_03 a {font-size: 13px; background: url(/image/ar-icon.png) no-repeat 0 4px; padding-left: 15px;}


.vc_box_02_data {
float: left;padding: 0 33px;width: 252px;height: 395px;
border-left:1px dotted #cccccc;
border-right:1px dotted #cccccc;
}
.vc_box_03_data {
float: right;padding:  0 33px 0 0px;width: 252px;height: 395px;
border-right:1px dotted #cccccc;
}
.vc_box_03_data a {font-size: 13px; background: url(/image/ar-icon.png) no-repeat 0 4px; padding-left: 15px;}


.vc_05_body {width: 960px; clear: both; margin: 0 auto;}
.vc_05_title {
float: left;
width: 480px;
margin-top: 65px;
}
.vc_05_title h2 {font-size: 28px; line-height: 40px;}
.vc_05_title p {font-size: 13px; line-height: 22px;  margin-top: 30px;}
.vc_05_main{
float: right;
width: 480px;
margin-top: 130px;
}
.vc_05_btn {padding-top: 25px;}
.vc_05_body_01 {height: 750px;width: 960px; margin: 0 auto;}
.vc_05_main_01{padding: 40px 0 20px; clear: both;}
.vc_05_title_01 {
	float:left;
	width: 50%;
	margin: 0px auto;
	text-align: center;
	background: url(/hdd/miofone/img/icon_21.png);
	background-repeat:no-repeat;
	background-position:40px 0;
}
.vc_05_title_01 h2 {
	font-size: 20px;
	padding-right: 10px;
}
.vc_05_title_02 {
	float:left;
	width: 50%;
	margin: 0px auto;
	text-align: center;
	background: url(/hdd/miofone/img/icon_21.png);
	background-repeat:no-repeat;
	background-position: 30px 0;
}
.vc_05_title_02 h2 {
	font-size: 20px;
	padding-right: 10px;
}
.vc_06_box_01{
float: left;padding: 0 25px;width: 270px;height: auto;
}
.vc_06_box_02{
float: left;
padding: 0 24px;
width: 270px;
height: auto;
border-left:1px dotted #cccccc;
border-right:1px dotted #cccccc;
}
.vc_06_box_03{
float: right;
padding: 0 25px 0 0;
width: 270px;
height:  auto;
}

.vc_06_body {
    padding: 90px 0 60px;
	width:960px;
	margin:0 auto;
}

.purchase_btn {
	border-bottom:1px solid #D4D4D4;
	padding: 50px 0;
}

/* [上部リンクボタン] */

.banner_btn1,
.banner_btn2,
.banner_btn3{
	float:left;
	background-size:300px 71px;
}

.banner_btn1,
.banner_btn2{
	margin-right:30px;
}

.banner_btn1{
background: url(/hdd/miofone/img/btn_mnp_off.jpg) no-repeat;
}
.banner_btn2{
background: url(/hdd/miofone/img/btn_dial_off.jpg) no-repeat;
}
.banner_btn3{
background: url(/hdd/miofone/img/btn_hosho_off.png) no-repeat;
}

.banner_btn1:hover{
background: url(/hdd/miofone/img/btn_mnp_on.jpg) no-repeat;
}
.banner_btn2:hover{
background: url(/hdd/miofone/img/btn_dial_on.jpg) no-repeat;
}
.banner_btn3:hover{
background: url(/hdd/miofone/img/btn_hosho_on.png) no-repeat;
}

/* END [上部リンクボタン] */


/* [オプション＆コンテンツサービス] */

 #Appeal_content {
	 border-top:1px solid #ccc;
	 margin-top: 40px;
 }
.ac_body {
	 width:960px;
	 margin: 40px auto 0;
	 display:block;
 }
.ac_title h2 {  
    font-size: 28px;
    line-height: 40px;
    text-align: center;
}
.ac_title .ttl_img {
	margin: 15px 0 30px;
	text-align: center;
}
.ac_main{ 
    height: auto;
    margin-bottom: 10px;
    overflow: hidden;
}
.ac_box_01, .ac_box_02, .ac_box_03 {
	float: left;
}
.ac_txt {
    margin: 0 auto 20px;
    padding-left: 35px;
    text-align: left;
    width: 960px;
}

.ac_box_01 a, .ac_box_02 a, .ac_box_03 a {
    background: rgba(0, 0, 0, 0) url("/image/ar-icon.png") no-repeat scroll 0 4px;
    font-size: 13px;
    padding-left: 15px;	
}

.ac_box_01 p, .ac_box_02 p, .ac_box_03 p {
	padding-top: 15px;
}
.ac_box_01 p {
	width:240px;
	margin-left: 35px;	
}
.ac_box_02 p {
    margin-left: 25px;
    width: 280px;	
}
.ac_box_03 p {
    margin-left: 15px;
    width: 240px;
}

/* END [オプション＆コンテンツサービス] */


/* [みおふぉんダイヤル用トップのページ内リンクメニュー] */
#page_link{width: 960px; margin: 0px auto; text-align: center; padding: 20px 0 0px 0;overflow: hidden;}
#page_link li{float: left;}
#page_link li.pl_01{width: 320px; text-align: left;}
#page_link li.pl_02{width: 320px; text-align: center;}
#page_link li.pl_03{width: 320px; text-align: right;}

/* END [みおふぉんダイヤル用トップのページ内リンクメニュー] */


/* [音声オプション（タイプA）] 
============================================*/

.section { margin-bottom:30px; }
.mt_10 { margin-top: 10px; }
.mt_30 { margin-top: 30px; }
.mt_50 { margin-top: 50px; }
.mb_10 { margin-bottom: 10px; }
.mb_20 { margin-bottom: 20px; }
.w500 { width:500px !important; }
.lh2 { line-height:2em; }
.red { color:#FF0000; }
.fa-chevron-right,
.fa-chevron-circle-down { color:#e7198c; }
.anchor_list.clearfix a { color:#777777; }
.enclose_white {
    border: 2px solid #6d6ca4;
    border-radius: 5px;
    color: #6d6ca4;
    font-size: 21px;
    font-weight: bold;
    padding: 8px 0 6px;
    text-align: center;
    width: 80px;
}
.enclose_color {
    background-color: #6d6ca4;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    padding: 2px 8px;
}

/* 表　
========================== */

table {
	margin: 0 0 15px;
}

.table_typea {
	border-collapse: collapse;
	table-layout:fixed;
}

.table_typea td,
.table_typea th {
	padding:10px;
	width:300px;
	border:1px solid #BDBDBD;
}

.table_typea th {
	background-color: #EFEFEF;
}

/* END 表 */


#content_body {
    margin: 0 auto;
    width: 960px;
	font-size:12px;
	line-height:1.5em;
}
.center_caption_l {
    font-size: 1.7em;
    font-weight: normal;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
    text-align: center;
    width: 960px;
}

p.bodytxt {
    margin: 0;
}
.print_btn {
	text-align:right;
	margin-bottom:10px;
	display:block;
	
}

.subtitle {
    background-image: url("/hdd/img/service-voice-h2-title.jpg");
    background-position: left center;
    background-repeat: no-repeat;
    color: #303030;
    font-size: 1.3em;
    padding: 10px 0 10px 20px;
}
.subtitle2 {
    background: #e6eaf6 none repeat scroll 0 0;
    color: #504f95;
    padding: 8px 10px;
	font-size: 14px;
}
.anchor_list li {
	float:left;
	margin-right:30px;
}
.anchor_list li:last-child {
	margin-right:0 !important;
}
.anchor_list {
    margin: 0 auto;
    width: 510px;
}
.dotbox_a {
	margin-bottom:20px;
}
.dotbox_a > li {
    margin-top: 5px;
    padding-left: 10px;
}
.voicemail_list li {
    float: left;
    margin: 0 20px 20px 0;
    padding-left: 10px;
}

div.pageup {
    width: 960px;
    text-align: right;
	margin-top:10px;
}
.cautionBox_a {
    padding: .5em .75em;
	border: 3px double #FF0000;
}

.cautionBox_a h4 {
	color: #FF0000;
}


/* END [音声オプション（タイプA）] */

}

@media screen and (max-width: 640px) {
.cp_bnr_area{
	padding:1rem;
}
/* [音声オプション（タイプA）] 
============================================*/

.smp_off {display:none !important; }

.section { margin-bottom:30px; }
.mt_10 { margin-top: 10px; }
.mt_30 { margin-top: 30px; }
.mt_50 { margin-top: 50px; }
.mb_10 { margin-bottom: 10px; }
.mb_20 { margin-bottom: 20px !important; }
.lh2 { line-height:2em; }
.red { color:#FF0000; }
.anchor_list.clearfix a { color:#777777; }
.enclose_white {
    border: 2px solid #6d6ca4;
    border-radius: 5px;
    color: #6d6ca4;
    font-size: 21px;
    font-weight: bold;
    padding: 8px 0 6px;
    text-align: center;
    width: 80px;
}
.enclose_color {
    background-color: #6d6ca4;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    padding: 2px 8px;
	font-size: 11px;
}

/* 表　
========================== */

table {
	margin: 0 0 15px;
	border-collapse:collapse;
}

.table_typea {
	border-collapse: collapse;
	table-layout:fixed;
	box-sizing:border-box;
	width: 100%;
}

.table_typea td,
.table_typea th {
	padding:10px;
	border:1px solid #BDBDBD;
	display:block;
	border-collapse: collapse;
}

.table_typea th {
	background-color: #EFEFEF;
}

/* END 表 */


.center_caption_l {
    font-size: 21px;
    font-weight: normal;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
    text-align: center;
}

p.bodytxt {
    margin: 0;
}
.print_btn {
	text-align:right;
	margin-bottom:10px;
	display:block;
	
}

.anchor_list li:last-child {
	margin-right:0 !important;
}
.anchor_list {
    margin: 0 auto;
    width: 510px;
}
.dotbox_a {
	margin-bottom:20px;
}
.dotbox_a > li {
    margin-top: 5px;
    padding-left: 10px;
}
.voicemail_list li {
    margin: 0 0 10px;
}

div.pageup {
    text-align: right;
	margin-top:10px;
}
.cautionBox_a {
    padding: .5em .75em;
	border: 3px double #FF0000;
}

.cautionBox_a h4 {
	color: #FF0000;
}

/* END [音声オプション（タイプA）] */	
	
}


/* [音声オプション（タイプD）] 
============================================*/
/*----------------
[tablet][PC]
-------------------*/
@media screen and (min-width: 641px) {
#content_body{
	width:100%;
	max-width:960px;
	margin-right:auto;
	margin-left:auto;
}

.vop_title{
	text-align:center;
	font-size: 20px;
}
.toTypea {
	text-align:center;
	margin: 10px auto;
}

.vop_actionbox{
	text-align:right;
	padding:20px 0;
}
.anchor_list.typed{
	width:640px;
  display:-webkit-box;/*--- Android---*/
  display:-ms-flexbox;/*--- IE10 ---*/
  display:-webkit-flex;/*--- safari（PC） ---*/
  display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.anchor_list.typed li{
	float:none;
	margin-right:20px;
	margin-bottom:10px;
}

.voicemail_list.typed li{
	margin-bottom:10px;
}

.vop_actionbox input{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:3px 15px;
	cursor:pointer;
	background: #e2e2e2;
	border:1px solid #D7D7D7;
	border-radius:5px;
	-webkit-appearance:none;
}
/*---*/
.readBox{
	margin-bottom:30px;
}
.readBox.list{
	margin-left:15px;
}
.readBox.list li{
	list-style-type:disc;
	list-style-position:outside;
	margin-left:1em;
	margin-bottom:5px;
}
.units.typed{
	margin:20px 0;
}
.units.typed .figurebox{
	float:left;
	width:300px;
	margin-right:3%;
}
.units.typed .step{
	float:left;
	margin-right:10px;
}
.units.typed .num{
	margin-bottom:10px;
}
.v-notice{
	padding-left:100px;
}
.guide{
	overflow:hidden;
	border:1px dotted #6d6ca4;
	padding:20px;
	margin-bottom:20px;
}
.guide span{
	display:inline-block;
	color:#6d6ca4;
	font-weight: bold;
	margin-bottom:5px;
}
.bodytxt,
.guide .bodytxt{
	margin-bottom:5px;
}
.guide-title{
	font-weight: bold;
}
.guide_list{
	margin-top:10px;
  display:-webkit-box;/*--- Android---*/
  display:-ms-flexbox;/*--- IE10 ---*/
  display:-webkit-flex;/*--- safari（PC） ---*/
  display:flex;
	flex-wrap:wrap;
}
.guide_list li{
	width:50%;
	margin-bottom:20px;
}
.guide_list li .voiceopt_num{
	margin-right:5px;
}

.bdb_01{
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px dotted #6d6ca4;
}
.ml_step{
	margin-left:100px;
}

}
/*-----------------
[SP]
-------------------*/
@media screen and (max-width: 640px) {
#content_body{
	width:96%;
	margin-right:auto;
	margin-left:auto;
}
#pagetop{
	width:100px;
}
.fa-chevron-right,
.fa-chevron-circle-down { color:#e7198c; }
.anchor_list.clearfix a { color:#777777; }

.vop_title{
	text-align:center;
	font-size: 16px;
	margin:3% 0;
}
.toTypea {
	text-align:center;
	margin: 10px auto;
}
.pageup{
	text-align:right;
	margin-bottom:20px;
}
.vop_actionbox{
	text-align:right;
	padding:20px 0;
}
.anchor_list.typed{
	width:100%;
  display:-webkit-box;/*--- Android---*/
  display:-ms-flexbox;/*--- IE10 ---*/
  display:-webkit-flex;/*--- safari（PC） ---*/
  display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.anchor_list.typed li{
	float:none;
	margin-right:10px;
	margin-bottom:5px;
}
.voicemail_list.typed{
	margin-bottom:20px;
}
.voicemail_list.typed li{
	margin-bottom:5px;
}

.vop_actionbox input{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:3px 15px;
	cursor:pointer;
	background: #e2e2e2;
	border:1px solid #D7D7D7;
	border-radius:5px;
	-webkit-appearance:none;
}
/*---*/
.subtitle {
  background-image: url("/hdd/img/service-voice-h2-title.jpg");
  background-position: left center;
  background-repeat: no-repeat;
  color: #303030;
  font-size: 1.3em;
  padding: 10px 0 10px 20px;
}

.subtitle2 {
  font-size: 1em;
  color: #504f95;
  margin: 0;
  padding: 8px 10px;
  background: #E6EAF6;
}
.readBox{
	margin-bottom:30px;
}
.readBox.list{
	margin-left:15px;
}
.readBox.list li{
	list-style-type:disc;
	list-style-position:outside;
	margin-left:1em;
	margin-bottom:5px;
}
.units.typed{
	margin:20px 0;
}
.units.typed .figurebox{
	width:100%;
	margin-bottom:3%;
}
.units.typed .step{
	margin-bottom:5px;
}
.units.typed .num{
	margin-bottom:10px;
}
.v-notice{
}
.guide{
	border:1px dotted #6d6ca4;
	padding:10px;
	margin-bottom:10px;
}
.guide span{
	display:inline-block;
	color:#6d6ca4;
	font-weight: bold;
	margin-bottom:5px;
}
.bodytxt,
.guide .bodytxt{
	font-size: 12px;
	margin-bottom:5px;
}
.guide-title{
	font-weight: bold;
}
.guide_list{
	margin:10px 0 10px 15px;
}
.guide_list li{
	margin-bottom:10px;
}
.guide_list li .voiceopt_num{
	margin-right:5px;
}
.units.typed .ml_10{
	margin-left:1em;
}
.bdb_01{
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px dotted #6d6ca4;
}
.ml_step{
}

#v_img_05{
  max-width:300px;
}

}

@media only print {
#content_body{
	width:100%;
	max-width:960px;
	margin-right:auto;
	margin-left:auto;
}

.vop_title{
	text-align:center;
	font-size: 20px;
}
.toTypea {
	text-align:center;
	margin: 10px auto;
}

.vop_actionbox{
	text-align:right;
	padding:20px 0;
}
.anchor_list.typed{
	width:640px;
  display:-webkit-box;/*--- Android---*/
  display:-ms-flexbox;/*--- IE10 ---*/
  display:-webkit-flex;/*--- safari（PC） ---*/
  display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.anchor_list.typed li{
	float:none;
	margin-right:20px;
	margin-bottom:10px;
}

.voicemail_list.typed li{
	margin-bottom:10px;
}

.vop_actionbox input{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:3px 15px;
	cursor:pointer;
	background: #e2e2e2;
	border:1px solid #D7D7D7;
	border-radius:5px;
	-webkit-appearance:none;
}
/*---*/
.readBox{
	margin-bottom:30px;
}
.readBox.list{
	margin-left:15px;
}
.readBox.list li{
	list-style-type:disc;
	list-style-position:outside;
	margin-left:1em;
	margin-bottom:5px;
}
.units.typed{
	margin:20px 0;
}
.units.typed .figurebox{
	float:left;
	width:45%;
	margin-right:3%;
}
.units.typed .step{
	float:left;
	margin-right:10px;
}
.units.typed .num{
	margin-bottom:10px;
}
.v-notice{
	padding-left:100px;
}
.guide{
	overflow:hidden;
	border:1px dotted #6d6ca4;
	padding:20px;
	margin-bottom:20px;
}
.guide span{
	display:inline-block;
	color:#6d6ca4;
	font-weight: bold;
	margin-bottom:5px;
}
.bodytxt,
.guide .bodytxt{
	margin-bottom:5px;
}
.guide-title{
	font-weight: bold;
}
.guide_list{
	margin-top:10px;
  display:-webkit-box;/*--- Android---*/
  display:-ms-flexbox;/*--- IE10 ---*/
  display:-webkit-flex;/*--- safari（PC） ---*/
  display:flex;
	flex-wrap:wrap;
}
.guide_list li{
	width:50%;
	margin-bottom:20px;
}
.guide_list li .voiceopt_num{
	margin-right:5px;
}

.bdb_01{
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px dotted #6d6ca4;
}
.ml_step{
	margin-left:100px;
}
.smp{
	display:none;
}
}