@charset "utf-8";

p#btn_menu:after {
  position: absolute;
  content: "メニュー";
  font-size: 0.6em;
  font-weight: bold;
  color: #333;
  top: 3.5em;
}

.btn-primary {
  background-color: #d4093a;
  border-color: #d4093a;
}

.registration_page .dl_table dt label {
    font-weight: 400;
}

#item_detail_area .item_detail .sale_price {
    font-size: 24px;
    font-size: 3.8rem;
    font-weight: bold;
    color:#d4093a;
}

.product_tag_list {
    padding: 5px 8px;
    font-size: 80%;
    color: #fff;
    border: none;
    border-radius: 0px;
    background-color: #5af;
}

.product_item a:hover img {
    opacity: 1;
}

#item_detail_area .item_name {
    font-weight: 600;
    font-size: 1.8em;
}

span#product_tag_box__product_tag--2 {
      background-color: #f5a;
}

span#product_tag_box__product_tag--3 {
      background-color: #fa5;
}

hr {
  border: none;
}

    #item_detail_area .item_detail .point {
        border-top: none;
    }
    #item_detail_area .item_detail .item_code {
        border-top: none;
    }
    #item_detail_area .item_detail .relative_cat {
        border-top: none;
        border-bottom: none;
    }

.item_photo_sdw {
  padding-bottom: 2em;
}

    .f_guide02 h4 {color:#e5007f; padding:.1em 0 .1em .8em; margin:0; font-size:1.1em;}

.f_g_flow {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.f_g_flow_last {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
/* 
.f_g_flow:after {
    content: '';
    position: absolute;
    top: 20%;
    right: 50%;
    left: 10%; 
    border-right: 1px solid #e5007f;
    border-bottom: 1px solid #e5007f;
    margin-top: 7.7em;
    height: 15px;
    width: 15px;
    -webkit-transform: scaleX(.4) rotate(45deg);
    transform: scaleX(2) rotate(45deg);
}
 */

@media only screen and (min-width: 768px) {
#item_detail_area .item_detail .item_comment {
    line-height: 1.7em;
    font-size: .9em;
    }
}

@media only screen and (min-width: 481px) {
 .item_photo_sdw img {
    box-shadow: 0 1px 2px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.12);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
 }
 .item_photo_sdw img:hover {
    box-shadow: 0 14px 34px rgba(0,0,0,0.25), 0 10px 16px rgba(0,0,0,0.22);
 }

 .item_photo {
  padding: 0 1em;
 }

 .item_photo img{
    box-shadow: 0 1px 2px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.12);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    margin:4px;
 }
 .item_photo img{
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
 }
 .item_photo img:hover, .home-2nd-area img:hover, .home-3rd-area  img:hover{
    box-shadow: 0 14px 34px rgba(0,0,0,0.25), 0 10px 16px rgba(0,0,0,0.22);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
 }
 .item_photo_map img {
  z-index: 6;
 }
 .item_photo_map img:hover {
     -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    -ms-transform: scale(1.6);
    transform: scale(1.6);
 }
}
    #footer {
    border-top: none; 
    padding-bottom: 0px; 
  }
  
  #footer_guide {
   font-size: .9em;
   padding: 0;
  }

   #footer_guide span.tel {
    font-size: 1.7em;
   }
  .mini {
    font-size: .8em;
    line-height: 1.2em;
  }
    #footer_guide h1 {
     background-color: #123c6f;
     color:#fff;
     padding: .7em;
     margin:0;
     font-size: 1.4em;
    }

    #footer_guide h3 {
      background-color: #889096;
      color: #fff;
      padding: .1em 0 .1em .5em;
    }
     #footer_guide p {
      padding-left: 1em;
      margin-top: .2em;
      line-height: 1.7em;
    }

    .em_yel{
      background-color: #f8f860; 
      font-style:normal;
      font-weight: 600;
    }

@media only screen and (min-width: 768px) {

  .footer_logo_area span {
    position: absolute;
    left: 80%;
    top: -107px;
   }

   .footer_logo_area span img{
   width:120px !important;
   }

  #footer ul {
    padding-top: 1em;
    border-bottom: 2px solid #d4093a;
    margin:auto;
    max-width: 860px;
　}

  .footer_logo_area {
    margin:-4px 0 12px;
    position: relative;
  }

  .f_guide02 {
   padding: 2em 1em;
  }

