@charset "UTF-8";
      .common_header{ margin: 0 0 60px 0;}
      .tag01 li{ display: inline-block; margin-right: 5px; border-radius: 20px; background: #fff; padding: 5px 15px; color:#005069; font-weight: 12px; border: 1px solid #CCCCCC;}
      .tag01 li.rank_01{ background: url(../UserImg/rank_icon.png)14px center no-repeat #fff; padding-left: 30px;}
      .detail_item_name01,.detail_item_name01 span{ color:#005069; font-weight: bold; font-size: 20px;}
      .detail_item_name02{color:#005069;}
.detail_item_name02 span{ font-size: 12px;}
      .detail_item_name03{ font-size: 17px; font-weight: bold;}
      .detail_item_name03 span{ font-size: 17px; font-weight: bold;}

      .top_item03{ width: 100%; background-size: cover !important; height:470px; display: block; position: relative; margin-top: 20px; background-color: #fff;}
      .top_item03 img.new{ position: absolute; top:-20px; right: 10px;}
      .bx-viewport{ height: 490px !important;}
      .bx-wrapper .bx-pager{ padding-top:40px !important;}
      .detail_contents01.col4.bgwhite{ background: #F8F8F8; padding: 30px; width: 35%;}
      .detail_contents01.col8{ width:51%; margin-right: 11%;}
      .detail_price{ font-size: 17px; font-weight: bold;}
      .detail_price span{ font-size: 12px;}
.detail_price #lblPrice_TypeB{ font-size: 17px; font-weight: bold;}
      .detail_txt01 p{ display: inline-block; text-decoration: underline; color:#005069; margin-right: 10px;}
      .detail_table01{ width: 100%;}
      .detail_table01 th{ font-weight: bold;}
      .detail_table01 th span{ font-weight: bold;}
      .detail_table01 *{ font-size: 12px; text-align: left;}
      .detail_table01 th,.detail_table01 td{ padding: 5px 0;}
      .detail_table01 td{ border-bottom: 1px solid #ACACAC; width: 110px; max-width: 100%;}
      .detail_table01 select{ width: 100%; border: none;}
      .detail_table02{ width: 100%;}
      .detail_table02 input{ width: 49px; padding: 5px; text-align: right; margin-right: 5px;}
      .detail_table02 td{ width: 110px; max-width: 100%;}
      .detail_table02 th,.detail_table02 td{ text-align: left; font-weight: bold;}
      .detail_table02 *{ font-size: 12px;}
      .btn01,.btn02{ display: block; padding: 10px; font-weight: bold;}
      .btn01 span{ font-weight: bold;}
      .btn01{ background: #005069; border: 1px solid #005069; color:#fff;}
      .btn01:hover{opacity:0.7;}
      .btn02{ background: #fff; border: 1px solid #ACACAC; color:#005069;}
      .btn02:hover{ background:#005069; border: 1px solid #005069; color:#fff;}
      .detail_item_title01{ font-size: 17px; font-weight: bold;}
      .detail_txt02{ font-size: 17px; color:#005069; font-weight: bold;}
      .detail_review{ border-top:1px solid #ACACAC; border-bottom: 1px solid #ACACAC; background: rgba(255,255,255,0.5); height: 300px; overflow-y: scroll;}
      .detail_review_inner{ padding: 20px; width: 100%;}
      .review_title{ display: inline-block; font-size: 13px; font-weight: bold; margin-right: 20px;}
      .review_name{ display: inline-block; font-size: 12px; color:#005069;}
      .review_name span{ font-weight: bold; font-size: 12px;}
      .detail_table03{ width: 100%; margin-bottom: 100px;}
      .detail_table03 th,.detail_table03 td{ font-size: 13px; text-align: left; vertical-align: top; padding:10px 15px; border: 1px solid #ACACAC;}
      .detail_table03 th{ width: 150px; max-width: 100%;}
      /*-- about --*/
      .top_item04{ width: 100%; background-size: cover !important; height:475px; display: block; position: relative; margin-top: 20px; background-color: #fff;}
      .top_item04 img.new{ position: absolute; top:-20px; right: 10px;}
      .about h2{ font-weight: bold; color:#005069; font-size: 20px;}
      .about h3{ font-weight: bold; color:#005069; font-size: 17px;}

      .about01{ display: inline-block; margin-bottom: 100px;}
      .youtube {position: relative;width: 100%;padding-top: 56.25%;}
      .youtube iframe {position: absolute;top: 0;right: 0;width: 100% !important; height: 100% !important;}
      .top_item05{ width: 100%; background-size: cover !important; height:220px; display: block; position: relative; background-color: #fff;}
      .about02-1{ width: 47%; float: left;margin-right:5%;display:inline;}
      .about02-2{ width: 46%; float: left;margin-right:2%;display:inline;}
      .about_sns a{ display: inline-block; color:#005069; border: 1px solid #005069; padding: 15px ; width: 224px; max-width: 100%; margin: 5px;}
      .about_sns a:hover{ background: #005069; color:#fff;}

      /*本店*/
      /*.header{ margin-bottom: 60px;}*/
      .detail_table01 select{ background: none;}
      .lineheight200{ line-height: 200%;}
      .lineheight180{ line-height: 180%;}
      .center_contents .about h1{ font-size: 26px; font-weight: bold; color:#005069;}
      /*privacy*/
      .center_contents .privacy h1{ font-size: 26px; font-weight: bold; color:#005069;}
      .center_contents .privacy h2{ font-size: 20px; font-weight: bold; color:#005069;}
      .center_contents .privacy h3{ font-size: 17px; font-weight: bold; color:#005069;}
      .borderbottom01{ border-bottom: 1px solid #ddd;}
      /*attention*/
      .center_contents .attention h1{ font-size: 26px; font-weight: bold; color:#005069;}
      .center_contents .attention h2{ font-size: 20px; font-weight: bold; color:#005069;}
      .center_contents .attention h3{ font-size: 17px; font-weight: bold; color:#005069;}
      .attention_table{ width: 100%;}
      .attention_table th,.attention_table td{ padding: 10px 15px; border: 1px solid #ddd;}
      .attention_table th{ background: #eee; text-align: left; vertical-align: middle; min-width: 150px;}
      .attention_table a{ text-decoration: underline; color:#005069;}
      .attention_table a:hover{ text-decoration: none;}
      /*contect*/
      .center_contents .contact h1{ font-size: 26px; font-weight: bold; color:#005069;}
      .center_contents .contact h2{ font-size: 20px; font-weight: bold; color:#005069;}
      .center_contents .contact h3{ font-size: 17px; font-weight: bold; color:#005069;}
      .contact_table{ width: 100%;}
      .contact_table th,.contact_table td{ padding: 10px 15px; border: 1px solid #ddd;}
      .contact_table th{ background: #eee; text-align: left; vertical-align: middle; min-width: 110px;}
      .contact_table th span{ display: inline-block; font-size: 11px; float: right; background: #f55; color:#fff; padding: 2px 5px;}
      .contact_table a{ text-decoration: underline; color:#005069;}
      .contact_table a:hover{ text-decoration: none;}
      .contact01 a{ color:#005069; text-decoration: underline;}
      .contact01 a:hover{ text-decoration: none;}
      .contact h3.tel{ font-size: 20px; background: url(../UserImg/tel_icon.png)left center no-repeat; padding-left: 20px; background-size: 16px;}
      .contact h3.tel a{ font-size: 20px; font-weight: bold; color:#005069;}
      .form_txt01{ border: 1px solid #aaa; padding: 5px; margin: 0 10px; width: 150px;}
      .form_txt02{ border: 1px solid #aaa; padding: 5px; width: 80px;}
      .form_txt03{ border: 1px solid #aaa; padding: 5px; width: 100%;}
      .form_txt04{ border: 1px solid #aaa; padding: 5px; width: 3.5em;}
      .btn03{ display: inline-block; width: 200px; text-align: center; padding: 10px; background:#005069; border-radius: 20px; color:#fff;}
      .btn03:hover{ opacity:0.7;}
      .addresssearch{ display: inline-block; padding: 8px 10px; background: #005069; color:#fff !important; font-size: 12px; text-decoration: none !important; position: relative; top:-2px;}
      .addresssearch:hover{ opacity:0.7;}
      .kiyaku_area{ padding: 20px; border: 1px solid #ddd; height: 200px; overflow-x: hidden;}
      /*login*/
      .center_contents .login h1{ font-size: 26px; font-weight: bold; color:#005069;}
      .center_contents .login h2{ font-size: 20px; font-weight: bold; color:#005069;}
      .center_contents .login h3{ font-size: 17px; font-weight: bold; color:#005069;}
      .login_table01{ width: 100%;}
      .login_table01 th,.login_table01 td{ padding: 5px;}
      .login_table01 td .input_txt{ width: 100%; padding: 5px; border: 1px solid #aaa;}
      .login_table01 th{ width: 100px;}
      .login01{ color:#005069; text-decoration: underline;}
      .login01:hover{ text-decoration: none;}
      .login_table02{ width: 100%; border: 1px solid #aaa;}
      .login_table02 th{ background: #005069; padding: 10px; color:#fff;}
      .login_table02 td{ padding: 10px;}
      .login_table02 td h4{ font-weight: bold; font-size: 18px;}
      .login_table02 *{ vertical-align: middle;}

      /*about*/
      .about_table01{ width: 100%;}
      .about_table01 th,.about_table01 td{ padding: 10px 15px; border: 1px solid #ddd; position: relative;}
      .about_table01 th{ vertical-align: middle; text-align: left; background: #eee;}
      .about_btn01{ display: inline-block; float: right; font-size: 11px; padding: 5px; min-width: 110px; text-align: center; border: 1px solid #ccc; color:#1B697D; font-weight: bold; border-radius: 20px;}
      .about_btn01:hover{ background: #1B697D; color:#fff;}
      .map iframe{ width: 100%; height: 300px;}
      /*faq*/
      .center_contents .faq h1{ font-size: 26px; font-weight: bold; color:#005069;}
      .center_contents .faq h2{ font-size: 20px; font-weight: bold; color:#005069;}
      .faq_btn02{ display: block; background: #005069; color:#fff; padding: 20px 10px; text-align: center; border-radius: 5px;}
      .faq_btn02:hover{ opacity: 0.7;}
      .question{ display: block; background:url(../UserImg/q_icon.png)10px 13px no-repeat #eee; padding: 15px 15px 15px 45px;cursor:pointer; background-size: 20px;}
      .question:hover{ background-color: #f5f5f5;}
      .question.active{ background-color: #ddd;}
      .answer{ display: none; padding:5px 15px 45px 45px; background:url(../UserImg/a_icon.png)10px 13px no-repeat; }
      .red{ color:#f55;}
      .pb20{ padding-bottom: 20px;}
      .sp_display_inlineb{ display: none !important;}
      /*mypage*/
      .center_contents .mypage h1{ font-size: 26px; font-weight: bold; color:#005069;}
      .center_contents .mypage h2{ font-size: 20px; font-weight: bold; color:#005069;}
      .mypage_table01{ width: 100%;}
      .mypage_table01 th,.mypage_table01 td{ border: 1px solid #aaa; padding: 10px;}
      .mypage_table01 th{ background: #eee; width: 250px;}
      .mb15{ margin-bottom: 15px;}
      /*voice*/
      .center_contents .voice h1{ font-size: 26px; font-weight: bold; color:#005069;}
      .center_contents .voice h2{ font-size: 20px; font-weight: bold; color:#005069;}
      .voice_table01{ width: 100%;}
      .voice_table01 th,.voice_table01 td{ border: 1px solid #aaa; padding: 10px;}
      .voice_table01 th{ background: #eee; vertical-align: middle; text-align: left; width: 150px;}
      .voice_table01 th span{ display: inline-block; font-size: 11px; float: right; background: #f55; color:#fff; padding: 2px 5px;}
      .voice .star *{color:#005069;}
      /*gift*/
      .center_contents .gift h1{ font-size: 26px; font-weight: bold; color:#005069;}
      .center_contents .gift h2{ font-size: 20px; font-weight: bold; color:#005069;}
      .gift_table01 *{ vertical-align: middle;}
      .gift_table01 th,.gift_table01 td{ padding: 5px;}
      .gift_table01 h3{ font-weight: bold; font-size: 18px;}
      .gift_table02{ width: 100%;}
      /*userguide*/
      .center_contents .userguide h1{ font-size: 26px; font-weight: bold; color:#005069;}
      .center_contents .userguide h2{ font-size: 20px; font-weight: bold; color:#005069;}
      .userguide_btn01{ display:block; padding: 20px 0; background: #eee; border: 1px solid #ddd; border-radius: 5px; color:#005069;}
      .userguide_btn01:hover{ background: #ddd;}
      .userguide_btn01:hover img{opacity:1;}
      .userguide_btn01 img{ height: 90px; margin-bottom: 10px;}
      .userguide_btn01 span{ display: block; text-align:center;}
      .userguide01 h3{ background: #eee; display: block; padding: 20px;}
      .userguide01 p{ display: block; padding: 20px;}
      .userguide01 .block{ display: block;}
      .userguide01 strong{ display: block; font-weight: bold; width: 100%; margin-bottom: 5px;}
      .userguide_table01{ width: 100%;}
      .userguide_table01 th,.userguide_table01 td{ border: 1px solid #aaa; padding: 10px;}
      .userguide_table01 th{ background: #005069; color:#fff;}
      .userguide_table02{ width: 100%;}
      .userguide_table02 th,.userguide_table02 td{ border: 1px solid #aaa; padding: 10px;}
      .userguide_table02 th{ background: #005069; color:#fff;}
      /*--sp------------------------------*/
      @media screen and (max-width: 719px)
      {
        .common_header{ margin: 0;}
        .detail .center_contents03 .col4{ width: 98%;}
        .detail .center_contents03 .col4 .top_item02{ margin-top: 10px;}
        .detail .center_contents04 .col6{ width: 98%;}
        .detail .center_contents04 .col6 .top_item01{ margin-top: 10px;}
        .detail .center_contents05 .col4{ width: 48%;}
        .detail .center_contents05 .col4 .top_item02{ height: 110px;}
        .box1{order:1;}
        .box2{order:2;}
        .box3{order:3;}
        .detail_contents01.col8,.detail_contents01.col4{ width: 98% !important;margin-right: 2%;}
        .detail .top_item02 { height: 364px;}
        .detail_table03 th{ width: 125px;}
        /*-- about --*/
        .about02-1,.about02-2{ width: 98%; margin-right: 2%;}
        .about_no{ display: inline-block; float: left; margin-right: 15px;}
        .about02-2 h2{ font-size: 17px;}
        .about .top_item04{ height: 228px;}
        .about_sns a{ display: block; width: 100%; margin: 0; margin-bottom: 25px;}

        /*本店*/
        .userguide_btn01 span{font-size: 13px}
        .top_item03{ height:230px;}
        .bx-viewport{ height: 250px !important;}
        .center_contents05 .col6{ width: 98%;}
        .detail .center_contents03 .col6 .top_item02{ height:110px; }
        .attention_table,.attention_table *{ display: block; width: 100%;}
        .about_table01,.about_table01 *{ display: block; width: 100%;}
        .about_table01 td{ overflow: hidden;}
        .about_btn01{ margin-top: 10px;}
        .faq_btn01 .col6 a{ font-size: 13px;}

        .form_txt01,.form_txt03{ width: 100%; margin: auto 0;}
        .contact_table,.contact_table tr,.contact_table th,.contact_table td{ display: block; width: 100%;}
        .sp_display_none{ display: none !important;}
        .sp_display_inlineb{ display: inline-block !important;}
        .mypage_table01 *{ display: block; width: 100% !important;}
        .mypage .col6{ width: 98%;}
        .voice_table01 th,.voice_table01 td{ display: block; width: 100% !important;}
        .userguide_table02 tr,.userguide_table02 th,.userguide_table02 td{ display: block;}
        /*.userguide02 .col6{ width: 98%;}*/
      }
      /*login ログインID注意書き（ID・パスワード入力欄の下に表示）*/
      .login_table01::after{
        content: "ログインIDに関するご注意：まれにIDの数字のみを入力してもIDを認識しないことがございます。その場合、数字の前にIDと入力してください。\A例：ログインID：23350の場合、「ID23350」とログインの際にご入力ください。";
        display: table-caption;
        caption-side: bottom;
        white-space: pre-wrap;
        margin-top: 10px;
        padding: 10px 12px;
        font-size: 13px;
        line-height: 1.7;
        text-align: left;
        color: #c00;
        background: #fff5f5;
        border: 1px solid #f0caca;
      }