@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@media screen and (min-width: 641px) {
  /*pc用のcssを記述*/
  body {
    min-width: 1100px;
  }
  #sample_box .column dl dt,
  #contents .title_01 {
    font-size: 16px;
  }
  header nav ul li a {
    font-size: 12px !important;
  }
  .right p {
    font-size: 11px !important;
  }
  /* パソコンで見たときは"pc"のclassがついた画像が表示される */
  .pc {
    display: block !important;
  }
  .sp {
    display: none !important;
  }
  #re_link_box_01 {
    width: 100%;
    float: left;
    padding: 3% 0 5% 0;
  }
  #re_link_box_01 .re_ul {
    text-align: center;
  }
  #re_link_box_01 .re_ul li {
    display: inline-block;
    width: 30%;
    margin: 0 0 2% 1%;
    text-align: center;
    vertical-align: top;
  }
  #re_link_box_01 .re_ul li a {
    padding: 20px 0;
    border: 1px solid #ffaa21;
    background: #fff3df;
    color: #000;
    border-radius: 6px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #re_link_box_01 .re_ul li a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
  #container .price .cb_txt_01 {
    display: inline-block;
    width: 60%;
    text-align: left;
    padding: 0 4% 0 0;
    vertical-align: top;
  }
  #container .price a {
    display: inline-block;
    vertical-align: top;
  }
  .b_bg01 {
    background: url(https://www.bora-net.com/image/home/cf/bnro1_1.png) top no-repeat;
    background-size: 100% 285px;
  }
  .b_bg01 a {
    margin: 0 0 0 50%;
    display: inline-block;
  }
  #re_link_box_01 .title_02 {
    margin: 0 0 20px 10px;
    font-size: 93%;
  }
  #qa ul li a {
    font-size: 12px !important;
  }
}
/*---sp---*/
@media screen and (min-width: 1px) and (max-width: 640px) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
  body,
  p,
  a,
  #home .title_02 span,
  #list .title_02 span,
  #home .title_02,
  #list .title_02 {
    font-size: 16px;
  }
  #container .header {
    font-size: 12px;
    text-align: center;
  }
  img {
    width: 100% !important;
    height: auto !important;
  }
  /*-------Mypage追加CSS--------*/
  #home .point .shipping dl dt img,
  #f_co_03 #mypage .column .shipping dl dt img,
  #f_co_03 #mypage .column .shipping {
    width: auto !important;
  }
  .spd {
    display: none !important;
  }
  #f_co_03 #contents #mypage .cou01 .w_200 {
    margin: 0 auto;
    display: block;
    border: none;
    width: 97%;
  }
  #f_co_03 #contents #mypage .cou01 td {
    display: block;
    border: none;
  }
  #f_co_03 #contents #mypage .cou01 td a {
    display: inline-block;
  }
  #f_co_03 #contents #mypage .cou01 td a img {
    width: auto !important;
    height: auto !important;
  }
  /*---------------------*/
  #f_co_03 #mypage .column .shipping.re_red {
    display: none;
  }
  /*スマホ用のcssを記述*/
  #contents {
    width: 100% !important;
    margin: 0 auto !important;
  }
  #f_co_03 #container {
    width: 95% !important;
  }
  .dl-trigger {
    width: 40px !important;
    height: 40px !important;
  }
  .inner .login p img {
    width: 17px !important;
    height: 17px !important;
  }
  #tedl .inner .login p img {
    width: 17px !important;
    height: 17px !important;
  }
  #contents .title_03 img {
    float: none;
    width: 5% !important;
    margin: 0 2% 1% 0;
  }
  /*---------index---------*/
  #f_co_01 #mypage .scroll {
    width: 100%;
    overflow: unset;
  }
  #ccsp #concept .point h3 img {
    width: 15% !important;
  }
  #detail .column p {
    width: 100% !important;
    display: block !important;
  }
  #detail .price .box table th img {
    height: auto !important;
    max-width: 100%;
    width: 12px !important;
  }
  #home #list .trkti a {
    display: block;
  }
  #home #list .add_link_box {
    display: block;
  }
  /*-----order_confirm-----*/
  #f_co_03 #contents {
    width: 100% !important;
    margin: 0 auto !important;
  }
  #f_co_03 .dl-trigger {
    width: 30px !important;
    height: 30px !important;
  }
  #f_co_03 .inner .login p img {
    width: 17px !important;
    height: 17px !important;
  }
  #f_co_03 #contents .title_03 img {
    float: none;
    width: 5% !important;
    margin: 0 2% 1% 0;
  }
  #f_co_02 #contents {
    width: 100% !important;
    margin: 0 auto !important;
  }
  #f_co_02 .dl-trigger {
    width: 30px !important;
    height: 30px !important;
  }
  #f_co_02 .inner .login p img {
    width: 17px !important;
    height: 17px !important;
  }
  #f_co_02 #contents .title_03 img {
    float: none;
    width: 5% !important;
    margin: 0 2% 1% 0;
  }
  #f_co_02 #mypage form {
    width: 100%;
    margin: 0 auto;
  }
  #f_co_02 #mypage .column .shipping dl dt img {
    width: 15% !important;
  }
  #f_co_02 .con_mypage .scroll {
    overflow: unset !important;
    margin: 0 !important;
    width: 100% !important;
  }
  #f_co_02 #mypage .scroll > table {
    width: 100% !important;
  }
  #f_co_02 #mypage table {
    width: 95%;
    margin: 0 auto;
  }
  #f_co_02 #contents table th {
    display: block;
    margin: 0 auto;
  }
  #f_co_02 #contents table td {
    display: block;
    border: none;
    margin: 5% auto;
  }
  #f_co_02 #contents table td a {
    display: inline-block;
  }
  #f_co_02 .con_mypage {
    width: 95%;
    margin: 0 auto;
  }
  #f_co_02 .con_mypage .scroll > table th {
    display: inline-block !important;
    width: 21% !important;
  }
  #f_co_02 .con_mypage .scroll > table td {
    display: inline-block !important;
    width: 21% !important;
  }
  /*--------order_temp--------*/
  #f_co_01 #contents {
    width: 100% !important;
    margin: 0 auto !important;
  }
  #f_co_01 .dl-trigger {
    width: 30px !important;
    height: 30px !important;
  }
  #f_co_01 .inner .login p img {
    width: 17px !important;
    height: 17px !important;
  }
  #f_co_01 #contents .title_03 img {
    float: none;
    width: 5% !important;
    margin: 0 2% 1% 0;
  }
  #f_co_01 #mypage form {
    width: 100%;
    margin: 0 auto;
  }
  #f_co_01 #mypage .column .shipping dl dt img {
    width: 15% !important;
  }
  #f_co_01 .con_mypage .scroll {
    overflow: unset !important;
    margin: 0 !important;
    width: 100% !important;
  }
  #f_co_01 #mypage .scroll > table {
    width: 100% !important;
  }
  /*---------order_info------------*/
  #ma_custm_01 #mypage p.note img {
    width: 25% !important;
    margin: 0 auto;
  }
  #ma_custm_01 form {
    width: 95%;
    margin: 0 auto;
  }
  /*----------set_delivery---------*/
  #ma_custm_01 #mypage dl dd img {
    width: 25% !important;
    margin: 0 auto;
  }
  #ma_custm_01 #mypage ul.btn {
    margin: 10% 0 20px 0;
  }
  /*-----cart------*/
  #cart_box_custm_01 #cart .step_02 table td {
    display: block;
    width: 90%;
    padding: 3% 5%;
  }
  #cart_box_custm_01 #cart .scroll {
    overflow: unset;
    width: 95%;
    margin: 0 auto 10%;
  }
  #cart_box_custm_01 #cart .scroll > table {
    width: 100% !important;
  }
  #cart_box_custm_01 #cart .step_02 table .otodoke label {
    display: block;
    margin: 0 0 5% 0;
  }
  #cart_box_custm_01 #cart .step_02 table .otodoke #script_cart002 a img {
    width: 60% !important;
    text-align: center;
    display: block;
    margin: 5% auto 0;
  }
  #cart_box_custm_01 #cart .step_03 table.pay td {
    display: block;
    width: 96%;
    margin: 2% 0;
    padding: 3% 2%;
  }
  #cart_box_custm_01 #container {
    width: 100% !important;
  }
  #cart_box_custm_01 #contents {
    width: 100% !important;
    margin: 0 auto !important;
  }
  #cart_box_custm_01 .dl-trigger {
    width: 30px !important;
    height: 30px !important;
  }
  #cart_box_custm_01 .inner .login p img {
    width: 17px !important;
    height: 17px !important;
  }
  #cart_box_custm_01 #contents .title_03 img {
    float: none;
    width: 5% !important;
    margin: 0 2% 1% 0;
  }
  #cart_box_custm_01 #mypage .column .shipping dl dt img {
    width: 15% !important;
  }
  #cart_box_custm_01 .con_mypage .scroll {
    overflow: unset !important;
    margin: 0 !important;
    width: 100% !important;
  }
  #cart_box_custm_01 #mypage .scroll > table {
    width: 100% !important;
  }
  /*----------goods_item_option--------------*/
  #cart_box_custm_01 #option article {
    width: 100%;
    float: none;
  }
  #cart_box_custm_01 #option p {
    padding: 0 0 5% 0;
    width: 95%;
    margin: 0 auto;
  }
  #cart_box_custm_01 #option .flow {
    padding: 0 0 3% 0;
    width: 100%;
  }
  #cart_box_custm_01 #option aside {
    width: 85%;
    background-size: 100%;
    display: block;
    margin: 0 auto;
    float: none;
  }
  #cart_box_custm_01 #option aside .btn {
    background-size: 100%;
  }
  #cart_box_custm_01 #option aside .btn a {
    width: 60%;
    display: inline-block;
    margin: 10% 0 5% 0;
  }
  #cart_box_custm_01 #option article .con_ite .con_itepic {
    text-align: center;
    padding: 0 0 10px 0;
    float: none;
    width: 60%;
    margin: 0 auto;
  }
  #cart_box_custm_01 #option article .con_ite .con_itejia {
    padding: 0;
    float: none;
    width: 100%;
  }
  #cart_box_custm_01 #option article .con_ite .con_itejia .con_opt {
    width: 95%;
    margin: 0 auto;
  }
  #cart_box_custm_01 #contents .title_03 {
    padding: 2% 2%;
    margin: 0 0 2% 0;
    width: 96% !important;
  }
  #cart_box_custm_01 #cart .btn a {
    width: 43%;
  }
  #cart_box_custm_01 #cart .step_03 table.pay td div .w185 {
    width: 100%;
  }
  #cart_box_custm_01 #cart .step_03 table {
    width: 95%;
  }
  /*------------login---------------------*/
  #ma_custm_01 #login .login_area {
    width: 95%;
    margin: 0 auto;
  }
  #ma_custm_01 #login .box {
    width: 100%;
    padding: 0 0 5% 0;
    margin: 8% 0 0 0;
  }
  #ma_custm_01 #contents {
    width: 100% !important;
    margin: 0 auto !important;
  }
  #ma_custm_01 .dl-trigger {
    width: 30px !important;
    height: 30px !important;
  }
  #ma_custm_01 .inner .login p img {
    width: 17px !important;
    height: 17px !important;
  }
  #ma_custm_01 #contents .title_03 img {
    float: none;
    width: 5% !important;
    margin: 0 2% 1% 0;
  }
  #ma_custm_01 #mypage .column .shipping dl dt img {
    width: 15% !important;
  }
  #ma_custm_01 .con_mypage .scroll {
    overflow: unset !important;
    margin: 0 !important;
    width: 100% !important;
  }
  #ma_custm_01 #mypage .scroll > table {
    width: 100% !important;
  }
  #ma_custm_01 #login .login_form button {
    display: inline-block;
    width: 70%;
    margin: 15% 0 0 0;
    position: static;
  }
  #login #script_login003 .regist_message .button {
    width: 70% !important;
  }
  #ma_custm_01 #login a.button_2 {
    display: inline-block;
    width: 45%;
    float: none;
    margin: 15% 0 0 5%;
    position: static;
    padding: 0;
    vertical-align: top;
  }
  #ma_custm_01 #login .box > div {
    text-align: center;
  }
  #ma_custm_01 #login .regist_message a {
    position: static;
    width: 50%;
    display: inline-block;
    margin: 0 auto;
  }
  #ma_custm_01 #login .login_form p {
    text-align: left;
  }
  /*------------tab------------*/
  #detail .price .box table {
    position: static !important;
  }
  /*-------------------*/
  #technical-guide .list p img {
    width: 50% !important;
    float: none;
    display: block;
    text-align: left;
    margin: 0 auto 11px;
  }
  #tedl #dl-menu img {
    width: 40px !important;
  }
  #tedl img {
    width: 215px !important;
  }
  #beginner img {
    width: auto !important;
    height: auto !important;
  }
  #detail .tmpl {
    display: block !important;
  }
  #detail .tmpl .column p {
    float: none;
    padding: 0;
  }
  #detail .tmpl .column dl {
    display: none;
  }
  #tab_01 {
    overflow: scroll !important;
  }
  /*-----technical_guide-------*/
  #tedl #container #contents #main #template section .column dl dt,
  #tedl #container #contents #main #template section .column dl dd {
    display: none;
  }
  #tedl #container #contents #main #template section .column p {
    float: none;
    width: 100%;
  }
  #technical-guide section .column p,
  #technical-guide .illustrator .resolution p,
  #technical-guide .photoshop .column p {
    float: none;
    width: 90%;
    padding: 0 5%;
  }
  #technical-guide section .column p.image,
  #technical-guide .illustrator .resolution p.image {
    float: none;
    width: 50% !important;
    margin: 0 auto;
  }
  #technical-guide .list p,
  #technical-guide .navi {
    text-align: center;
  }
  #technical-guide .navi li {
    display: inline-block;
    width: 75%;
  }
  #technical-guide .photoshop dl {
    padding: 0 5%;
  }
  #technical-guide .white .pattern p.note img {
    margin: 0 auto;
    width: 5% !important;
    display: inline-block;
  }
  #technical-guide .zarapika p.position img {
    position: static;
  }
  #technical-guide .zarapika p.position {
    height: auto;
  }
  #technical-guide .date .link .column p {
    width: 90%;
  }
  #qa ul {
    margin: 0 auto;
    display: block;
    width: 90%;
    padding: 0;
    border: none;
  }
  #qa ul li,
  #qa ul li:nth-child(2n) {
    width: 125px;
  }
  #qa ul li a {
    font-size: 10px !important;
  }
  #contents h1 span {
    font-size: 14px !important;
  }
  footer nav ul li a {
    font-size: 14px;
  }
}
@media以外の所は全てのサイズで読み込まれます。 */;