.faq .tabContainer ul.tabMenu li a {
    padding: 1.6em 5px !important;
    font-size: .9em;
   }

    #item_detail_area .item_detail .sale_price {
        font-size: 3.6rem;
    }

.display_none {
    display: none;
  }

.member_link {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
  }

 .logo_ct {
 	width: 300px;
 }

  #cart_area {
  margin-top: 0.4em;
  }

  #cart_area p.cart-trigger {
    box-shadow: 1px 3px 7px rgba(0,0,0,0.15) inset, 1px 2px 2px rgba(0,0,0,0.11) inset;
    margin-right:0.5em;
  }

  #header .category-nav a {
    border-bottom: none;
 }

  #header .category-nav > li > a {
    color:#525263;
    font-size:1.1em;
    font-weight: 600;
 }

   #header .category-nav > li > a:hover {
    opacity: .95;
    background-color: #fff;
    box-shadow: 1px 3px 7px rgba(0,0,0,0.15) inset, 1px 2px 2px rgba(0,0,0,0.11) inset;
 }

    #header .category-nav li ul li ul li a {}
    #header .category-nav li:hover ul li ul li a:hover {  background: rgba(255, 255, 255, 1)}

    #header .category-nav ul > li > a,
    #header .category-nav ul > li > ul > li > a,
    #header .category-nav ul > li > ul > li > ul > li a {
        padding-left: 10px;
        color: #525263;
        font-weight: 600;
    }

    #header .category-nav ul {
      background: rgba(255, 255, 255, 0.95)
    }

 .member_link a {
    color: #525263;
 }
 
 .login_area {
  text-align:right;
  margin-top:-40px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
 }

 #header {
    box-shadow: 0 4px 7px rgba(0,0,0,0.15), 0 2px 2px rgba(0,0,0,0.11);
 }

 .member_link a {
  font-size:0.9em;
  padding:0.2em 1em 1em 1em;
 }
 .member_link a i {
  line-height: 5px;
  font-size: 1.9em;
 }
  .member_link a:hover {
  box-shadow: 1px 3px 7px rgba(0,0,0,0.15) inset, 1px 2px 2px rgba(0,0,0,0.11) inset;
  background-color: #fff;
  opacity: .95;
 }
 .login_area p {
  padding: 0.7em 0.7em 0.4em 0;
   position: relative;
    top: 5px;
 }

}

@media only screen and (max-width: 767px) {

  .item_photo_sdw {
  padding-bottom: 1em;
}

 .login_area {
  text-align:right;
  margin-top:-8px;
 }

.display_none_re {
    display: none;
  }

 .logo_ct {
 	width: 280px;
 }
p.cart-trigger a:link,
p.cart-trigger a:visited,
p.cart-trigger a:hover,
p.cart-trigger a:active {
    text-decoration: none;
    color: #545465;
 
 }
}

#header {
    background-color: #fff;
}

    /* dl-table */


    .dl_table dt,
    .dl_table dd {
        border-bottom: 1px solid #fff;
    }
    .dl_table dt {
        background: #7f9da7;
        color:  #fff;
        padding-left: 1em;
    }
    span.required {
    color: #7f9da7;
    background: #fdf01a;
    position: relative;
    top: -2px;
    padding: 0.4em;
}
.dl_table {
    border-top: 1px solid #fff;
}

.gmap_sm {
    text-align: center;
    padding: .5em;
}

.gmap_sm a {
    text-align: center;
    padding: .7em 1em;
    color: #f2f1f1;
    background: #0092c4;
    line-height: 1.4em;
}

@media only screen and (min-width: 481px) {
 .display_none_sm_re {
    display: none;
 }
}  

@media only screen and (max-width: 480px) {

  p,dd,td {
    line-height: 1.6em;
  }


   .dl_table dt {
    width: 100% !important;
    }
    .display_none_sm {
    display: none;
  }
}

@media only screen and (min-width: 768px) {


span.required:after {
    content: '';
    position: absolute;
    left: -4px;
    top: 5px;
    display: block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 6px solid #fdf01a;
    border-bottom: 6px solid transparent;
    }
        .dl_table dd {
        background: #f8f8f8;
    }
      img.img_notice {
    width: 75%;
  }
}

