body {font-family : Arial, san-serif, Helvetica; line-height : 1; margin : 0; padding-top : 50px!important;background : #fff!important; }
body {font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;}
body.simple { padding-top : 0!important; }
h1 , h2 , h3 , h4 , h5 , h6 , p {font-weight : normal; margin : 0; }
article , aside , details , figcaption , figure , footer , header , hgroup , menu , nav , section { display : block; }
hr { display : block; height : 1px; margin : 0; padding : 0;border : 0; border-top : 1px solid #ccc; }
ul {margin : 0;padding : 0; list-style : none; }
li {margin : 0; padding : 0; }
dl , dd { margin : 0; }
input , select { vertical-align : middle; }
article { width : 300px; margin : 0 auto; }
a { -webkit-tap-highlight-color : rgba(0, 0, 0, 0.3)!important; }
.is-hidden { display : none !important; visibility : hidden; }
.ir { overflow : hidden; border : 0; background-color : transparent; *text-indent : -9999px; }
.ir::before { display : block; width : 0; height : 150%; content : ''; }
.clearfix::before , .clearfix::after { display : table; content : ' '; }
.clearfix::after { clear : both; }
.clearfix { *zoom : 1; }
.main { width : 320px; margin : 0 auto; }
.triangle { position : relative; padding-left : 10px; color : #004aaa; }
.triangle:before { position : absolute; top : 50%; left : 0; display : block; float : left; width : 0; height : 0; margin-top : -3.5px; content : '';border-width : 3.5px 0 3.5px 4px; border-style : solid; border-color : transparent transparent transparent #666; }
.arrow { position : relative; }
.arrow:after { position : absolute; top : 50%; right : 15px; display : block; width : 6px; height : 6px; margin-top : -5px; content : '';-webkit-transform : rotate(45deg); transform : rotate(45deg); border-top : 2px solid #9b9b9b; border-right : 2px solid #9b9b9b; }
.horizon-line { display : block; width : 221px; height : 6px !important; margin : 30px auto 24px; border : 0; background : url(/themes/custom/hoya/images/rn2024/sp/horizon-line.png); -webkit-background-size : 221px 6px; background-size : 221px 6px; }
.dashed-line {width : 100%; height : 1px; margin : 15px auto; border : 0; border-bottom : 1px dashed #ccc; }
.other-contents {width : 300px; padding : 20px 10px; background : #f5f5f5; }
.banner-shop-search {width : 300px; height : 80px; margin : 0 auto 15px; background : url(/sp/images/global/banner/banner-shop-search.png); -webkit-background-size : 300px 80px; background-size : 300px 80px; }
.banner-recommend {width : 300px; height : 150px; margin : 0 auto 15px; background : url(/sp/images/global/banner/banner-recommend.png); -webkit-background-size : 300px 150px; background-size : 300px 150px; }
.banner-friend { text-align: center; }
.banner-eco {width : 300px; height : 85px; margin : 0 auto 10px; background : url(/sp/images/global/banner/banner-eco.png); -webkit-background-size : 300px 85px; background-size : 300px 85px; }
.banner-kikimimi {width : 300px; height : 85px; margin : 0 auto 10px; background : url(/sp/images/global/banner/banner-kikimimi01.png); -webkit-background-size : 300px 85px; background-size : 300px 85px; }
.banner-line {width : 300px; height : 85px; margin : 0 auto 10px; background : url(/sp/images/global/banner/banner-line.png); -webkit-background-size : 300px 85px; background-size : 300px 85px; }
.banner-linelp {width : 300px; height : 85px; margin : 0 auto 10px; background : url(/sp/images/global/banner/banner-line-01.png); -webkit-background-size : 300px 85px; background-size : 300px 85px; }
.banner-app {width : 300px; height : 110px; margin : 0 auto; background : url(/sp/images/global/banner/banner-app.png); -webkit-background-size : 300px 110px; background-size : 300px 110px; }
.banner-poket {width : 300px; height : 85px; margin : 0 auto 10px; background : url(/sp/images/global/banner/bnr_app.png); -webkit-background-size : 300px 85px; background-size : 300px 85px; }
.banner-matome {width : 280px; height : 347px; margin : 15px auto; }
.banner-hatsutoku {width : 280px; height : 246px; margin : 15px auto; }
.banner-freshlook {width : 280px; height : 230px; margin : 15px auto; -webkit-background-size : 280px 230px; background-size : 280px 230px; }
.banner-tmember {width : 300px; height : 60px; margin : 15px auto; background : url(/sp/images/global/banner/bnr_tmember.png); -webkit-background-size : 300px 60px; background-size : 300px 60px; }
.tab-index li { position : relative; float : left; width : 149px; height : 45px; color : #0149ab; background : #e4f5fc; -webkit-tap-highlight-color : rgba(0, 0, 0, 0.3); }
.tab-index .is-select {color : #fff; background : #009ce6; }
.tab-index li:first-child { margin-right : 4px; }
.tab-index h2:first-line { font-size : 11px; }
.tab-index h2 {font-size : 13px;line-height : 1.5; position : absolute; top : 50%; width : 100%; margin-top : -16.8px; text-align : center; }
.tab-index .is-select h2::after { position : absolute; left : 50%; display : block; width : 0px; height : 0px; margin-top : 6px; margin-left : -10px; content : '';border-width : 10px 10px 0 10px; border-style : solid; border-color : #009ce6 transparent transparent transparent; }
.tab-wrap {font-size : 11px; display : none !important; float : left; -webkit-box-sizing : border-box; box-sizing : border-box; width : 300px; padding : 0 10px 10px 10px; border : 2px solid #009ce6; }
.tab-wrap hr { margin-bottom : 15px; }
.tab-wrap.is-select { display : block !important; }
.header a:link , .header a:visited , .header a:hover , .header a:active { display : block; text-decoration : none;color : inherit; border : 0; outline : none; }
.head-menu-list a:link , .head-menu-list a:visited , .head-menu-list a:hover , .head-menu-list a:active { display : block; text-decoration : none;color : inherit; border : 0; outline : none; }
.header nav { position : fixed!important; z-index : 50!important;top : 0!important; left : 0!important; width : 100%!important; border-bottom : 1px solid #c7c7c7!important; }
.head-nav { width : 320px; height : 50px; margin : 0 auto; }
.head-nav a { height : 50px!important; }
.head-nav > li {font-size : 10px; font-weight : bold; position : relative; float : left; -webkit-box-sizing : border-box; box-sizing : border-box; width : 80px; height : 50px; text-align : center; border-right : 1px solid #c7c7c7; background : rgba(255, 255, 255, .8); box-shadow : 0 1px 1px #c7c7c7; }
.head-nav > li:last-child { border : none; }
.head-nav > li a:before { position : absolute; left : 50%; display : block; content : '';background-image : url(/themes/custom/hoya/images/rn2024/sp/material.png); -webkit-background-size : 363px 252px; background-size : 363px 252px; }
@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .head-nav>li a:before {
    background-image: url(/themes/custom/hoya/images/rn2024/sp/material_2x.png);
  }
}
.head-menu a:before { top : 10px; width : 20px; height : 15px;margin-left : -10px; }
.head-coupon a:before { top : 7px; width : 25px; height : 21px; margin-left : -12px; background-position : -21px 0; }
.head-shop-search a:before { top : 6px; width : 37px; height : 22px; margin-left : -14px; background-position : -46px 0; }
.head-login a:before { top : 10px; width : 19px; height : 17px; margin-left : -8px; background-position : -83px 0; }
.head-nav > li a { display : block; -webkit-box-sizing : border-box; box-sizing : border-box; padding-top : 36px; }
.head-menu-list { position : absolute; z-index : 200; top : 0; left : 50%; width : 290px; margin-top : 30px; margin-left : -145px; border : 2px solid #009ce7; }
.head-menu-list-head {font-size : 14px; line-height : 45px; position : relative; width : 290px;height : 45px; color : #009ce5; border-bottom : 2px solid #009ce7; background : url(/themes/custom/hoya/images/rn2024/sp/head-menu-title.png) #eff9fd; -webkit-background-size : 290px 45px; background-size : 290px 45px; }
.head-menu-list ul { display : block; float : left; -webkit-box-sizing : border-box; box-sizing : border-box; width : 50%; }
.head-menu-list ul + ul { border-left : 1px solid #88c9f1; }
.head-menu-list li {font-size : 12px; font-weight : bold;line-height : 45px; -webkit-box-sizing : border-box; box-sizing : border-box; height : 45px; padding-left : 10px; color : #004aaa; border-bottom : 1px solid #88c9f1; background : #fff; }
.js-menu-close-button {font-size : 12px; line-height : 40px; position : absolute; cursor : pointer;text-align : right; color : #3e638d; }
.head-menu-list-head .js-menu-close-button { top : 10px; right : 30px; }
.head-menu-list-foot .js-menu-close-button { right : 0; bottom : -40px; padding-right : 30px;color : #fff; }
.head-menu-list-foot .js-menu-close-button .cross { top : 10px; right : 0; }
.js-menu-close-button .cross { position : absolute; display : block; float : left; width : 20px; height : 20px; -webkit-border-radius : 50%; border-radius : 50%; background : #009ce5; }
.js-menu-close-button .cross:before , .js-menu-close-button .cross:after { position : absolute; top : 9px; left : 4.5px; display : block; width : 11px; height : 2px; content : '';background : #fff; }
.js-menu-close-button .cross:before { -webkit-transform : rotate(45deg); transform : rotate(45deg); }
.js-menu-close-button .cross:after { -webkit-transform : rotate(-45deg); transform : rotate(-45deg); }
.js-menu-close-button .cross.light { background : #fff; }
.js-menu-close-button .cross.light:before , .js-menu-close-button .cross.light:after { background : #009ce5; }
.head-menu-list-foot { position : relative; background : #fff; }
.contact { padding : 20px; }
.contact-phone {font-size : 12px; position : relative; margin : 0 0 15px 30px; padding-left : 20px; }
.contact-phone:before { position : absolute; top : 0; left : 0; display : block; width : 13px; height : 14px; content : '';background : url(/themes/custom/hoya/images/rn2024/sp/material.png) 0 -36px; -webkit-background-size : 363px 252px; background-size : 363px 252px; }
@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .contact-phone:before {
    background-image: url(/themes/custom/hoya/images/rn2024/sp/material_2x.png);
  }
}
.contact-freedial_navi { width : 250px; height : 23px; margin: 0 auto 15px; background : url(/themes/custom/hoya/images/rn2024/sp/contact-freedial_navi.png) no-repeat; -webkit-background-size : 100%; background-size : 100%; }
.contact-freedial { width : 200px; height : 25px; margin: 0 auto 8px; background : url(/themes/custom/hoya/images/rn2024/sp/contact-freedial202104.png) no-repeat; -webkit-background-size : 100%; background-size : 100%; }
.contact-freedialcp { width : 200px; height : 25px; margin: 0 auto 8px; background : url(/themes/custom/hoya/images/rn2024/sp/contact-freedial202104_2.png) no-repeat; -webkit-background-size : 100%; background-size : 100%; }
.tel_info { font-size: 12px; text-align: center; margin-bottom: 5px; line-height: 1.4;}
.contact-web {line-height : 45px; position : relative; height : 45px; padding-left : 30px; background : #009ce6; }
.contact-web .triangle {font-size : 14px; color : #fff; }
.contact-web .triangle:before { border-left-color : #fff; }
.contact-fc { margin: 15px 0; padding-left: 30px; text-align : center; }
.contact-fc .triangle {font-size : 12px; color : #000; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .contact-fc .triangle:before { border-left-color : #666; }
.iq-ttl01 {    padding-bottom: 8px; margin-bottom:16px;font-weight:bold;font-size:14px;
    background: url(/pc/images/top/common/common_bg_01.png) repeat-x bottom left;}
.iq-ttl01 + p {margin-bottom:10px;font-size:14px;}
.iq-blueBtn01 {line-height : 45px; position : relative; height : 45px; background : #009ce6; display:inline-block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;}
.iq-blueBtn01 .triangle { position : relative; padding-left : 10px;font-size : 14px; color : #fff; display: inline-block;}
.iq-blueBtn01 .triangle:before { position : absolute; top : 50%; left : 0; display : block; float : left; width : 0; height : 0; margin-top : -3.5px; content : '';border-width : 3.5px 0 3.5px 4px; border-style : solid; border-color : transparent transparent transparent #666; }
.iq-blueBtn01 .triangle:before { border-left-color : #fff; }
.iq-blueBtn01:hover{opacity:0.7;text-decoration: none;}
.head-menu-member {font-size : 14px; padding : 20px 20px 0;text-align : center; color : #004aaa; border-top : 1px solid #92c7e8; }
.head-menu-list-login { padding : 15px 20px; }
.head-menu-list-login-button {font-size : 12px; line-height : 45px; position : relative; height : 45px; padding-left : 115px; color : #004aaa; background : #e5f5fc; }
.head-menu-list-login-button:before { position : absolute; top : 50%; left : 90px; display : block; width : 15px; height : 13px; margin-top : -8px; content : '';background : url(/themes/custom/hoya/images/rn2024/sp/material.png) -14px -23px; -webkit-background-size : 363px 252px; background-size : 363px 252px; }
@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .head-menu-list-login-button:before {
    background-image: url(/themes/custom/hoya/images/rn2024/sp/material_2x.png);
  }
}
.head-menu-JoinMember {font-size : 12px; padding : 0 20px 20px; text-align : center; color : #004aaa; border-bottom : 1px solid #92c7e8; }
.head-menu-recruit {width : 250px; margin : 0 auto; padding : 20px 0; }
.menu-notice { font-size : 14px; padding : 0 10px 10px 10px; }
.menu-notice dl > * { margin : 0; }
.menu-notice dt {font-weight : normal;padding : 0; color : #c00; background : none; }
.js-menu-background { position : absolute; z-index : 99; top : 0; left : 0; width : 100%; height : 100%; background : rgba(0, 0, 0, 0.7); }
.head-logo { text-align : center; border-bottom : 1px solid #ccc; }
.head-logo img { vertical-align : bottom; }
.top-head-bnr { margin-top : 50px; margin-bottom : -50px; }
.top-head-bnr img , .detail-head-bnr img { width : 100%; vertical-align : bottom; }
.detail-head-bnr.fix-header { padding:0 0 60px;}
.detail-head-bnr.fix-header p { position:fixed;margin:0 auto;display:inline-block;z-index:50;}
.footer {overflow : hidden; background : #fff; }
.footer-inner { padding : 20px 0; background : #e5f5fc; }
.foot-menu-list {font-weight : bold; border-top : 1px solid #d9d9d9; }
.foot-menu-list li {line-height : 45px;height : 45px; padding : 0 15px; border-bottom : 1px solid #d9d9d9; background : #fff; }
.foot-menu-list a { display : block; }
.footer .contact { margin : 0 15px 5px; background : #fff; }
.footer-support-wrap { padding : 0 15px; }
.footer-support-wrap p {font-size : 12px; font-weight : bold; line-height : 45px; position : relative; -webkit-box-sizing : border-box; box-sizing : border-box; height : 45px; margin-bottom : 5px; padding-left : 50px; background : #fff; }
.footer-support:before { position : absolute; top : 50%; left : 15px; display : block; width : 23px; height : 20px; margin-top : -9px; content : '';background : url(/themes/custom/hoya/images/rn2024/sp/material.png) 0 -50px; -webkit-background-size : 363px 252px; background-size : 363px 252px; }
@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .footer-support:before {
    background-image: url(/themes/custom/hoya/images/rn2024/sp/material_2x.png);
  }
}
.footer-faq:before { position : absolute; top : 50%; left : 15px; display : block; width : 22px; height : 20px; margin-top : -10px; content : '';background : url(/themes/custom/hoya/images/rn2024/sp/material.png) -24px -50px; -webkit-background-size : 363px 252px; background-size : 363px 252px; }
@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .footer-faq:before {
    background-image: url(/themes/custom/hoya/images/rn2024/sp/material_2x.png);
  }
}
.footer-after:before { position : absolute; top : 50%; left : 15px; display : block; width : 23px; height : 24px; margin-top : -11px; content : '';background : url(/themes/custom/hoya/images/rn2024/sp/material.png) -47px -50px; -webkit-background-size : 363px 252px; background-size : 363px 252px; }
@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .footer-after:before {
    background-image: url(/themes/custom/hoya/images/rn2024/sp/material_2x.png);
  }
}
.footer-support-wrap .eyehealth {line-height : 1.5;height : 60px; padding : 10px 0 0 50px; }
.footer-support-wrap .footer-attention {line-height : 1.5;height : 60px; padding : 10px 0 0 60px; }
.footer-attention:before { position : absolute; top : 50%; left : 16px; display : block; width : 29px; height : 30px; margin-top : -15px; content : '';background : url(/themes/custom/hoya/images/rn2024/sp/material.png) -71px -50px; -webkit-background-size : 363px 252px; background-size : 363px 252px; }
@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .footer-attention:before {
    background-image: url(/themes/custom/hoya/images/rn2024/sp/material_2x.png);
  }
}
.announce-area {font-size : 12px; margin : 15px 10px 5px; padding : 15px; border : 1px solid #ccc; background : #fff; }
.announce-area p + p { margin-top : 10px; }
.announce-area a {font-size : 11px; color : #004aaa; }
.association {font-size : 12px; margin : 15px 10px 5px; padding : 15px; border : 1px solid #ccc; background : #fff; }
.association hr { margin : 15px 0; }
.association p + p { margin-top : 10px; }
.association a {font-size : 11px; color : #004aaa; display: block; }
.footer .movie {width : 300px; margin : 20px auto 10px; padding : 0; }
.share-buttons-wrap { width : 100%; border-top : 1px solid #d9d9d9; }
.share-buttons {width : 320px; margin : 0 auto; padding-top : 20px; text-align : center; }
.share-buttons-inner { padding-bottom : 20px; }
.share-buttons-inner p { padding-right : 20px; }
.share-buttons p , .share-buttons a { display : inline; }
.share-buttons .line img { margin-top : -6px; }
.share-buttons .fb_iframe_widget { display : inline !important; }
.foot-top-wrap { border : 1px solid #ccc; border-width : 1px 0; }
.foot-top {font-size : 12px; font-weight : bold; line-height : 40px; position : relative; -webkit-box-sizing : border-box; box-sizing : border-box; width : 320px; height : 40px; margin : 0 auto; padding-left : 115px; text-align : left;color : #004aaa; }
.foot-top-wrap a { display : block; text-decoration : none;outline : none; }
.foot-top:before { position : absolute; top : 50%; left : 90px; display : block; width : 15px; height : 13px; margin-top : -7px; content : '';background : url(/themes/custom/hoya/images/rn2024/sp/material.png) -30px -23px; -webkit-background-size : 363px 252px; background-size : 363px 252px; }
@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .foot-top:before {
    background-image: url(/themes/custom/hoya/images/rn2024/sp/material_2x.png);
  }
}
.company-menu {width : 320px; margin : 10px auto; padding : 0; text-align : center; }
.company-menu li {font-size : 10px;line-height : 20px; display : inline; margin : 0; padding : 0 5px; border-left : 1px solid #ccc; }
.company-menu li:first-child { border-left : none; }
.company-menu li a { display : inline; color : inherit; }
.foot-logo {position : relative; width : 100%; height : 64px; background : #019be5 url(/themes/custom/hoya/images/rn2024/sp/foot-logo.png) right center no-repeat; -webkit-background-size : 256px 64px; background-size : 256px 64px; }
.foot-logo::before {position : absolute; left : 0; display : block; width : 64px; height : 64px; content : ''; background : url(/themes/custom/hoya/images/rn2024/sp/foot-logo-icon.png); -webkit-background-size : 64px 64px; background-size : 64px 64px; }
.copyright {font-size : 10px; line-height : 40px; display : block; height : 40px; text-align : center; color : #fff; background : #c6c6c6; }
.mekin_eyecity-shi_stlp{
	margin-top:10px;
	margin-bottom:10px;
}