@charset "UTF-8";
.header-global-nav-wrap .global-nav-item:nth-child(1)>.global-nav-item-button{color:#14a83b;text-decoration:none}
.header-global-nav-wrap .global-nav-item:nth-child(1)>.global-nav-item-button:after,.header-global-nav-wrap .global-nav-item:nth-child(1)>.global-nav-item-button:before{width:13px}
body#mio_index #mio-about-001{margin-top:2px;padding-bottom:7px}
body#mio_index #mio-about-001 p{margin-top:0}
body#mio_index .wrap{position:relative}
body#mio_index #area-sub{margin-top:50px}
body#mio_index .mio-main{position:relative;text-align:center;background:#fff url(/profile/mio/img/index_main_bg.jpg) 0 0 no-repeat;padding:23px 0 16px;border:2px solid #fe7532;border-radius:10px;margin-bottom:27px}
body#mio_index .mio-main-ttl{margin-bottom:16px}
body#mio_index .mio-main-txt-01{margin-bottom:15px}
body#mio_index .mio-main-btn{position:absolute;top:11px;right:150px}
body#mio_index .mio-detail-block-01{text-align:center;margin-bottom:9px}
body#mio_index .mio-detail-block-01>p{display:inline-block;vertical-align:top;letter-spacing:-.4em}
body#mio_index .mio-detail-block-01>p:first-child{margin-right:10px}
body#mio_index .mio-detail-block-02{width:402px;float:left;position:relative}
body#mio_index .mio-detail-block-02 .mio-detail-wrap{-webkit-box-sizing:border-box;box-sizing:border-box;width:379px;padding:9px 0 10px;background-color:#fff;border:1px solid #ff6920;border-radius:5px;margin-left:15px}
body#mio_index .mio-detail-block-02 .mio-detail-txt03{text-align:center;padding-bottom:10px;background:transparent url(/profile/mio/img/index_detail_line.png) center bottom no-repeat;margin-bottom:10px}
body#mio_index .mio-detail-block-02 .mio-detail-txt04{margin-left:87px;margin-bottom:10px}
body#mio_index .mio-detail-block-02 .mio-detail-txt05{position:absolute;top:-7px;left:0;z-index:1}
body#mio_index .mio-detail-block-02 .mio-detail-txt06{position:absolute;top:28px;right:0;z-index:1}
body#mio_index .mio-detail-block-02 .mio-detail-btn{text-align:center}
body#mio_index .mio-detail-block-02 .mio-detail-btn a:hover{opacity:.7}
body#mio_index .mio-detail-block-03{width:317px;float:right;padding-top:5px;padding-right:10px}
body#mio_index .mio-detail-block-03 .mio-detail-qrbox{margin-bottom:7px}
body#mio_index .mio-detail-block-03 .mio-detail-txt07{margin-bottom:9px}
body#mio_index .mio-detail-block-03 .mio-detail-txt08{margin-bottom:5px}
body#mio_index .mio-detail-block-03 .mio-detail-qr{float:right;padding-top:6px}
body#mio_index .h2-02+.ul-02{margin-top:1.171em}
body#mio_index .ul-02+.emphasis-04{margin-top:1.471em}
body#mio_index .emphasis-04 .note-01{margin-top:.431em}
body#mio_index .emphasis-04 .barcode,body#mio_index .emphasis-04 .url{margin-top:0}
body#mio_index #section-magazines{margin-top:1.871em}
body#mio_index #section-magazines>ul>li{margin-top:1.871em}
body#mio_index #section-magazines>ul>li:first-child{margin-top:0}
body#mio_index #section-magazines>ul>li:after{content:".";clear:both;height:0;display:block;visibility:hidden;font-size:0}
body#mio_index #section-magazines .lead,body#mio_index #section-magazines .lead+.ul-02{margin-top:.471em}
body#mio_index #section-magazines .views,body#mio_index #section-magazines .viewsLabel,body#mio_index #section-magazines .viewsLabel+.section .h4-02{margin-top:1.171em}
body#mio_index #section-magazines .views{margin-bottom:-10px}
body#mio_index #section-magazines .h4-02+.views,body#mio_index #section-magazines .h4-02+.views+.viewsLabel{margin-top:.871em}
body#mio_index #section-magazines .viewsLabel+.views{margin-top:.471em}
body#mio_index #section-magazines .views .button-02{margin-top:0;margin:0 6px 10px 0;vertical-align:middle}
body#mio_index #section-magazines .usage{margin-top:.431em}
body#mio_index #section-magazines .section+.usage{margin-top:1.871em}
body#mio_index .ul-02 li .ul-001{margin-top:.471em}
body#mio_index .ul-02 li .ul-001 li:before{content:'＊ ';display:inline;padding-right:.2em;color:#402b00}
body#mio_index .ul-02 li .ul-001 li{text-indent:-2em;margin-top:0;padding-left:2em}
body#mio_index #section-magazines .views-02{padding-top:10px;width:142px}
body#mio_index #section-magazines .views-02 .button-02{display:block;margin-bottom:8px}
body#mio_index #section-magazines .views-02 .button-02 a{min-width:116px;padding:4px 10px 3px}
body#mio_index #section-magazines .plus .magazine01{float:left;width:390px}
body#mio_index #section-magazines .plus .magazine02{float:right;width:333px}
body#mio_index #section-magazines .plus .magazine02 ul{margin-top:.471em}
body#mio_index #section-magazines .plus .magazine02 ul li{float:left;width:99px;margin-left:18px;text-align:center}
body#mio_index #section-magazines .plus .magazine02 ul li:first-child{margin-left:0}
body#mio_index #section-magazines .plus .magazine02 ul li .image-01{margin:5px 0}
body#mio_index #section-magazines .plus .magazine02 ul li a.pdf-01 .pdfIcon{margin-right:0}
body#mio_index #section-magazines .plus .magazine02 ul.ebook_link li{width:102px;margin-left:13px}
body#mio_index #section-magazines .plus .magazine02 ul.ebook_link li:first-child{margin-left:0}
body#mio_index #section-magazines .plus .magazine02 ul.ebook_link li a.link-01{padding-left:7px}
body#mio_index #section-magazines .plus .magazine02 ul.ebook_link li a.blank-01 .blankIcon{margin-left:1px}
body#mio_index #section-magazines #sp-view-mio-wrap{padding-bottom:22px;text-align:center}
body#mio_index #section-magazines #sp-view-mio-wrap dl{background-color:#fff;border:2px solid #bab4a4;border-radius:14px;display:inline-block;letter-spacing:-.4em;margin-top:1px;padding:1.5em 40px}
body#mio_index #section-magazines #sp-view-mio-wrap dl dd,body#mio_index #section-magazines #sp-view-mio-wrap dl dt{display:inline;font-size:171.5%;letter-spacing:normal}
body#mio_index .main-visual-under .page-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
body#mio_index .main-visual-under .page-title span:nth-of-type(1),body#mio_index .main-visual-under .page-title span:nth-of-type(3){display:block;margin-right:10px;padding-top:5px}
body#mio_index .main-visual-under .page-title span:nth-of-type(2),body#mio_index .main-visual-under .page-title span:nth-of-type(4){font-size:0;line-height:0}
body#mio_index .areaGroup .button-arw-link{font-size:1em;text-decoration:none;padding:0 20px}
body#mio_index .areaGroup .button-arw-link span{padding:0 70px}
body#mio_index #mio-about-001{padding-bottom:24px}
body#mio_index .mio-main{background:0 0;padding:0;border:none}
body#mio_index .mio-detail{text-align:center}
body#mio_index .mio-detail>p:nth-of-type(1){line-height:2;margin-bottom:20px}
body#mio_index .mio-detail>p:nth-of-type(1) b{color:#14a83b}
body#mio_index .mio-detail .button-primary{padding-top:10px;padding-bottom:10px}
body#mio_index .mio-detail .button-primary .arr-circle{width:26px;height:26px}
body#mio_index .hr-03{background:#dadada none;height:1px}
body#mio_index #section-magazines .button-02{display:inline-block;text-align:center;padding:0;background-color:transparent;border-radius:0}
body#mio_index #section-magazines .button-02 a{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;padding:0 10px;display:block;border:1px solid #dadada;border-radius:0;background-color:#fff;background:0 0;text-align:center;color:#333!important;text-decoration:none;position:relative;overflow:hidden;z-index:2}
body#mio_index #section-magazines .button-02 a::before{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
body#mio_index #section-magazines .button-02 a::before{content:"";z-index:-1;position:absolute;width:100%;height:100%;top:0;left:-100%;background-color:#14a83b}
body#mio_index #section-magazines .views-02 .button-02 a{padding:0 10px}
body#mio_index #section-magazines .views-02 li{margin-bottom:8px}
body#mio_index #section-magazines .views-02 li:last-child{margin-bottom:0}
body#mio_index #section-magazines .button-02 a:hover{background-color:transparent;border:1px solid #0fb93f;color:#fff!important}
body#mio_index #section-magazines .button-02 a span{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;background:url(/shared/img/arrow_08_right_14a83b.png) right center no-repeat;-webkit-background-size:20px 20px;background-size:20px 20px;padding:7px 28px 7px 0;display:block!important;font-weight:700;text-align:left}
body#mio_index #section-magazines .button-02 a:hover span{background:url(/shared/img/arrow_08_right_14a83b_ov.png) right center no-repeat;-webkit-background-size:20px 20px;background-size:20px 20px}
body#mio_index #section-magazines .button-02 a img{display:none!important}
body#mio_index #section-magazines .button-02 a:hover:before{left:0}