.form-select {
    border: 1px solid #a3c0ca;
}
.form-select:focus {
    border-color:#0a7da2 !important;
}


/*mapcard_item*/
.mapcard_m {
  margin-bottom: 1em;
}

.map_h1 {
  color:#d4093a;
  text-align: center;
    padding: 1em 0;
    border-bottom: 2px solid #d4093a;
    border-top: 2px solid #d4093a;
}

.mapcard {
  max-width:720px;
  min-height:240px;
  background:#f5ba1f;
  display:flex;
  flex-direction:row;
  padding:0;
  margin:0;
}
.mapcard_inner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.mapcard_inner_l {
  padding:0;
  margin:0;
  display:flex;
  flex-direction: column;
  justify-content: flex-end;
  width:35%;
  height:auto;
  display:flex;
}
.mapcard_inner_high{
  display:flex;
  flex-direction:row;
  position:relative;
}

.mapcard_inner_middle{
 padding:0 1em;
}
.mapcard_inner h2 {
  font-weight: 100;
  color:#222;
  font-size: 1.6em;
  margin: 0;
  padding: .5em;
}
.mapcard_dt {
  margin:0 1em;
  padding:0 !important; 
  background:#f5ba1f;
  border-bottom: solid 1px #f5ba1f;
}

.mapcard_inner_middle p {
  color:#222;
} 
.mapcard_inner_low {
    padding: .2em 0 .8em .3em;
}
.mapcard_inner iframe {
    height: 100%;
}
.mapcard_inner_low img{
    width: 90px;
    height: 52px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #fff;
    border-radius: 10px;
    margin: 0 4px;
}
.mapcard_inner .exps{
    color: #fff;
    background: #d71518;
    height: 32px;
    font-weight: 600;
    font-size: .9em;
    padding: .3em .4em;
}
.mapcard_inner h3{
  color:#f5ba1f;
  background:#fff;
  font-weight:200;
  margin:0;
  font-size:2.4em;
  padding-right:1.4em;
}
.mapcard_inner h3:after {
  content: "地区";
  font-size:16px;
  position: absolute;
  top: 10%;
  padding-left:.4em;
}
.mapcard_inner_r {
width:65%;
background:#f2f1f1;
}

@media only screen and (max-width: 1200px) {
  .mapcard_inner h2 {
  font-size: 1.2em;
  }
  .mapcard_inner h3{
  font-size:2em;
  }
}

@media only screen and (max-width: 960px) {
  .mapcard_inner h2 {
  font-size: 1em;
  }
  .mapcard_inner h3{
  font-size:1.6em;
  }
  .mapcard_inner h3:after {
    display: none;
  }
  .mapcard_inner_middle p {
    font-size: .8em;
  }
}

@media only screen and (max-width: 820px) {
  .mapcard_inner h2 {
  font-size: .8em;
  }
  .mapcard_inner h3{
  font-size:1.2em;
  }
    .map_h1 {
    padding: 1em 0;
  }
}
@media only screen and (max-width: 768px) {
  .mapcard_dt, .mapcard{
    margin: 0 !important;
    width: 100%;
  }
  .mapcard_dt {
    padding: .5em;
  }
  .mapcard_inner h2 {
  font-size: 1.2em;
  }
  .mapcard{ background-color: #f2f1f1;}

  .map_h1 {
    font-size: 1.4em;
  }
}

@media only screen and (max-width: 480px) {
    .map_h1 {
    font-size: 1.2em;
  }
  .mapcard_inner h3:after {
    display: none;
  }
  .mapcard_inner h2 {
  font-size: 1em;
  }
  .mapcard_inner h3{
    padding: .4em;
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-size:1.2em;
  }
.mapcard_inner_l {width:100%;}
.mapcard_inner_r {width:100%;}
.mapcard {
  display:flex;
  flex-direction:column;
  }
}


.st_range table {
  margin: 2em 0; 
}

.st_range tr {

}
.st_range th {
    border-left: 7px #d4093a solid;
    background-color: #ffffff;
    vertical-align: middle;
}
.st_range td {
  background-color: #ffffff;
}
.kokugo,
.st_range td.kokugo {
 background-color: #90bbfd;
 color: #ffffff;
}
.kokugo_r,
.st_range td.kokugo_r {
 background-color: #f5f7fb;
}
.sugaku,
.st_range td.sugaku {
 background-color: #fb8c8c;
 color: #ffffff;
}
.sugaku_r,
.st_range td.sugaku_r {
 background-color: #fdebeb;
}
.syakai,
.st_range td.syakai {
 background-color: #90e675;
 color: #ffffff;
}
.syakai_r,
.st_range td.syakai_r {
 background-color: #f1ffed;
}
.eigo,
.st_range td.eigo {
 background-color: #fdbf5f;
 color: #ffffff;
}
.eigo_r,
.st_range td.eigo_r {
 background-color: #fdf2e1;
}
.rika,
.st_range td.rika {
 background-color: #d899f9;
 color: #ffffff;
}
.rika_r,
.st_range td.rika_r {
 background-color: #f9efff;
}
.kokugo,.sugaku,.syakai,.eigo,.rika {
  padding: 2px;
  margin: 2px;
}

.st_range table > tbody > tr > th, 
.st_range table > tbody > tr > td {
    border-top: 4px solid #ffffff;
    border-bottom: 4px solid #ffffff;
    vertical-align: middle;
}

@media only screen and (min-width: 480px) {
 .st_range table {
    border-right: 4px #fff solid;
    box-shadow: 7px 7px #f8f8f8;
    border-bottom: 4px #fff solid;
 }

.st_range {
  padding: 2em;
 }
.range_xs {
  display: none;
 }
.st_range th h3 {
  font-size: 1.6em;
 }
}

.notice_map_icon {
  text-align:center; 
  width:90%; 
  margin:1em auto 5em; 
  max-width:960px;
}
.notice_car_icon h4,
.notice_map_icon h4 {
 font-size:1.6em; 
 color:#fff; 
 background:#162964; 
 margin: .7em auto 1em; 
 width:90%;
}
.notice_car_icon h4 {
 font-size: 1.2em;
 padding: .2em;
}
.notice_car_icon {  
  text-align:center; 
  width:90%; 
  margin:1em auto 3em; 
  max-width:960px;
  position:relative; 
  top:4em;
  float:none; 
  clear:both; 
}


.icon_notice {
  width: 300px;
}
.icon_notice p {
  width:100px; 
  text-align:left; 
  padding-left:5px; 
  color:#162964;
}


.st_range_notice {
  display: table-cell;
  vertical-align: middle;
}
.flex_row_aligncenter {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.flex_row_end {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  flex-wrap: wrap;
}
.flex_center{
  justify-content: center;
  align-items: center;
}
   .st_range table i {
    font-size: 1.2em;
    position: relative;
    top: 2px;
}
.font_notice {
    background-color: #f8f8f8;
    font-size: .8em;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.24)inset;
    padding: .5em;
}
.font_notice p.warning {
  padding: 4px;
  border: 1px solid #666;
  color: #666;
  max-width: 480px;
}

@media only screen and (max-width: 480px) {
 .st_range th {
  width:2% !important;
 }
 .st_range th h3,.st_range th h4 {
  display: none;
 }
 .range_xs {
  border-left: 7px #d4093a solid;
    margin-bottom: 0;
    padding-left: 1em;
 }
 .st_range table {
  margin: 0; 
 }
}

.st-table {
    box-sizing: border-box;
    margin-top: 1.6rem;
    margin-right: 0;
    margin-left: 0;
    table-layout: fixed;
    empty-cells: show;
    word-wrap: break-word;
    border-collapse: collapse;
    box-shadow: 6px 6px 0 #f8f8f8;
}

.st-table > thead > tr > th, .st-table > thead > tr > td, .st-table > tbody > tr > th, .st-table > dt {
    padding: 1rem;
    background-color: #f8f8f8;
}
.st-table > thead > tr > th, .st-table > thead > tr > td, .st-table > tbody > tr > th, .st-table > tbody > tr > td, .st-table > dt, .st-table > dd {
    margin: 0;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    padding:.5em;
}

.ytb_area {
  border-bottom: 36px solid #e7265e;
  margin-top:1em;
}
.ytb_area h2 {
 color:#fff;
 font-size: 2.4em;
 background-color: #d4093a;
}
.ytb_area p {
line-height: 2em;
font-size: 1.4em;
}
.ytb_area_r,.ytb_area_l,.ytb_girl {
  position: relative;
  text-align: center;
}
.ytb_girl {
  width: 360px;
  height: 280px;
  position: relative;
}
img.img_ytb_girl {
    position: relative;
    z-index: 2;
    width: 320px;
    bottom: -21px;
    min-width: 320px;
}

.ytb_frame iframe {
    position: absolute;
    z-index: 6;
    bottom: -24px;
    left: 77px;
    width: 218px;
    height: 119px;
    top:156px;
}

.st_md span {
    position: absolute;
    margin-left: 1em;
    top: -2em;
    font-size: .9em;
    color: #fdfdf8;
    display: block;
    background: #162964;
    padding: .4em;
    font-weight: 600;
}
.st_md span:after {
    content: "";
    position: absolute;
    top: 24px;
    left: 25%;
    margin-left: -15px;
    border: 12px solid transparent;
    border-top: 18px solid #162a63;
    z-index: 2;
}


@media only screen and (min-width: 1281px) {
 img.img_ytb_girl {
    width: 480px;
    bottom: -71px;
    min-width: 240px;
 }
  .ytb_girl {
  width: 560px;
  height: 450px;
 }
 .ytb_area h2 {
 position: relative;
 bottom: -107px;
 font-size: 3em;
}
 .ytb_area p {
 line-height: 2em;
 font-size: 1.4em;
 position: relative;
 bottom: -107px;
 }
 .ytb_frame iframe {
    bottom: -24px;
    left: 120px;
    width: 320px;
    height: 168px;
    top:277px;
  }
}

@media only screen and (max-width: 960px) {
  .ytb_area h2 {
    width: 90%
 font-size: 100%;
 }
  .ytb_area p {
    margin-bottom: 4em;
  }
}


@media only screen and (max-width: 480px) {

.ytb_area {
  border-bottom: none;
}

 .ytb_area h2 {
 font-size: 1.4em;
 }
 .ytb_girl {
  width: 320px;
  height: 240px;
 }
 img.img_ytb_girl {
    width: 240px;
    bottom: -21px;
    min-width: 240px;
 }
 .ytb_frame iframe {
    bottom: -12px;
    left: 24px;
    width: 180px;
    height: 94px;
    top:156px;
 }
 .ytb_area p {
 font-size: .9em;
 margin-bottom: 4em;
 }
}
  
/*---app-button---*/
.app_button {
  position: relative;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  background: #fff;
  font-size:24px;
  width: 260px;
  padding: 12px 24px;
  border: 2px solid #162964;
  color:  #162964;
  text-transform: uppercase;
  text-align: center;
  z-index: 2;
  -moz-transition: all 0.25s ease-in 0.25s;
  -o-transition: all 0.25s ease-in 0.25s;
  -webkit-transition: all 0.25s ease-in;
  -webkit-transition-delay: 0.25s;
  -webkit-transition: all 0.25s ease-in 0.25s;
  transition: all 0.25s ease-in 0.25s;
}
.app_button:after, .app_button:before {
  position: absolute;
  width: 100%;
  max-width: 100%;
  top: 100%;
  left: 0;
  bottom: -10px;
  content: '';
  z-index: 1;
  -moz-transition: all 0.25s ease-in 0.25s;
  -o-transition: all 0.25s ease-in 0.25s;
  -webkit-transition: all 0.25s ease-in;
  -webkit-transition-delay: 0.25s;
  -webkit-transition: all 0.25s ease-in 0.25s;
  transition: all 0.25s ease-in 0.25s;
}
.app_button:before {
  background: #162964;
  top: 5px;
  left: -5px;
  height: 100%;
  width: 5px;
}
.app_button:after {
  width: 100%;
  background: #162964;
  right: 0px;
  left: -5px;
  height: 5px;
}
.app_button:hover {
  background: #162964;
  color: #fff;
  margin-left: -1.5px;
  margin-bottom: -1.5px;
}
.app_button:hover:after, .app_button:hover:before {
  top: 100%;
  left: 0;
  bottom: 0px;
}
.app_button:hover:before {
  top: 0px;
  left: 0px;
  width: 0px;
}
.app_button:hover:after {
  right: 0px;
  left: 0px;
  height: 0px;
}
.app_btn {
padding:10px 0;
width:100%;
position:relative;
text-align:center;
}

.newslist dl {
   border-top: none !important;
}
@media only screen and (min-width: 768px) {
  
 iframe#twitter-widget-0 {
    box-shadow: 0 0 4px rgba(0,0,0,0.24)inset;
}
.newslist dt .news_title {
    font-size: 1.2em;
 }
.newslist dd {
    line-height: 1.6em; 
  }
}

p#detail_not_stock_box__description_detail img {
    width: 300px;
}

/*---shirayuri-test-flow---*/
.shira_app {
   padding:1em;
   box-shadow: 0 0 5px rgba(255, 85, 170, 0.6);
   }
.shira_app_process {
    position: relative;
    margin: 28px 0 40px;
}
.shira_app_description {
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
}
.shira_app_process_list {
    display: flex;
    flex-direction: row;
    padding: 35px 35px 60px;
}
.shira_app_process_item_2,
.shira_app_process_item,
.shira_app_process_item_last {
    display: flex;
    flex-direction: row;
    flex: 1 1 1px;
    align-items: center;
    position: relative;
    padding-right: 66px;
}
.shira_app_process_image {
    flex: none;
    margin-right: 6px;
}
.shira_app_process_heading {
    display: block;
    font-size: 1.2em;
    font-weight: 700;
    color: #ff55aa;
    line-height: 1.5;
}
.shira_app_process_text {
    display: block;
    padding-right: 20px;
    font-weight: 700;
    line-height: 1.5;
}
.notice{
  font-size:.7em;
}
.shira_app_process_repeat {
    position: absolute;
    bottom: -12px;
    left: 0;
    right: 0;
    text-align: center;
}
.title_section_wrapper {
  text-align:center;
  box-shadow:0 0 5px rgb(255, 85, 170) inset;
  width:80%;
  margin:1em auto;
  padding:1em 0;
  background:rgba(255, 85, 170, 0.1);
}
.shira_app_process_item:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    border-right: 4px solid #ff55aa;
    border-top: 4px solid #ff55aa;
    margin-top: -47.5px;
    height: 75px;
    width: 75px;
    -webkit-transform: scaleX(.4) rotate(45deg);
    transform: scaleX(.4) rotate(45deg);
}

@media only screen and (max-width: 768px) {
 .shira_app_process_item:after {
  display:none;
 }
 .shira_app_process_list {
    flex-direction: column;
    padding: 35px 35px 60px;
 }
 .shira_app_process_item,.shira_app_process_item_2,.shira_app_process_item_last {
    flex-direction: column;
    flex: 25 25 125px;
    align-items: flex-start;
    padding-right: 0px;
 }
}


.about_top_ttl img {
  width:50%; 
  text-align:right; 
  padding:1em;
}
.about_top_ttl p {
font-size: 1.4em;
line-height: 1.7em;
color:#333;
}
.about_top_middle {
  padding:1em; 
  display:flex; 
  flex-direction:row; 
  flex-wrap:wrap; 
  justify-content: space-between;
}
.about_top_middle img.no1 {
 width:auto; 
 height:240px;
}
.about_top_middle img.lily {
width:auto; 
height:200px;
}

.about_top_flow {
display:flex; 
flex-direction:row; 
justify-content: center; 
flex-wrap:wrap; 
padding-bottom:1em; 
}
em.wht {background-color: rgba(255,255,255,0.9);}


@media only screen and (max-width: 768px) {
  .about_top_ttl {

}
  .about_top_ttl p {
    font-size: .6em;
    margin: 0;
  }
  .about_top_ttl img {
     width:80%; 
  }
  .about_top_middle {
    
  padding:0; 
  }
  .about_top_middle img.no1 {
   height: 120px;
  }
  .about_top_middle img.lily {
  height:100px;
 }
}

.nav-trigger span, .nav-trigger span::before, .nav-trigger span::after {
    background: #545465;
    }
.drawer-open .nav-trigger span::before, .drawer-open .nav-trigger span::after {
    background: #545465;
}

/*---2019---*/
.jyuku-table > thead > tr > th, .jyuku-table > thead > tr > td, .jyuku-table > tbody > tr > th, .jyuku-table > tbody > tr > td, .jyuku-table > dt, .jyuku-table > dd {
    margin: 0;
    border-bottom: 1px solid #333;
    border-right: 1px dotted #ccc;
    border-left: 0px dotted #fff;
    padding: .5em 1em;
}
/*---2020---*/
.inner_fix_content{
display:flex;
flex-wrap:wrap;
flex-direction: row;"
}