/** Shopify CDN: Minification failed

Line 5978:0 Unexpected "}"
Line 7530:0 "@charset" must be the first rule in the file

**/


/* CSS from section stylesheet tags */
.ss_contact_btn_str {
    font-size: 16px;
    font-weight: normal;
    color: #000000;
    font-family: '游明朝';
    letter-spacing: 0.1em;
    line-height: 32px;
  }
  @media screen and (max-width: 1600px) {

    ;
    /* 1600pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1400px) {

    ;
    /* 1400pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1280px) {

    ;
    /* 1024pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1024px) {

    ;
    /* 1024pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 768px) {

    ;
    /* 768pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 480px) {
    ;
    /* 480pxまでの幅の場合に適応される */
  }
  /* ss_maru_section_string_privacy01.liquid end */
/* ss_maru_section_string_notation020.liquid css */
.mp_aboutus_img_wrapper{
  position: relative;
  display: block;
  margin: 0px 20%;
}
#mp_img_list_wrap{
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  /* margin: 0px 0px 20px 0px; */
  margin-top: 40px;
  margin-bottom: 50px;
}
.aboutus_img {
	max-width:100%;
	height:auto;
  /* cursor: pointer; */
}
.cs-product-imgSize{
  width:700px;
}
@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
  .mp_aboutus_img_wrapper{
    margin: 0px 10%;
  }
  .cs-product-imgSize{
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
  .mp_aboutus_img_wrapper{
    margin: 0px 5%;
  }
}
/* ss_maru_section_string_notation020.liquid end */
/* ss_maru_section_string01.liquid css */
/* strings */
.cs_bstrdiv{
  position: relative;
  display: block;
  margin: 0px auto;
  text-align: left;
  margin-left: 42px;
}
.cs_blist_str{ /* .mp_string_p1 */
	font-size: 14px;
	font-weight: bold;
	color: #000000;
  font-family: '游明朝';
	letter-spacing: 0.05em;
	line-height:28px;
	text-align: center;
  margin: 0px 3px;
  margin-bottom: 5px;
  display: inline;
}
@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
    .cs_bstrdiv{
      display: none;
    }
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
  .cs_str_p1{
    font-size: 28px;
  }
}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
   
}
/* ss_maru_section_string01.liquid css end */
/* ss_maru_section_button01.liquid */
/* strings */
.mp_string_div_00{
  position: relative;
  display: block;
  margin: 60px 0px 40px 0px;
}
.cs_btm_str{
  font-size: 17px;
	font-weight: 800;
	color: #000000;
	/* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
  font-family: '游明朝';
	letter-spacing: 0.05em;
	line-height:50px;
	text-align: center;
  margin: auto;
}
.cs_btm_str02{
  font-size: 22px;
	font-weight: normal;
	color: #000000;
	/* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
  font-family: '游明朝';
	letter-spacing: 0.1em;
	line-height:50px;
	text-align: right;
  margin: auto;
  position: absolute;
  right: 15px;
}
/* button */
.btn_cstm_div_wrap{
  position: relative;
  display: block;
  margin: auto;
  text-align: center;
  width: 40%;
  margin-top: 60px;
  margin-bottom: 80px;
}
.cs_btn_div_00{ /* .btn_cstm_div_00 { */
	position: relative;
  display: block;
  width: 57%;
  margin: auto;
	/* padding: 0.3em 0.3em 0.3em 0.8em;*/
  padding: 5px 0px;
	color: #000000;
	border-radius: 3px 3px 3px 3px;
	background-color: #ffffff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  transition-duration: 0.3s;
  border: 1px #000000 solid;
}
.cs_btn_div_00:hover{
  opacity: 0.6;
	transition-duration: 0.3s;
}
@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */
  .cs_btm_str{
    font-size: 18px;
  }
  .cs_btm_str02{
    font-size: 18px;
  }
}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
  .cs_btm_str{
    font-size: 16px;
  }
  .cs_btm_str02{
    font-size: 16px;
    right: 10px;
  }
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */
  .cs_btm_str{
    font-size: 14px;
  }
  .cs_btm_str02{
    font-size: 14px;
    right: 8px;
  }
}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
  .cs_btm_str{
    font-size: 18px;
  }
  .cs_btm_str02{
    font-size: 18px;
    right: 5px;
  }
  .btn_cstm_div_wrap{
    width: 51%;
  }
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
  .mp_string_p1{
    font-size: 28px;
  }
  .cs_btm_str{
    font-size: 16px;
    line-height:50px;
  }
  .cs_btm_str02{
    font-size: 16px;
    line-height:50px;
  }
  .btn_cstm_div_wrap{
    width: 83%;
  }
  .cs_btn_div_00{
    width: 81%;
  }
}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
   
}
/* ss_maru_section_button01.liquid end */
/* ss_maru_section_string_notation020.liquid css */
.mp_notation_string_wrapper{
  position: relative;
  display: block;
  margin: 0px 20%;
}
.mp_notation_string_div_00{
  position: relative;
  display: block;
  margin: 60px 0px 0px 0px;
}
.mp_notation_string_p1{
	font-size: 20px;
	font-weight: bold;
	color: #000000;
  font-family: 'Hiragino Kaku Gothic Pro';
	letter-spacing: 0.1em;
	line-height:40px;
	text-align: left;
  margin: 0px;
  margin-bottom: 10px;
}
.mp_notation_string_div_01{
  position: relative;
  display: block;
  margin: 20px 0px 60px 0px;
}
.mp_notation_string_p2{
	font-size: 16px;
	font-weight: bold;
	color: #000000;
  font-family: 'Hiragino Kaku Gothic Pro';
	letter-spacing: 0.1em;
	line-height:40px;
	text-align: left;
  margin: 0px;
  margin-bottom: 10px;
}
/*  */
#mp_notation_list_wrap{
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0px 0px 20px 0px;
}
.mp_notation_list_div02{
  text-align: left;
  margin: 20px 0px 20px 0px;
}
.mp_notation_list_div{
	width: 100%;
	height: auto;
	background-color: #ffffff;
	text-align: center;
  margin: auto;
  transition-duration: 0.5s;
  border-bottom: #000000 1px solid;
}
.mp_notation_list_div:hover{
  transition-duration: 0.5s;
  opacity: 0.8;
}
.mp_notation_list_index_p{
  width: 20%;
  display: inline-block;
	text-align: left;
	font-size: 16px;
  font-weight: normal;
  color: #000;
	font-family: '小塚ゴシック Pro';
  letter-spacing: 0.1em;
  margin: auto;
  vertical-align: top;
  margin-right: 2%;
}
.mp_notation_list_index_p02{
  width: 77%;
  display: inline-block;
	text-align: left;
	font-size: 16px;
  font-weight: normal;
  color: #000;
	font-family: '小塚ゴシック Pro';
  letter-spacing: 0.1em;
  margin: auto;
  vertical-align: top;
  overflow: hidden;
}
.mp_notation_list_date_new{
	/* margin-right: 33px; */
	margin-right: 25px;
}
.mp_notation_list_display{
	display: none;
}
#payment{
  padding-top:100px;
  margin-top:-100px;
}
#delivery{
  padding-top:100px;
  margin-top:-100px;
}
@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
  .mp_notation_string_wrapper{
    position: relative;
    display: block;
    margin: 0px 120px 0px 120px;
  }
  .mp_notation_string_wrapper{
    position: relative;
    display: block;
    margin: 0px 10% 0px 10%;
  }
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
  .mp_notation_list_date_new{
    margin-right: 0px;
  }
  .mp_notation_list_display{
    display: block;
  }
  .mp_notation_list_index_p{
    width: 100%;
    margin-bottom: 15px;
  }
  .mp_notation_list_index_p02{
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
 .mp_notation_string_wrapper{
    position: relative;
    display: block;
    margin: 0px 5%;
  }
}
/* ss_maru_section_string_notation020.liquid end */
/* ss_maru_section_string_notation020.liquid css */

@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */

}
/* ss_maru_section_string_notation020.liquid end */
/* ss_maru_custum_slider.liquid css */
  .mp_pp_custom_slider{ /* mp_pp_custom_slider */
    position: relative;
    display: block;
    margin: 0px;
  }
  @media screen and (max-width: 1600px) {

    ;
    /* 1600pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1400px) {

    ;
    /* 1400pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1280px) {

    ;
    /* 1024pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1024px) {

    ;
    /* 1024pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 768px) {

    ;
    /* 768pxまでの幅の場合に適応される */

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

    ;
    /* 480pxまでの幅の場合に適応される */

  }
  /* ss_maru_custum_slider.liquid css end */
/* ss_maru_custum_slider.liquid css */
  .mp_pp_custom_slider{ /* mp_pp_custom_slider */
    position: relative;
    display: block;
    margin: 0px;
  }
  @media screen and (max-width: 1600px) {

    ;
    /* 1600pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1400px) {

    ;
    /* 1400pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1280px) {

    ;
    /* 1024pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1024px) {

    ;
    /* 1024pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 768px) {

    ;
    /* 768pxまでの幅の場合に適応される */

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

    ;
    /* 480pxまでの幅の場合に適応される */

  }
  /* ss_maru_custum_slider.liquid css end */
.slider2{
  padding-left: 0px;
}
.slider2 li{
  /* max-width: 836px; */
  max-width: 76%;
  text-align: center;
  margin: auto;
}
.slider_artname_p{
    font-size: 16px;
    font-weight: 800;
    color: #000000;
    font-family: '游明朝';
    letter-spacing: 0.05em;
    line-height: 32px;
    text-align: center;
    margin: 20px;
}
.list_none{
  list-style:none;
}
  @media screen and (max-width: 1600px) {

    ;
    /* 1600pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1400px) {

    ;
    /* 1400pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1280px) {

    ;
    /* 1024pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1024px) {
    /* 1024pxまでの幅の場合に適応される */
    .slider2 li{
      /* margin: 40px; */
    }
  }
  @media screen and (max-width: 768px) {

    ;
    /* 768pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 480px) {
    /* 480pxまでの幅の場合に適応される */
    .slider2 li{
      /* margin: 20px; */
    }
  }
  /* ss_maru_custum_slider.liquid css end */
.cs_feednews_wrap{
    background-color: #F1F2ED;
    padding-top: 5px;
    padding-bottom: 10px;
    margin-bottom: 0px;
  }
  .cs_feedstr_div{
    position: relative;
    display: block;
    margin: 60px 0px 40px 0px;
  }
  .btn_feed_div_wrap{
    position: relative;
    display: block;
    margin: auto;
    text-align: center;
    width: 40%;
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .news-list{
    margin-bottom: 80px;
    padding: 0px;
  }
  #section-news-list .news-list-heading{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
  }
  #section-news-list .container{
    /* 
    max-width: 1200px;
    margin: 0 auto;
    padding: 55px;
    */
    width: 880px;
    margin: auto;
    text-align: center;
  }
  .container-newsfeed{
    width: 880px;
    margin: auto;
    text-align: center;
  }
  #section-news-list .news-list{
    /* border: 1px solid #ccc; */
  }
  #section-news-list .news-list-item{
    border-bottom: 1px solid #000000;
    list-style: none;
    opacity: 1;
    transition-duration: 0.3s;
    padding: 10px 0px;
  }
  #section-news-list .news-list-item:hover{
    opacity: 0.8;
    transition-duration: 0.3s;
  }
  #section-news-list .news-list-item>a{
    display: flex;
    align-items: center;
    padding: 10px 0px;
  }
  /*
  #section-news-list .news-list-item:last-child{
    border-bottom: none;
  }
  */
  #section-news-list .news-list-date{
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    color: #000;
    font-family: '小塚ゴシック Pro';
    letter-spacing: 0.1em;
    padding-bottom: 2px;
    margin-right: 15px;
    margin-bottom: 10px;
  }
  #section-news-list .news-list-category{
    font-size: 12px;
    font-weight: normal;
    font-family: '小塚ゴシック Pro';
    color: #ffffff;
    background: #000000;
    letter-spacing: 0.1em;
    /* 
    color: #fff;
    background: #000;
    */
    padding: 6px;
    margin-right: 15px;
  }
  #section-news-list .news-list-info{
    position: relative;
    top: 1px !important;
    /*
    width: 260px;
    text-align: left;
    */
  }
  #section-news-list .news-list-title{
    margin-bottom: 0;
    /*
    text-overflow: ellipsis;
    white-space: nowrap;
    */
    overflow: hidden;
    position: relative;
    top: 1px;

    text-align: left;
    font-size: 16px;
    font-weight: normal;
    color: #000;
    font-family: '小塚ゴシック Pro';
    letter-spacing: 0.1em;
  }
  @media screen and (max-width: 768px){
    /*
    #section-news-list .container{
      padding: 35px 20px;
    }
    */
    #section-news-list .news-list-item>a{
      display: block;
      padding: 15px;
    }
    #section-news-list .news-list-info{
      margin-bottom: 5px;
    }
  }
  @media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */
    #section-news-list .cs_news-list-date{
      font-size: 20px;
    }
    #section-news-list .cs_news-list-title{
      font-size: 20px;
    }
}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
    #section-news-list .container{
      /* width: 680px; */
      width: 770px;
    }
    #section-news-list .cs_news-list-date{
      font-size: 18px;
    }
    #section-news-list .cs_news-list-title{
      font-size: 18px;
    }
}

@media screen and (min-width: 750px) and (max-width: 990px){
  .container-newsfeed {
    width: 90%;
  }
}

@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
  #section-news-list .container{
    width: 90%;
  }
  .container-newsfeed{
    width: 90%;
  }
  #section-news-list .news-list-item{
    text-align: left;
  }
  .btn_feed_div_wrap{
    width: 320px;
  }
}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
   
}
.cs_feednews_wrap_top{
    background: #886D62;
    padding-top: 5px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    
  }
  .cs_news-list{
    margin: 0px;
    padding: 3px 0px;
  }
  #section-news-list .cs_news-list-item{
    /* border-bottom: 1px solid #000000; */
    color: #ffffff;
    list-style: none;
    opacity: 1;
    transition-duration: 0.3s;
    padding: 2px 0px;
  }
  #section-news-list .cs_news-list-item:hover{
    opacity: 0.8;
    transition-duration: 0.3s;
  }
  #section-news-list .cs_news-list-item>a{
    display: flex;
    align-items: center;
    padding: 10px 0px;
    justify-content: center;
  }
  #section-news-list .cs_news-list-title{
    margin-bottom: 0;
    /*
    text-overflow: ellipsis;
    white-space: nowrap;
    */
    overflow: hidden;
    position: relative;
    top: 1px;

    text-align: left;
    font-size: 20px;
    font-weight: normal;
    color: #ffffff;
    font-family: '游明朝';
    letter-spacing: 0.1em;
  }
  #section-news-list .cs_news-list-date{
    text-align: left;
    font-size: 20px;
    font-weight: normal;
    color: #ffffff;
    font-family: '游明朝';
    letter-spacing: 0.1em;
    padding-bottom: 2px;
    margin-right: 15px;
    margin-bottom: 10px;
  }
  #section-news-list .cs_news-list-category{
    font-size: 20px;
    font-weight: normal;
    font-family: '游明朝';
    color: #ffffff;
    background: #000000;
    letter-spacing: 0.1em;
    /* 
    color: #fff;
    background: #000;
    */
    padding: 6px;
    margin-right: 15px;
  }
  #section-news-list .cs_news-list-info{
    position: relative;
    top: 1px;
    /*
    width: 260px;
    text-align: left;
    */
  }
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
  #section-news-list .cs_news-list-item>a{
    display: block;
    padding: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  #section-news-list .cs_news-list-item{
    text-align: left;
  }
  #section-news-list .cs_news-list-title{
    font-size: 12px;
  }
  #section-news-list .cs_news-list-date{
    font-size: 12px;
  }
  #section-news-list .cs_news-list-category{
    font-size: 12px;
  }
}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
   
}
/* cs_googlemap.liquid css */
#access_map{
   margin:0 auto;
	padding:0;
	display:block;
	/* width:62%; */
  margin: 0px 20%;
	vertical-align:top;
}

#map_canvas{
	width:100%;
	/*height:350px;*/
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

#map_canvas iframe,
#map_canvas object,
#map_canvas embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
  @media screen and (max-width: 1600px) {

    ;
    /* 1600pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1400px) {

    ;
    /* 1400pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1280px) {

    ;
    /* 1024pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1024px) {
    /* 1024pxまでの幅の場合に適応される */
    #access_map{
      margin: 0px 10%;
    }
  }
  @media screen and (max-width: 768px) {

    ;
    /* 768pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 480px) {
    /* 480pxまでの幅の場合に適応される */
    #access_map{
      margin: 0px 20px;
    }
  }
  /* cs_googlemap.liquid css end */
/* ss_maru_section_string05.liquid css */
.cs_ProductIcon{
    list-style: none;
    margin: 20px 20px 0px 0px;
    float: left;
    padding-left: 0px;
    padding-top: 10px;
}
.cs_ProductIcon li {
    text-align: center;
    display: inline-block;
    padding: 0 10px;
    opacity: 1;
    transition-duration: 0.3s;
    cursor: pointer;
}
@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
  .cs_ProductIcon{
    float: none;
  }
}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
   
}
/* ss_maru_section_string05.liquid css end */
/* ss_maru_section_string_notation020.liquid css */
.mp_aboutus_img_wrapper{
  position: relative;
  display: block;
  margin: 0px 20%;
}
#mp_img_list_wrap{
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  /* margin: 0px 0px 20px 0px; */
  margin-top: 40px;
  margin-bottom: 50px;
}
.aboutus_img {
	max-width:100%;
	height:auto;
  /* cursor: pointer; */
}
@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
  .mp_aboutus_img_wrapper{
    margin: 0px 10%;
  }
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
  .mp_aboutus_img_wrapper{
    margin: 0px 5%;
  }
}
/* ss_maru_section_string_notation020.liquid end */
/* ss_maru_section_string_notation020.liquid css */
/* ss_maru_section_string_notation020.liquid end */
/* ss_maru_section_string_notation020.liquid css */
.mp_aboutus_img_wrapper{
  position: relative;
  display: block;
  margin: 0px 20%;
}
#mp_img_list_wrap{
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  /* margin: 0px 0px 20px 0px; */
  margin-top: 40px;
  margin-bottom: 50px;
}
.aboutus_img {
	max-width:100%;
	height:auto;
  /* cursor: pointer; */
}
@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
  .mp_aboutus_img_wrapper{
    margin: 0px 10%;
  }
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
  .mp_aboutus_img_wrapper{
    margin: 0px 5%;
  }
}
/* ss_maru_section_string_notation020.liquid end */
/* cs_recently.liquid css */
/* strings */
.cs_grid__item{
  display: inline-block;
  width: 22%;
  margin-left: 3%;
  float: left;
}
.csitem_margin{
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 5px;
}
.cs_rectitle{
  /* font-size: 32px; */
	font-weight: normal;
  letter-spacing: .05em;
	color: #000000;
  font-family: '游明朝';
}
.cs_recplace{
  font-weight: 800;
  letter-spacing: .05em;
	color: #000000;
  font-family: '游明朝';
}

@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
  .cs_grid__item{
    /*
    display: inline-block;
    width: 50%;
    */
    width: 48%;
    float: left;
    margin-right: 1%;
    margin-left: 1%;
  }
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
  
}
@media screen and (max-width: 600px) {
  .cs_grid__item{
    /*
    display: inline-block;
    width: 50%;
    */
    width: 49%;
    float: left;
    margin-right: 0%;
    margin-left: 1%;
    height: 360px;
  }
  .csitem_margin{
    margin-left: 20px;
  }
}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
   
}
/* cs_recently.liquid css end */
/* cs_str_yellow.liquid css */
/* strings */
.mp_string_yellow_wrapper{
  position: relative;
  margin: 40px 20%;
}
.cs_string_yellow_div_00{ /* .mp_string_yellow_div_00{ */
  position: relative;
  display: block;
  background-color: #F1F2ED;
}
.mp_string_yellow_p1{
	font-size: 20px;
	font-weight: bold;
	color: #000000;
  font-family: '小塚ゴシック Pro';
	letter-spacing: 0.1em;
	line-height:40px;
	text-align: left;
  margin: 0px;
  margin-bottom: 5px;
  margin-left: 15px;
}
@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
    .mp_string_yellow_wrapper{
      margin: 0px 10% 0px 10%;
    }
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
  .mp_string_yellow_wrapper{
    margin: 0px 5%;
  }
}
/* cs_str_yellow.liquid css end */
/* ss_maru_section_string_notation020.liquid css */
.mp_aboutus_string_wrapper{
  position: relative;
  display: block;
  margin: 0px 20%;
}
.mp_aboutus_string_div_00{
  position: relative;
  display: block;
  margin: 60px 0px 0px 0px;
}
.mp_aboutus_string_p1{
	font-size: 20px;
	font-weight: bold;
	color: #000000;
  font-family: 'Hiragino Kaku Gothic Pro';
	letter-spacing: 0.1em;
	line-height:40px;
	text-align: left;
  margin: 0px;
  margin-bottom: 10px;
}
.mp_aboutus_string_div_01{
  position: relative;
  display: block;
  margin: 20px 0px 60px 0px;
}
.mp_aboutus_string_p2{
	font-size: 16px;
	font-weight: bold;
	color: #000000;
  font-family: 'Hiragino Kaku Gothic Pro';
	letter-spacing: 0.1em;
	line-height:40px;
	text-align: left;
  margin: 0px;
  margin-bottom: 10px;
}
/*  */
#mp_aboutus_list_wrap{
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0px 0px 20px 0px;
}
.mp_aboutus_list_div02{
  text-align: left;
  margin: 20px 0px 20px 0px;
}
.mp_aboutus_list_div{
	width: 100%;
	height: auto;
	background-color: #ffffff;
	text-align: center;
  margin: auto;
  transition-duration: 0.5s;
}
.mp_aboutus_list_div:hover{
  transition-duration: 0.5s;
  opacity: 0.8;
}
.mp_aboutus_list_index_p{
  display: inline-block;
	text-align: left;
	font-size: 16px;
  font-weight: normal;
  color: #000;
	font-family: '游明朝';
  letter-spacing: 0.1em;
  margin: auto;
  vertical-align: top;
  margin-right: 2%;
}
@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
  .mp_aboutus_string_wrapper{
    position: relative;
    display: block;
    margin: 0px 120px 0px 120px;
  }
  .mp_aboutus_string_wrapper{
    position: relative;
    display: block;
    margin: 0px 10% 0px 10%;
  }
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
  .mp_aboutus_list_index_p{
    width: 100%;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
  .mp_aboutus_string_wrapper{
    position: relative;
    display: block;
    margin: 0px 5%;
  }
}
/* ss_maru_section_string_notation020.liquid end */
/* ss_maru_section_string01.liquid css */
/* strings */
.cs_strdiv{
  position: relative;
  display: block;
  margin: 60px 0px 20px 0px;
}
.cs_str_p1{ /* .mp_string_p1 */
	font-size: 32px;
	font-weight: 800;
	color: #000000;
  font-family: '游明朝';
	letter-spacing: 0.05em;
	line-height:64px;
	text-align: center;
  margin: 0px;
  margin-bottom: 5px;
}
.cs_color_bar01 {
    display: inline-block;
    position: relative;
    background-color: #D9D9D1;
    width: 60px;
    height: 6px;
}
.cs_color_bar02 {
    display: inline-block;
    position: relative;
    background-color: #707070;
    width: 60px;
    height: 6px;
    left: -5px;
}

@media screen and (max-width: 768px) { 
  .cs_strdiv{
    margin: 30px 0px 20px 0px;
  }
}
  
@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
  .cs_str_p1{
    font-size: 28px;
  }
}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
     .cs_str_p1{
    font-size: 23px;
  }
}
/* ss_maru_section_string01.liquid css end */
/* ss_maru_section_string_notation020.liquid css */
.mp_aboutus_img_wrapper{
  position: relative;
  display: block;
  margin: 0px 20%;
}
#mp_img_list_wrap{
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  /* margin: 0px 0px 20px 0px; */
  margin-top: 40px;
  margin-bottom: 50px;
}
.aboutus_img {
	max-width:100%;
	height:auto;
  /* cursor: pointer; */
}
@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
  .mp_aboutus_img_wrapper{
    margin: 0px 10%;
  }
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
  .mp_aboutus_img_wrapper{
    margin: 0px 5%;
  }
}
/* ss_maru_section_string_notation020.liquid end */
/* ss_maru_section_02.liquid */
.cp_mid_wrapper{
  width: 100%;
  height: auto;
  background-color:#fff;
}
.cs_mid_div_wrapbig{ /* .mp_mid_div_wrapbig */
  /* margin: 0px 100px 0px 100px; */
  padding: 0px 0px 30px 0px;
  overflow: hidden;
}
.mp_mid_img_div{
  display: block;
  width: 100%;
  height: auto;
  margin: 40px 0px 40px 0px;
}
/* color bar */
.color_bar_wrap{
  display: block;
  position: relative;
  height: auto;
  margin: auto;
  text-align: center;
}
.color_bar01{
  display: inline-block;
  position: relative;
  background-color: #FFF216;
  width: 60px;
  height: 6px;
}
.color_bar02{
  display: inline-block;
  position: relative;
  background-color: #000000;
  width: 60px;
  height: 6px;
  left: -5px;
}
/* strings */
.mp_mid_div_00{
  position: relative;
  display: block;
  margin: auto;
}
.mp_mid_div_01{
  float: left;
  text-align: center;
  margin-left: 5%;
  width: 30%;
  margin-right: 0%;
}
.mp_mid_div_02{
  float: left;
  text-align: center;
  width: 30%;
  margin-right: 0%;
}
.mp_mid_div_03{
  float: left;
  text-align: center;
  width: 30%;
}
.mp_mid_div_04{
  position: relative;
  display: block;
  margin: auto;
  text-align: center;
  width: 40%;
}
/* button */
.cp_mid_headline05 {
	position: relative;
	/* padding: 0.3em 0.3em 0.3em 0.8em;*/
  padding: 5px 0px;
	-webkit-transform: skewX(-15deg);
	        transform: skewX(-15deg);
	color: #000000;
	border-radius: 3px 3px 3px 3px;
	background-color: #FFF216;
  margin: 20px 10px 10px 0px;
  width: 80%;
  margin-left: 10%;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  transition-duration: 0.3s;
}
.cp_mid_headline05 span {
	display: inline-block;
	-webkit-transform: skewX(15deg);
	        transform: skewX(15deg);
}
.cp_mid_headline05::after {
	position: absolute;
	width: 90px;
	height: 20px;
	content: '';
	border-width: 0 1px 2px 0;
	border-style: solid;
	border-color: #ffecb3;
	border-radius: 0 0 3px 0;
}
.cp_mid_headline05::after {
	right: 3px;
	bottom: 3px;
}
.cp_mid_headline05:hover{
  opacity: 0.8;
	transition-duration: 0.3s;
}
.img_hover:hover{
  opacity: 1;
	transition-duration: 0.3s;
}
.img_hover:hover{
  opacity: 0.8;
	transition-duration: 0.3s;
}
/* button */
.btn_div{
  display: block;
  width: 200px;
  height: auto;
  -webkit-transform: skew(-20deg);
  transform: skew(-20deg);
  padding: 10px 60px;
  color: #000000;
  background: #FFF216;
  display: inline-block;
}
.btn_str{
  font-size: 22px;
	font-weight: normal;
	color: #000000;
	/* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
  /* font-family: 'Hiragino Kaku Gothic Pro'; */
  font-family: '小塚ゴシック Pro';
	letter-spacing: 0em;
	line-height:50px;
	text-align: center;
  margin: auto;
}
.btn_str02{
  font-size: 22px;
	font-weight: normal;
	color: #000000;
	/* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
  font-family: '小塚ゴシック Pro';
	letter-spacing: 0.1em;
	line-height:50px;
	text-align: right;
  margin: auto;
  position: absolute;
  right: 15px;
}
.br1280{
  display:none;
}
.br768{
  display:none;
}
.br480{
  display:none;
}
.mp_mid_768{
    display: none;
}
.mp_mid_1024{
  display: none;
}
/* Mp mid css */
.mp_mid_p1{
  font-size: 52px;
	font-weight: bold;
	color: #ffffff;
	/* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
  font-family: 'Gen Shin Gothic';
	letter-spacing: 0em;
	line-height:64px;
	padding-top: 5px;
	text-align: center;
  margin-bottom: 25px;
}
.mp_mid_p2{
  font-size: 66px;
	font-weight: 900;
	color: #fff216;
	/* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
  font-family: 'United sans-serif';
	letter-spacing: 0em;
	line-height:64px;
	text-align: center;
  margin-top: 10px;
}
.cs_mid_p3{ /* cs_mid_p3 */
  font-size: 16px;
	font-weight: normal;
	color: #000000;
	/* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
  font-family: '游明朝';
	letter-spacing: 0.1em;
	line-height:32px;
	padding-top: 20px;
	text-align: left;
    margin-top: 40px;
}
.section02_max_img01{
  max-width: 100%;
  height: auto;
}
.section02_max_img02{
  max-width: 92%;
  height: auto;
  margin-top: 5%;

}
.section02_max_img03{
  max-width: 100%;
  height: auto;
}
.cs_div_00{
  float: left;
  width: 100%;
}
.cs_div_01{
  margin: 0px 10%;
}

.top_introduction_img_box{
  width: 60%;
  margin: 0 auto;
}
@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */
    .btn_str{
      font-size: 18px;
    }
    .btn_str02{
      font-size: 18px;
    }
}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    .btn_str{
      font-size: 16px;
    }
    .btn_str02{
      font-size: 16px;
      right: 10px;
    }
    .mp_mid_p1{
      font-size: 45px;
    }
    .mp_mid_p2{
      font-size: 58px;
    }
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */
    .btn_str{
      font-size: 14px;
    }
    .btn_str02{
      font-size: 14px;
      right: 8px;
    }
    .br1280{
      display:inline;
    }
}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
    .btn_str{
      font-size: 18px;
    }
    .btn_str02{
      font-size: 18px;
      right: 5px;
    }
    .cs_mid_div_wrapbig{
      margin: 0px 40px 0px 40px;
      padding: 10px 0px 60px 0px;
    }
    .mp_mid_p1{
      margin-bottom: 20px;
    }
    .cs_mid_p3{
      margin-top: 0px;
      margin-bottom: 0px;
    }
    .mp_mid_1024{
      display: inline;
    }
    .mp_mid_div_04{
      width: 75%;
    }
    .cs_div_01{
      margin: 0px 5%;
    }
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
    .mp_mid_div_00{
      width: 90%;
      margin-left: 5%;
    }
    .cs_mid_div_wrapbig{
        margin: 0px 20px 0px 20px;
    }
    .mp_mid_p1{
      font-size: 32px;
    }
    .mp_mid_p2{
      font-size: 50px;
    }
    .btn_str{
      font-size: 16px;
      line-height:50px;
    }
    .btn_str02{
      font-size: 16px;
      line-height:50px;
    }
    .cs_mid_div_wrapbig{
      padding-bottom: 0px;
    }
    .br1280{
      display:none;
    }
    .br768{
      display:inline;
    }
    .mp_mid_div_01{
      width: 50%;
      margin-left: 0px;
      margin-right: 0px;
      margin-bottom: 20px;
    }
    .mp_mid_div_02{
      width: 50%;
      margin-left: 0px;
      margin-right: 0px;
      margin-bottom: 20px;
    }
    .mp_mid_div_03{
      width: 80%;
      margin-left: 10%;
      margin-bottom: 60px;
      display:none;
    }
    .mp_mid_768{
      display: inline;
    }
    .mp_mid_div_04{
      width: 88%;
    }
  .top_introduction_img_box{
    width:100%;
  }
}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
    .cs_mid_p3 {
      font-size: 15px;
      letter-spacing: -0.1em;
      line-height: 28px;
    }
    .cp_mid_headline05{
      width: 95%;
      margin-left: 5%;
    }
    .mp_mid_p1{
      font-size: 26px;
      line-height: 50px;
    }
    .mp_mid_p2{
      font-size: 40px;
    }
    .br480{
      display:block;
    }
}

@media screen and (max-width: 380px){
  
}
  
/* ss_maru_section_02.liquid end */
/* footer top */
  #footer_top_section {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 40px;
  }
  .footer_top_wrap {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin: auto;
    background-color: #F1F2ED;
    overflow: hidden;
  }
  .footer_left_div {
    position: relative;
    display: block;
    width: 50%;
    height: auto;
    float: left;
    margin: 60px 0 60px;
  }
  .footer_right_div {
    position: relative;
    display: block;
    width: 50%;
    height: auto;
    float: left;
    margin: 80px 0;
    border-left: 1px #000000 solid;
  }
  .footer_logo_wrap {
    position: relative;
    /* margin-top: 20px; */
    margin-top: 40px;
    list-style: none;
  }
  .footer_logo_img_p {
    font-size: 13px;
    font-weight: normal;
    color: #000000;
    /* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
    font-family: '游明朝';
    letter-spacing: 0.1em;
    line-height: 36px;
    margin: auto auto auto 21px;
    text-align: left;
  }
  .footer_right_logo_img {
    width: 165px;
    height: auto;
    cursor: pointer;
    margin-top: -10px;
    display: block;
    margin-left: 17px;
  }
  .footer_left_title_p {
    font-size: 20px;
    font-weight: 800;
    color: #000000;
    /* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
    font-family: '游明朝';
    letter-spacing: 0.1em;
    line-height: 36px;
    margin: 0 80px;
    text-align: left;
  }
  .footer_left_address_div {
    /* margin-top: 40px; */
  }
  .footer_left_p {
    font-size: 16px;
    font-weight: normal;
    color: #000000;
    /* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
    font-family: '游明朝';
    letter-spacing: 0.1em;
    line-height: 36px;
    margin: 0 80px;
    text-align: left;
  }
  .footer_left_regist_p {
    font-size: 16px;
    font-weight: normal;
    color: #ffffff;
    /* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
    font-family: '游明朝';
    letter-spacing: 0.1em;
    line-height: 36px;
    margin: 0 80px;
    text-align: left;
  }
  .footer_right_li {
    list-style: none;
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 0 20px;
    transition-duration: 0.3s;
    text-align: left;
  }
  .footer_right_ul1 {
    padding: 0 0 0 38px;
  }
  .footer_title_p1 {
    font-size: 18px;
    font-weight: 800;
    color: #000000;
    /* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
    font-family: '游明朝';
    letter-spacing: 0.1em;
    line-height: 18px;
    margin: 0 0 0 55px;
    text-align: left;
  }
  .footer_right_ul2 {
    padding: 0;
    margin-left: -25px;
  }
  .footer_title_p2 {
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    /* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
    font-family: '游明朝';
    letter-spacing: 0.1em;
    line-height: 18px;
    margin: 0 0 0 -7px;
    text-align: left;
  }
  .footer_right_ul3 {
    padding: 0;
    margin-left: -50px;
  }
  .footer_title_p3 {
    font-size: 18px;
    font-weight: 800;
    color: #000000;
    /* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
    font-family: '游明朝';
    letter-spacing: 0.1em;
    line-height: 18px;
    margin: 0 0 0 -35px;
    text-align: left;
  }
  .footer_right_li_p {
    font-size: 13px;
    font-weight: normal;
    color: #000000;
    /* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
    font-family: '游明朝';
    letter-spacing: 0.1em;
    line-height: 20px;
    margin: auto;
    cursor: pointer;
  }
  .footer_right_li_p:hover {
    opacity: 0.7;
    transition-duration: 0.3s;
  }
  .footer_right_left {
    width: 32%;
    height: auto;
    margin: auto auto auto 2%;
    float: left;
  }
  .footer_right_middle {
    width: 32%;
    height: auto;
    margin: auto;
    float: left;
  }
  .footer_right_right {
    width: 32%;
    height: auto;
    margin: auto 2% auto auto;
    float: left;
  }
  /* 登録フォーム */
  .footer_left_regist_wrap {
    position: relative;
    display: block;
    margin-left: 75px;
  }
  #form_regist {
    position: relative;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: left;
  }
  #sbox_regist {
    outline: 0;
    height: 40px;
    padding: 0;
    position: relative;
    display: inline-block;
    left: 0;
    top: 0;
    width: 503px;
    background: #ffffff;
    border: 0 #ffffff solid;
  }
  #sbtn_regist {
    width: 70px;
    height: 40px;
    position: relative;
    display: inline-block;
    left: 0;
    top: 0;
    background: #FFF216;
    color: #000000;
    font-weight: normal;
    font-size: 16px;
    font-family: '游明朝';
    letter-spacing: 0.1em;
    top: 2px;
    right: 74px;
    border: none;
    border: 0 #ffffff solid;
    cursor: pointer;
    transition-duration: 0.3s;
  }
  .sbtn_mail_regist {
    width: 70px;
    height: 40px;
    position: relative;
    display: inline-block;
    left: 0;
    margin: 0;
    background: #D5D5D5;
    color: #000000;
    font-weight: normal;
    font-size: 16px;
    font-family: '游明朝';
    letter-spacing: 0.1em;
    line-height: 40px;
    /* top: 8px; */
    top: 0;
    right: 74px;
    border: none;
    border: 0 #D5D5D5 solid;
    cursor: pointer;
    transition-duration: 0.3s;
  }
  #sbtn5:hover {
    opacity: 0.7;
    transition-duration: 0.3s;
  }
  /* footer bottom */
  .footer_cmp_logo {
    position: absolute;
    left: 0;
    margin: 0 0 0 74px;
  }
  .footer_logo_img {
    max-width: 100%;
    height: 38px;
    cursor: pointer;
  }
  #footer_bottom_nav_id {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
  }
  .bottom_nav_li {
    list-style: none;
    width: auto;
    height: auto;
    display: inline-block;
    padding: 0 20px;
    transition-duration: 0.3s;
  }
  .bottom_nav_li:hover {
    opacity: 0.7;
    transition-duration: 0.3s;
  }
  .bnav_border_right {
    border-right: 1px #000000 solid;
  }
  .bottom_nav_p {
    font-size: 13px;
    font-weight: normal;
    color: #000000;
    /* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
    font-family: '游明朝';
    letter-spacing: 0.1em;
    line-height: 13px;
    margin: auto;
  }
  .foot_br480 {
    display: none;
  }
  /* メールフォーム */
  .ss_mailform_wrapper {}
  #ss_mailform_wrapperid {
    padding: 0;
  }
  .line-icon{
    width: 20px;
    height: auto;
    cursor: pointer;
    margin-top: -2px;
  }
  @media screen and (max-width: 1600px) {

    ;
    /* 1600pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1400px) {
    /* 1400pxまでの幅の場合に適応される */
    #sbox_regist {
      width: 406px;
    }
  }
  @media screen and (max-width: 1280px) {
    /* 1024pxまでの幅の場合に適応される */
    .footer_left_div {
      width: 100%;
    }
    .footer_left_title_p {
      text-align: center;
    }
    .footer_left_p {
      text-align: center;
    }
    .footer_left_regist_wrap {
      margin-left: 0;
    }
    #form_regist {
      text-align: center;
    }
    .footer_right_div {
      width: 100%;
      border-left: none;
    }
    .footer_title_p1 {
      text-align: center;
      margin: 0;
    }
    .footer_title_p2 {
      text-align: center;
      margin: 0;
    }
    .footer_title_p3 {
      text-align: center;
      margin: 0;
    }
    .footer_right_ul1 {
      padding: 0;
    }
    .footer_right_ul2 {
      padding: 0;
      margin-left: 0;
    }
    .footer_right_ul3 {
      padding: 0;
      margin-left: 0;
    }
    .footer_right_li {
      text-align: center;
    }
    .footer_logo_wrap {
      position: absolute;
      right: 0;
      margin-right: 20px;
      list-style: none;
    }
    .footer_cmp_logo {
      position: relative;
      margin-left: 0;
      margin-bottom: 30px;
      margin-top: 40px;
    }
    .footer_right_div {
      margin-top: 20px;
      margin-bottom: 80px;
    }
    .bottom_nav_ul {
      padding-left: 0;
    }
    .footer_logo_img {
      height: 30px;
    }
  }
  @media screen and (max-width: 1024px) {

    ;
    /* 1024pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 768px) {
    /* 768pxまでの幅の場合に適応される */
    .footer_left_title_p {
      margin: 0 20px;
    }
    .footer_left_p {
      margin: 0 20px;
    }
    #sbox_regist {
      width: 390px;
    }
  }
  @media screen and (max-width: 480px) {
    /* 480pxまでの幅の場合に適応される */
    #sbox_regist {
      width: 240px;
    }
    .footer_right_left {
      width: 50%;
      margin: 0;
    }
    .footer_right_middle {
      width: 50%;
    }
    .footer_right_right {
      width: 50%;
      margin: 0;
    }
    .footer_right_li {
      padding: 5px 20px;
    }
    .footer_left_p {
      font-size: 13px;
      line-height: 26px;
      margin-top: 10px;
    }
    .foot_br480 {
      display: block;
    }
    .footer_left_title_p {
      line-height: 18px;
    }
    .footer_right_li_p {
      font-size: 12px;
    }
  }
/* 初期設定 */
html {
	height:100%;
}
body {
  text-align: center;
	margin:0;
	width:100%;
	background:#FFF;
	position:relative;
	-webkit-text-size-adjust: 100%;
	font-family:"Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳＰゴシック", "MS PGothic", sans-serif;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.nofloat{
	overflow:hidden;
	zoom:1;
}
img {
    border-style:none;
}
a {
	text-decoration: none;
	cursor: pointer;
}
a:link {
	color: #000000; 
}
a:visited {
	color: #000000;
}
ruby {
	ruby-align: distribute-space;
	ruby-overhang: auto;
	ruby-position: above;
}
input[type="submit"] {
   -webkit-appearance: none;
   /*border-radius: 0;*/
}
.max_img {
	max-width: 100%;
    margin: 0 auto;
	height:auto;
  /* cursor: pointer; */
}
/* 初期設定 end */
  #is_menu_section00{
    cursor: pointer;
    width: 60px;
    height: 50px;
    display: none;
    /* z-index: 9; */
    z-index: -1;
  }
  #index_menu_id{
    cursor: pointer;
    z-index: 30;
  }
  .is_menu_section_div_menu_line{
    display: inline-block;
      width: 30px;
    /* height: 20px; */
    height: 0px;
      padding: 10px;
      background: #fff0;
      position: absolute;
      top: 23px;
      left: 20px;
      z-index: 2;
  }
  .clearfix:after {
      visibility: hidden;
      display: block;
      content: " ";
      clear: both;
      height: 0;
  }
  * html .clearfix             { zoom: 1; } /* IE6 */
  *:first-child+html .clearfix { zoom: 1; } /* IE7 */
  .ishi_div_line_top{
    box-sizing: border-box;
    width:30px;
    height:3px;
    margin:auto;
    background: #242424;
    border-radius: 3px;
    transition: all .4s;
    position:absolute;
    top:0px;
    left:0;
    right:0;
  }
  .ishi_div_line_center{
    box-sizing: border-box;
    width:30px;
    height:3px;
    margin:auto;
    background: #242424;
    border-radius: 3px;
    transition: all .4s;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
  }
  .ishi_div_line_center_v2{
    box-sizing: border-box;
    width:30px;
    height:3px;
    margin:auto;
    background: #242424;
    border-radius: 3px;
    transition: all .4s;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
  }
  .ishi_div_line_bottom{
    box-sizing: border-box;
    width:30px;
    height:3px;
    margin:auto;
    background: #242424;
    border-radius: 3px;
    transition: all .4s;
    position:absolute;
    bottom:0px;
    left:0;
    right:0;
  }
  #is_menu_section{
    /* width: 225px;*/
    width: 0px;
    height: auto;
    /* position: absolute; */
    /* top: 67px; */
    position: fixed !important;
    z-index: -1;
    background-color: #F1F2ED;
    /* overflow: hidden; */
    overflow: auto;
  }
  .header_fixed{
    position: fixed !important;
  }
  .is_menu_section_div00{
    padding: 10px 0px 0px 10px;
  }
  .is_main_mene_div01{ 
    position: relative;
    margin-bottom: 40px;
    margin-top: 70px;
  }
  .is_menu_section_div_cl{
    /* width: auto; */
    /* width: 200px; */
    /* width: 170px; */
    /* width: 93%; */
    height: auto;
    text-align: left;
    margin: 5px 0px 5px 20px;
    position: relative;
    transition-duration: 0.5s;
    cursor: pointer;
  }
  .is_menu_section_div_cl_top{
    margin: 5px 0px 5px 20px;
  }
  .is_main_font_p{
    /* font-size: 14px; */
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    font-family: '游明朝';
    letter-spacing: 2px;
  }
  .is_main_passive{
    color: #ffffff;
    transition-duration: 0.5s;
  }
  .is_menu_section_div_cl:hover .is_main_passive{
    transition-duration: 0.5s;
    color: #886D62;
  }
  /* menu end */
  #nav_header_top{
    list-style: none;
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: 5px;
    margin-right: 15px;
    float: left;
  }
  .mpheader_top_wrapper{ /* mpheader_top_wrapper*/
    position: relative;
    width: 100%;
    /* height: auto;*/
    height: 64px;
    background-color: #F1F2ED;
    margin: 0;
    overflow: hidden;
    top: 0;
    z-index: 0;
  }
  .header_top_div{
    position: relative;
    display: block;
  }
  .header_top_div_img1{
    position: relative;
    display: inline-block;
    margin-top: 5px;
  }
  .header_top_div_img2{
    position: relative;
    display: inline-block;
    margin-top: 4px;
  }
  .header_top_div_img3{
    position: relative;
    display: inline-block;
    margin-top: 6px;
    margin-right: 6px;
  }
  .header_top_div_img4{
    position: relative;
    display: inline-block;
    margin-top: 5px;
  }
  .header_top_div_p1{
    position: relative;
    display: inline-block;
    margin: 6px 0px 0px 5px;
    vertical-align: top;
  }
  .header_top_div_p2{
    position: relative;
    display: inline-block;
    margin: 2px 0px 0px 5px;
    vertical-align: top;
  }
  .header_top_div_p3{
    position: relative;
    display: inline-block;
    margin: 6px 0px 0px 5px;
    vertical-align: top;
  }
  .header_top_div_p4{
    position: relative;
    display: inline-block;
    margin: 1px 0px 0px 5px;
    vertical-align: top;
  }
  .mpheader_top_btn_str{
    font-size: 15px;
    font-weight: bold;
    color: #000000;
    /* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
    font-family: '小塚ゴシック Pro';
    letter-spacing: 0.1em;
    line-height: 30px;
    margin: auto;
  }
  .max_logo_img{
    max-width: 100%;
    margin-top: 0px;
    height: 28px;
    cursor: pointer;
  }
  .headder_right_icon{
    margin-top: 2px;
  }
  #header_top_icon{
    list-style: none;
    margin-right: 23px;
    float: right;
    margin-top: 12px;
    margin-bottom: 0px;
  }
  .header_top_list{
    text-align: center;
    display: inline-block;
    padding: 0 10px;
    opacity: 1;
    transition-duration: 0.3s;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
  }
  /* header drop css */
  .is_menubar_slide_div00{
    display: none;
    position: relative;
    /* width:  150px; */
    height: auto;
    margin-left: 30px;
    margin-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: rgb(156, 152, 152) 2px solid;
    border-bottom: rgb(156, 152, 152) 2px solid;
    bottom: 5px;
    /*display: none;*/
  }
  .is_menubar_slide_div01{
    text-align: left;
    transition-duration: 0.5s;
    height: auto;
  }
  .is_main_font_p{
    /* font-size: 14px; */
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    font-family: '游明朝';
    letter-spacing: 2px;
  }
  .is_main_passive_contents{
    /* color: #000; */
    color: rgb(156, 152, 152);
    transition-duration: 0.5s;
  }
  #is_menu_section_click_med{
    cursor: pointer;
  }
  /* drop arrow menu */
  .header_arrow_div{
    position: relative;
    display: inline-block;
    float: right;
    margin-right: 30px;
    top: 13px;
    transition-duration: 0.5s;
  }
  .arrow{
    width: 10px;
    height: 10px;
    border: 2px solid;
    border-color: #000000 #000000 transparent transparent;
    transform: rotate(135deg);
    transition-duration: 0.5s;
  }
  /* menu icon */
  .header_menu_inside_icon {
    list-style: none;
    margin-right: 0px;
    padding-left: 0px;
    position: relative;
    display:block;
    float: right;
    width: 100%;
  }
  .header_menu_inside_icon li {
    text-align: center;
    display: inline-block;
    padding: 0 10px;
    opacity: 1;
    transition-duration: 0.3s;
    cursor: pointer;
  }
  .header_menu_inside_icon li:hover {
    opacity: 0.7;
    transition-duration: 0.3s;
  }
  /* menu icon func */
   .header_menu_icon_func {
    list-style: none;
    padding-left: 0px;
    position: relative;
    display:inline-block;
    float: right;
    width: 100%;
    margin: 5px 0px 5px 0px;
  }
  .header_menu_icon_func li {
    text-align: center;
    display: inline-block;
    padding: 0;
    opacity: 1;
    transition-duration: 0.3s;
    cursor: pointer;
    float: left;
    margin-left: 28px;
  }
  .header_menu_icon_func li:hover {
    transition-duration: 0.3s;
  }
  .menu_bar_icon_p{
    /* font-size: 14px; */
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    font-family: '游明朝';
    letter-spacing: 2px;
    transition-duration: 0.5s;
    margin: 0;
  }
  .header_menu_icon_func li:hover .menu_bar_icon_p{
    color: #886D62;
    transition-duration: 0.3s;
  }
  .menu_bar_margin{
    margin-left: 4px;
  }
  .menu_bar_margin_img1{
    max-width: 100%;
    /* height: auto; */
    height: 16px;
    margin-bottom: -3px;
  }
  .menu_bar_margin_img2{
    max-width: 100%;
    /* height: auto; */
    height: 16px;
    margin-bottom: -2px;
    margin-left: 1px;
  }
  .menu_bar_margin_img3{
    max-width: 100%;
    /* height: auto; */
    height: 16px;
    margin-bottom: -3px;
    margin-left: 0px;
  }
  .menu_bar_margin_img4{
    max-width: 100%;
    /* height: auto; */
    height: 16px;
    margin-bottom: -3px;
    margin-left: 2px;
  }
  .header_menu_icon li:hover {
    opacity: 0.7;
    transition-duration: 0.3s;
  }
  /* header drop css end */
  /* header css end */

  /* header_below css */
  .header_below_wrap{
    position: relative;
    display: block;
    width: 100%;
    height: 66px;
    background-color: #ffffff;
  }
  .mpheader_wrapper {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #ffffff;
    margin: 0;
    overflow: hidden;
  }
  #nav_header_below {
    list-style: none;
    margin: 2px 0px 0px 5px;
    float: left;
    padding-left: 30px;
  }
  #nav_header_below li {
    text-align: center;
    display: inline-block;
    padding: 0 10px;
    opacity: 1;
    transition-duration: 0.3s;
    cursor: pointer;
    padding-top: 16px;
    padding-bottom: 16px;
    text-align:left;
  }
  /*
  #nav_header_below li:hover {
    opacity: 0.7;
    transition-duration: 0.3s;
  }
  */
  #header_icon {
    list-style: none;
    margin-right: 20px;
    padding-left: 0px;
    float: right;
  }
  #header_icon li {
    text-align: center;
    display: inline-block;
    padding: 0 10px;
    opacity: 1;
    transition-duration: 0.3s;
    cursor: pointer;
  }
  #header_icon li:hover {
    opacity: 0.7;
    transition-duration: 0.3s;
  }
  #header_below_icon {
    list-style: none;
    margin: 20px 20px 0px 0px;
    float: right;
  }
  #header_below_icon li {
    text-align: center;
    display: inline-block;
    padding: 0 10px;
    opacity: 1;
    transition-duration: 0.3s;
    cursor: pointer;
  }
  #header_below_icon li:hover {
    opacity: 0.7;
    transition-duration: 0.3s;
  }
  .cs_header_btn_str { /* mpheader_btn_str */
    font-size: 16px;
    font-weight: 800;
    color: #000000;
    /* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
    /* font-family: '小塚ゴシック Pro'; */
    font-family: '游明朝';
    letter-spacing: 0.05em;
    line-height: 32px;
    margin: auto;
  }
  .max_logo_below_img{
    max-width: 100%;
    /*
    margin-top: 10px;
    height: 38px;
    */
    margin-top: 18px;
    height: 28px;
    margin-left: 32px;
    cursor: pointer;
    display: none;
  }
  .header_top_div_logo1{
    height: auto;
    margin: auto;
    float: left;
  }
  /* 登録フォーム */
  .header_left_search_wrap {
    position: relative;
    display: inline-block;
    width: 220px;
    height: auto;
    margin-left: -10px;
    margin-top: 25px;
  }
  #form_search {
    position: relative;
  }
  .sbox_search {
    outline: 0;
    height: 28px;
    padding: 0;
    position: absolute;
    left: 0;
    top: -22px;
    width: 230px;
    background: #ffffff;
    border: 1px #ffffff solid;
  }
  #sbtn_search:hover {
    opacity: 0.7;
    transition-duration: 0.3s;
  }
  /* header dropdown menu */
  .dropdown__list_ul {
    /* display: block; */
    /* visibility: hidden; *//*デフォルトでは非表示の状態にしておく*/
    transform: scaleY(0);/*デフォルトでは非表示の状態にしておく*/
    transform-origin: center top;/*変形を適応する基準をtopとする*/
    width: 100%;
    position: absolute;
    background-color: #F1F2ED;
    /* background-color: #f5f5f5; */
    top: 64px;
    left: 0;
    padding: 0px;
    transition-duration: 0.3s;
  }
  .nav_header_below_li:hover .dropdown__list_ul {
    /* display: block; */
    /* visibility: visible; *//*Gナビメニューにホバーしたら表示*/
    /* opacity: 1; */ /*不透明度1*/
    transform: scaleY(1);
    transition-duration: 0.2s;
  }
  .dropdown_menu_str{
    font-size: 16px;
    font-weight: normal;
    color: #000000;
    /* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
    font-family: '游明朝';
    letter-spacing: 0.1em;
    line-height: 32px;
    margin: auto;
    text-align: left;
    transition-duration: 0.3s;
    cursor:pointer;
  }
  .dropdown_menu_str:hover{
    color: #886D62;
    transition-duration: 0.3s;
  }
  .dropdown__list {
    width: 100%;
    height: 60px;
    position: relative;
  }
  .dropdown__list:not(:first-child)::before{
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .ul_bottom_div{
    width: 100%;
    position: relative;
    /* background-color: #000000; */
    background-color: #C1A092;
    padding: 1px 0px;
    top: 0px;
  }
  .submenu_img{
    max-width: 100%;
    height: 270px;
    margin: 30px 0px 30px 0px;
  }
  .header_bellow_ul_div01{
    /* float: left; */
    display: inline-block;
    text-align: center;
    width: 20%;
    margin-left: 2%;
    margin-right: 2%;
    vertical-align: top;
  }
  .header_bellow_ul_div02{
    /* float: left; */
    display: inline-block;
    text-align: center;
    width: 15%;
    margin-left: 0%;
    vertical-align: top;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .header_bellow_ul_div03{
    /* float: left; */
    display: inline-block;
    text-align: center;
    width: 15%;
    margin-right: 0%;
    vertical-align: top;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  /*
  .dropdown__list a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    position: relative;
  }
  .dropdown__list a::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #000000;
    border-left: 2px solid #000000;
    transform: rotate(135deg);
    position: absolute;
    right: 15px;
    top: calc(50% - 5px);
  }
  */
  .hline-icon{
    width: 20px;
    height: auto;
    cursor: pointer;
    margin-top: -2px;
  }
  /* header_below css end */
  @media screen and (max-width: 1600px) {
    /* 1600pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1400px) {
    /* 1400pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1280px) {
    /* 1024pxまでの幅の場合に適応される */
    #header_below_icon{
      display: none;
    }
  }
  @media screen and (max-width: 1024px) {
    /* 1024pxまでの幅の場合に適応される */
    .mpheader_wrapper {
      display: none;
    }
    #header_top_icon{
      display: none;
    }
    #nav_header_top{
      width: 100%;
      padding: 0px;
    }
    /* menu */
    #is_menu_section00{
      display: block;
      /* background-color: #000000e0; */
      background-color: #000000f2;
      width: 0%;
      height: 64px;
    }
    #is_menu_section{
      width: 0px;
      height: 100%;
      position: fixed !important;
      position: absolute;
      top: 0px;
      /* top: 64px; */
    }
    .is_menu_section_div00{
      padding: 0px;
      /* margin-top: 80px; */
      margin-top: 0px;
    }
    .is_menu_section_div_cl{
      margin-left: 30px;
    }
    .is_main_font_p{
      letter-spacing: 0.2px;
      transition-duration: 0.5s;
    }
    .is_main_font_p:hover{
      transition-duration: 0.5s;
      color: #886D62;
    }
    .header_below_wrap{
      display: none;
    }
    .header_top_div_logo1{
      float: none;
    }
  }
  @media screen and (max-width: 768px) {

    ;
    /* 768pxまでの幅の場合に適応される */

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

    ;
    /* 480pxまでの幅の場合に適応される */
  }
/* main-blog.liquid css */
  .ss_blog_margin {
    margin-bottom: 70px;
  }
  /* strings */
  @media screen and (max-width: 1600px) {

    ;
    /* 1600pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1400px) {

    ;
    /* 1400pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1280px) {

    ;
    /* 1024pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1024px) {

    ;
    /* 1024pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 768px) {
    ;
    /* 768pxまでの幅の場合に適応される */
  }
  @media screen and (max-width: 480px) {

    ;
    /* 480pxまでの幅の場合に適応される */

  }
  /* ss_maru_section_string01.liquid css end */
/* main-cart-footer.liquid css */

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

    ;
    /* 1600pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1400px) {

    ;
    /* 1400pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1280px) {

    ;
    /* 1024pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1024px) {

    ;
    /* 1024pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 768px) {

    ;
    /* 768pxまでの幅の場合に適応される */

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

    ;
    /* 480pxまでの幅の場合に適応される */

  }
  /* ss_maru_section_string01.liquid css end */
/* main-product.liquid css */
  /* title */
  .product_title_h1 {
    font-size: 24px;
    font-weight: bold;
    color: #000000;
    font-family: '游明朝';
    letter-spacing: 0.1em;
    line-height: 48px;
    text-align: left;
    margin: 0 0 5px;
  }
  /* color bar */
  .product_color_bar_wrap {
    display: block;
    position: relative;
    height: auto;
    margin: auto;
    text-align: left;
  }
  .product_color_bar01 {
    display: inline-block;
    position: relative;
    background-color: #D9D9D1;
    width: 60px;
    height: 6px;
  }
  .product_color_bar02 {
    display: inline-block;
    position: relative;
    background-color: #707070;
    width: 60px;
    height: 6px;
    left: -5px;
  }
  /* 商品価格 */
  .price_string_div {
    width: 100%;
    display: block;
    font-size: 24px;
    font-weight: bold;
    color: #000000;
    font-family: '小塚ゴシック Pro';
    letter-spacing: 0.1em;
    line-height: 48px;
    text-align: left;
    margin: 0 0 5px;
  }
  .ss_price_inline {
    display: inline-block;
    text-align: left;
  }
  .price_string_p {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    font-family: '游明朝';
    letter-spacing: 0.1em;
    line-height: 36px;
    text-align: center;
    margin: 0 0 5px;
  }
  .stock_string_p {
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    color: #000000ab;
    font-family: '游明朝';
    letter-spacing: 0em;
    line-height: 36px;
    text-align: center;
    margin: 0 0 5px;
  }
  p.zooomypwishmsg{
    font-family: '游明朝' !important;
  }
  .ss_price_css {
    display: inline-block;
  }
  .ss_product_num_st {
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
    font-family: '游明朝';
    letter-spacing: 0.1em;
    line-height: 36px;
    text-align: left;
    margin-left: 20px;
  }
  .ss_label_margin {
    /* margin-left: 50px; */
    color: #000000;
    font-family: '小塚ゴシック Pro';
  }
  .ss_product_cart_btn {
    padding: 10px 0px 10px 0px;
    /* background-color: #FFF216; */
    text-align: center;
    width: 100%;
    margin: 0;
  }
  .ss_product-form__buttons {
    margin-top: 40px;
    /* max-width: 100%; */
    margin: auto;
    width: 60%;
    margin-left: 0px;
  }
  .ss_product_cart_btn_fav {
    /* padding: 10px 100px; */
    padding: 10px 0px;
    background-color: #000000;
    color: #ffffff;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px;
    margin-left: 0;
  }
  /* product */
  .ss_productcontnts_str {
    font-size: 16px;
    font-weight: normal;
    color: #000000;
    font-family: '游明朝';
    letter-spacing: 0.1em;
    margin: auto;
  }
  .ss_product_cart{
    background-color: #FFF216;
  }
  .product-form__input{
    text-align: left;
    margin-bottom: 20px;
  }
  .ss_line_height{
    line-height: 40px;
  }
  .cs_OptionFont{
    font-size: 18px;
  }
  .product-variant-p{
    text-align: left;
    width: 460px;
    margin-bottom: 0.6rem;
    font-family: '游明朝';
    font-size: 18px;
    margin-top: 30px !important;
  }
  @media screen and (max-width: 1600px) {

    ;
    /* 1600pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1400px) {

    ;
    /* 1400pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1280px) {

    ;
    /* 1024pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1024px) {
    /* 1024pxまでの幅の場合に適応される */
    .ss_product-form__buttons{
      width: 100%;
    }
    .ss_product_cart_btn {
      padding: 10px 0px;
    }
    .ss_product_cart_btn_fav {
      padding: 10px 40px;
    }
    .product-variant-p{
      width: auto;
    }
  }
  @media screen and (max-width: 768px) {
    /* 768pxまでの幅の場合に適応される */
    .product-form__input{
      text-align: center;
      margin: auto;
    }
    .product-form__input .select{
      margin: auto;
    }
  }
  @media screen and (max-width: 750px) {
    /* 768pxまでの幅の場合に適応される */
    .product_title_h1 {
      text-align: center;
    }
    .product_color_bar_wrap {
      text-align: center;
    }
    .price_string_div {
      text-align: center;
    }
    .ss_product_cart_btn {
      padding: 10px 0px;
    }
    .ss_product_cart_btn_fav {
      padding: 10px 100px;
    }
    .ss_product_num_st {
      text-align: center;
    }
    .ss_label_margin {
      margin-left: 0;
    }
  }
  @media screen and (max-width: 480px) {
    /* 480pxまでの幅の場合に適応される */
    .ss_product_cart_btn {
      padding: 10px 60px;
    }
    .ss_product_cart_btn_fav {
      padding: 10px 60px;
    }
  }
  /* ss_maru_section_string_privacy01.liquid end */
/* main-product.liquid css */
  /* title */
  .product_title_h1 {
    font-size: 24px;
    font-weight: bold;
    color: #000000;
    font-family: '游明朝';
    letter-spacing: 0.1em;
    line-height: 48px;
    text-align: left;
    margin: 0 0 5px;
  }
  /* color bar */
  .product_color_bar_wrap {
    display: block;
    position: relative;
    height: auto;
    margin: auto;
    text-align: left;
  }
  .product_color_bar01 {
    display: inline-block;
    position: relative;
    background-color: #D9D9D1;
    width: 60px;
    height: 6px;
  }
  .product_color_bar02 {
    display: inline-block;
    position: relative;
    background-color: #707070;
    width: 60px;
    height: 6px;
    left: -5px;
  }
  /* 商品価格 */
  .price_string_div {
    width: 100%;
    display: block;
    font-size: 24px;
    font-weight: bold;
    color: #000000;
    font-family: '小塚ゴシック Pro';
    letter-spacing: 0.1em;
    line-height: 48px;
    text-align: left;
    margin: 0 0 5px;
  }
  .ss_price_inline {
    display: inline-block;
    text-align: left;
  }
  .price_string_p {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    font-family: '游明朝';
    letter-spacing: 0.1em;
    line-height: 36px;
    text-align: center;
    margin: 0 0 5px;
  }
  .stock_string_p {
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    color: #000000ab;
    font-family: '游明朝';
    letter-spacing: 0em;
    line-height: 36px;
    text-align: center;
    margin: 0 0 5px;
  }
  p.zooomypwishmsg{
    font-family: '游明朝' !important;
  }
  .ss_price_css {
    display: inline-block;
  }
  .ss_product_num_st {
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
    font-family: '游明朝';
    letter-spacing: 0.1em;
    line-height: 36px;
    text-align: left;
    margin-left: 20px;
  }
  .ss_label_margin {
    /* margin-left: 50px; */
    color: #000000;
    font-family: '小塚ゴシック Pro';
  }
  .ss_product_cart_btn {
    padding: 10px 0px 10px 0px;
    /* background-color: #FFF216; */
    text-align: center;
    width: 100%;
    margin: 0;
  }
  .ss_product-form__buttons {
    margin-top: 40px;
    /* max-width: 100%; */
    margin: auto;
    width: 60%;
    margin-left: 0px;
  }
  .ss_product_cart_btn_fav {
    /* padding: 10px 100px; */
    padding: 10px 0px;
    background-color: #000000;
    color: #ffffff;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px;
    margin-left: 0;
  }
  /* product */
  .ss_productcontnts_str {
    font-size: 16px;
    font-weight: normal;
    color: #000000;
    font-family: '游明朝';
    letter-spacing: 0.1em;
    margin: auto;
  }
  .ss_product_cart{
    background-color: #FFF216;
  }
  .product-form__input{
    text-align: left;
    margin-bottom: 20px;
  }
  .ss_line_height{
    line-height: 40px;
  }
  .cs_OptionFont{
    font-size: 18px;
  }
  .product-variant-p{
    text-align: left;
    width: 700px;
    /* width: 460px; */
    margin-bottom: 0.6rem;
    font-family: '游明朝';
    font-size: 18px;
    margin-top: 30px !important;
  }
  .sku-view{
    display: block;
    text-align: left;
    padding: 0;
    margin: 0;
  }
  @media screen and (max-width: 1600px) {

    ;
    /* 1600pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1400px) {

    ;
    /* 1400pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1280px) {

    ;
    /* 1024pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1024px) {
    /* 1024pxまでの幅の場合に適応される */
    .ss_product-form__buttons{
      width: 100%;
    }
    .ss_product_cart_btn {
      padding: 10px 0px;
    }
    .ss_product_cart_btn_fav {
      padding: 10px 40px;
    }
    .product-variant-p{
      width: auto;
    }
  }
  @media screen and (max-width: 768px) {
    /* 768pxまでの幅の場合に適応される */
    .product-form__input{
      text-align: center;
      margin: auto;
    }
    .product-form__input .select{
      margin: auto;
    }
    .sku-view{
      text-align: center;
    }
  }
  @media screen and (max-width: 750px) {
    /* 768pxまでの幅の場合に適応される */
    .product_title_h1 {
      text-align: center;
    }
    .product_color_bar_wrap {
      text-align: center;
    }
    .price_string_div {
      text-align: center;
    }
    .ss_product_cart_btn {
      padding: 10px 0px;
    }
    .ss_product_cart_btn_fav {
      padding: 10px 100px;
    }
    .ss_product_num_st {
      text-align: center;
    }
    .ss_label_margin {
      margin-left: 0;
    }
  }
  @media screen and (max-width: 480px) {
    /* 480pxまでの幅の場合に適応される */
    .ss_product_cart_btn {
      padding: 10px 60px;
    }
    .ss_product_cart_btn_fav {
      padding: 10px 60px;
    }
  }
  /* ss_maru_section_string_privacy01.liquid end */
/* anchor_point01.liquid css */
/* strings */
.anchor_height{
  display: block;
  position: relative;
  width: auto;
  height: 1px;
}

@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
   
}
/* anchor_point01.liquid css */
/* ss_maru_custum_slider.liquid css */
  .mp_pp_custom_slider{
    position: relative;
    display: block;
    margin: 0px;
  }
  @media screen and (max-width: 1600px) {

    ;
    /* 1600pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1400px) {

    ;
    /* 1400pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1280px) {

    ;
    /* 1024pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1024px) {

    ;
    /* 1024pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 768px) {

    ;
    /* 768pxまでの幅の場合に適応される */

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

    ;
    /* 480pxまでの幅の場合に適応される */

  }
  /* ss_maru_custum_slider.liquid css end */
/* header css */
  .header_bellow_fixed{
    position: fixed !important;
    z-index: 40;
  }
  .mpheader_wrapper {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #ffffff;
    margin: 0;
    overflow: hidden;
  }
  #nav_below {
    list-style: none;
    margin-top: 18px;
    margin-left: 5px;
    padding-left: 5px;
    float: left;
  }
  #nav_below li {
    text-align: center;
    display: inline-block;
    padding: 0 10px;
    opacity: 1;
    transition-duration: 0.3s;
    cursor: pointer;
  }
  #nav_below li:hover {
    opacity: 0.7;
    transition-duration: 0.3s;
  }
  #header_icon {
    list-style: none;
    margin-top: 22px;
    margin-bottom: 0px;
    margin-right: 20px;
    float: right;
  }
  #header_icon li {
    text-align: center;
    display: inline-block;
    padding: 0 10px;
    opacity: 1;
    transition-duration: 0.3s;
    cursor: pointer;
  }
  #header_icon li:hover {
    opacity: 0.7;
    transition-duration: 0.3s;
  }
  .mpheader_btn_str {
    font-size: 16px;
    font-weight: normal;
    color: #000000;
    /* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
    font-family: '小塚ゴシック Pro';
    letter-spacing: 0.1em;
    line-height: 32px;
    margin: auto;
  }
  .max_below_logo_img{
    max-width: 100%;
    height: 30px;
    cursor: pointer;
  }
  .header_below_div_logo{
    display: none;
    margin-top: -1px;
  }
  .disp_none{
    display: none;
  }
  /* header css end */
  @media screen and (max-width: 1600px) {
    /* 1600pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1400px) {
    /* 1400pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1280px) {
    /* 1280pxまでの幅の場合に適応される */
  }
  @media screen and (max-width: 1024px) {
    /* 1024pxまでの幅の場合に適応される */
    .mpheader_wrapper {
      display: none;
    }
  }
  @media screen and (max-width: 768px) {
    /* 768pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 480px) {
    /* 480pxまでの幅の場合に適応される */
  }
/* header css */
  .mpheader_wrapper {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #ffffff;
    margin: 0;
    overflow: hidden;
  }
  #nav {
    list-style: none;
    margin-left: 5px;
    float: left;
  }
  #nav li {
    text-align: center;
    display: inline-block;
    padding: 0 10px;
    opacity: 1;
    transition-duration: 0.3s;
    cursor: pointer;
  }
  #nav li:hover {
    opacity: 0.7;
    transition-duration: 0.3s;
  }
  #header_icon {
    list-style: none;
    margin-right: 20px;
    padding-left: 0px;
    float: right;
  }
  #header_icon li {
    text-align: center;
    display: inline-block;
    padding: 0 10px;
    opacity: 1;
    transition-duration: 0.3s;
    cursor: pointer;
  }
  #header_icon li:hover {
    opacity: 0.7;
    transition-duration: 0.3s;
  }
  .mpheader_btn_str {
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    /* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
    font-family: '小塚ゴシック Pro';
    letter-spacing: 0.1em;
    line-height: 32px;
    margin: auto;
  }
  /* header css end */
  @media screen and (max-width: 1600px) {

    ;
    /* 1600pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1400px) {

    ;
    /* 1400pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1280px) {

    ;
    /* 1024pxまでの幅の場合に適応される */

  }
  @media screen and (max-width: 1024px) {
    /* 1024pxまでの幅の場合に適応される */
    .mpheader_wrapper {
      display: none;
    }
  }
  @media screen and (max-width: 768px) {

    ;
    /* 768pxまでの幅の場合に適応される */

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

    ;
    /* 480pxまでの幅の場合に適応される */
  }
.mplogo_wrapper{
  width: 100%;
  height: auto;
  background-color: #000000;
}
.mplogo_div_wrapbig{
  margin: 0px 100px;
  padding: 50px 0px 60px 0px;
  overflow: hidden;
}
.mp_img_div{
  display: block;
  width: 100%;
  height: auto;
  margin: 80px 0px 80px 0px;
}
/* color bar */
.color_bar_wrap{
  display: block;
  position: relative;
  height: auto;
  margin: auto;
  text-align: center;
}
.color_bar01{
  display: inline-block;
  position: relative;
  background-color: #FFF216;
  width: 60px;
  height: 6px;
}
.color_bar02{
  display: inline-block;
  position: relative;
  background-color: #000000;
  width: 60px;
  height: 6px;
  left: -5px;
}
/* strings */
.mplogo_div_00{
  float: left;
  width: 80%;
  margin-left: 10%;
  margin-bottom: 10px;
}
/* mplogo */
.mplogo_div_01{
  float: left;
  text-align: center;
  width: 15%;
  height: auto;
  margin-left: 2%;
  margin-right: 1%;
}
.mplogo_div_02{
  float: left;
  text-align: center;
  width: 15%;
  height: auto;
  margin-right: 1%;
}
.mplogo_div_03{
  float: left;
  text-align: center;
  width: 15%;
  height: auto;
  margin-right: 1%;
}
.mplogo_div_04{
  float: left;
  text-align: center;
  width: 15%;
  height: auto;
  margin-right: 1%;
}
.mplogo_div_05{
  float: left;
  text-align: center;
  width: 15%;
  height: auto;
  margin-right: 1%;
}
.mplogo_div_06{
  float: left;
  text-align: center;
  width: 15%;
  height: auto;
  margin-right: 1%;
}
/* mplogo */
.mplogo_p1{
	font-size: 32px;
	font-weight: normal;
	color: #ffffff;
	/* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
  font-family: '小塚ゴシック Pro';
	letter-spacing: 0.1em;
	line-height:64px;
	text-align: center;
  margin: 0px 0px 2px 0px;
  margin-bottom: 2px;
}
.mp_p2{
	font-size: 30px;
	font-weight: normal;
	color: #000000;
	font-family: '小塚ゴシック Pro';
	letter-spacing: 0.1em;
	line-height:60px;
	padding-top: 5px;
	text-align: center;
}
.mp_p3{
	font-size: 15px;
	font-weight: normal;
	color: #000000;
	font-family: '小塚ゴシック Pro';
	letter-spacing: 0.1em;
	line-height: 30px;
	padding-top: 5px;
	/* text-align: left; */
  text-align: justify;
}
/* logo_text */
.mplogo_cp_headline05 {
	position: relative;
  width: 100%;
  height: auto;
  margin: 0px 0px 0px 0px;
  top: -15px;
}
.img_hover:hover{
  opacity: 1;
	transition-duration: 0.3s;
}
.img_hover:hover{
  opacity: 0.8;
	transition-duration: 0.3s;
}
.mplogo_br768{
  display: none;
}
/* button */
.mplogo_btn_div{
  display: block;
  width: 200px;
  height: auto;
  -webkit-transform: skew(-20deg);
  transform: skew(-20deg);
  padding: 10px 60px;
  color: #000000;
  background: #FFF216;
  display: inline-block;
}
.mplogo_btn_str{
  font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	/* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
  font-family: '小塚ゴシック Pro';
	letter-spacing: 0.1em;
	line-height:26px;
  margin: auto;
}
.btn_str02{
  font-size: 22px;
	font-weight: normal;
	color: #000000;
	/* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
  font-family: '小塚ゴシック Pro';
	letter-spacing: 0.1em;
	line-height:50px;
	text-align: right;
  margin: auto;
  position: absolute;
  right: 15px;
}
.br1280{
  display:none;
}
.br768{
  display:none;
}
.br480{
  display:none;
}
@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */
  .mplogo_p1{
    font-size: 28px;
  }
  .mplogo_div_wrapbig{
    margin: 0px 60px;
    padding: 40px 0px 60px 0px;
  }
}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
  .mplogo_div_00{
    width: 100%;
    margin-left: 0%;
  }
  .mplogo_div_01{
    width: 30%;
    margin-right: 5%;
    margin-left: 0%;
  }
  .mplogo_div_02{
    width: 30%;
    margin-right: 5%;
  }
  .mplogo_div_03{
    width: 30%;
    margin-right: 0;
  }
  .mplogo_div_04{
    width: 30%;
    margin-right: 5%;
    margin-left: 0%;
  }
  .mplogo_div_05{
    width: 30%;
    margin-right: 5%;
  }
  .mplogo_div_06{
    width: 30%;
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
  .mplogo_br768{
    display: inline;
  }
  .mplogo_p1{
    font-size: 24px;
  }
  .mplogo_div_wrapbig {
    margin: 0 20px;
  }
    .mplogo_div_01{
    width: 32%;
    margin-right: 2%;
    margin-left: 0%;
  }
  .mplogo_div_02{
    width: 32%;
    margin-right: 2%;
  }
  .mplogo_div_03{
    width: 32%;
    margin-right: 0;
  }
  .mplogo_div_04{
    width: 32%;
    margin-right: 2%;
    margin-left: 0%;
  }
  .mplogo_div_05{
    width: 32%;
    margin-right: 2%;
  }
  .mplogo_div_06{
    width: 32%;
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
  .mplogo_p1{
    font-size: 18px;
  }
  .mplogo_btn_str{
    font-size: 10px;
  }
}
/* ss_maru_section_string_privacy01.liquid css */

@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
}
/* ss_maru_section_string_privacy01.liquid end */
/* ss_maru_section.liquid css */
.max_img {
	max-width:100%;
	height:auto;
  /* cursor: pointer; */
}
.mp_wrapper{
  width: 100%;
  height: auto;
  /* background-image: url("{{ 'IMG_9376_aa3b41bf-1bd7-4481-a3e4-41a4f4e2c5f4.png' | file_url }}"); */
  /* background-image: url({{ 'IMG_9376_aa3b41bf-1bd7-4481-a3e4-41a4f4e2c5f4.png' | file_url }}); */
  background-image: url(https://cdn.shopify.com/s/files/1/0655/4330/7479/files/IMG_9376_aa3b41bf-1bd7-4481-a3e4-41a4f4e2c5f4.png?v=1665039488);    /* 背景画像指定 */
  background-repeat: repeat-x;
  background-size: cover;
  /* background-size: 100%; */
}
.mp_div_wrapbig{
  margin: 80px 160px 0px 160px;
  padding-bottom: 120px;
  overflow: hidden;
}
.mp_img_div{
  display: block;
  width: 100%;
  height: auto;
  margin: 80px 0px 80px 0px;
}
/* color bar */
.color_bar_wrap{
  display: block;
  position: relative;
  height: auto;
  margin: auto;
  text-align: center;
}
.color_bar01{
  display: inline-block;
  position: relative;
  background-color: #FFF216;
  width: 60px;
  height: 6px;
}
.color_bar02{
  display: inline-block;
  position: relative;
  background-color: #000000;
  width: 60px;
  height: 6px;
  left: -5px;
}
/* strings */
.mp_div_00{
  float: left;
  width: 80%;
  margin-left: 10%;
  margin-bottom: 55px;
}
.mp_div_01{
  float: left;
  text-align: center;
  width: 30%;
  margin-right: 5%;
}
.mp_div_02{
  float: left;
  text-align: center;
  width: 30%;
  margin-right: 5%;
}
.mp_div_03{
  float: left;
  text-align: center;
  width: 30%;
}
.mp_p1{
	font-size: 32px;
	font-weight: bold;
	color: #000000;
	/* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
  font-family: 'Hiragino Kaku Gothic Pro';
	letter-spacing: 0.1em;
	line-height:64px;
	padding-top: 5px;
	text-align: center;
  margin-bottom: 2px;
}
.mp_p2{
	font-size: 30px;
	font-weight: bold;
	color: #000000;
	font-family: 'Gen Shin Gothic P';
	letter-spacing: 0.1em;
	line-height:60px;
	padding-top: 5px;
	text-align: center;
}
.mp_p3{
	font-size: 15px;
	font-weight: normal;
	color: #000000;
	font-family: '小塚ゴシック Pro';
	letter-spacing: 0.1em;
	line-height: 30px;
	padding-top: 5px;
	/* text-align: left; */
  text-align: justify;
}
/* button */
.cp_headline05 {
	position: relative;
	/* padding: 0.3em 0.3em 0.3em 0.8em;*/
  padding: 5px 0px;
	-webkit-transform: skewX(-15deg);
	        transform: skewX(-15deg);
	color: #000000;
	border-radius: 3px 3px 3px 3px;
	background-color: #FFF216;
  margin: 20px 10px 10px 0px;
  width: 80%;
  margin-left: 10%;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  transition-duration: 0.3s;
}
.cp_headline05 span {
	display: inline-block;
	-webkit-transform: skewX(15deg);
	        transform: skewX(15deg);
}
.cp_headline05::after {
	position: absolute;
	width: 90px;
	height: 20px;
	content: '';
	border-width: 0 1px 2px 0;
	border-style: solid;
	border-color: #ffecb3;
	border-radius: 0 0 3px 0;
}
.cp_headline05::after {
	right: 3px;
	bottom: 3px;
}
.cp_headline05:hover{
  opacity: 0.6;
	transition-duration: 0.3s;
}
.img_hover:hover{
  opacity: 1;
	transition-duration: 0.3s;
}
.img_hover:hover{
  opacity: 0.8;
	transition-duration: 0.3s;
}
/* button */
.btn_div{
  display: block;
  width: 200px;
  height: auto;
  -webkit-transform: skew(-20deg);
  transform: skew(-20deg);
  padding: 10px 60px;
  color: #000000;
  background: #FFF216;
  display: inline-block;
}
.btn_str{
  font-size: 22px;
	font-weight: normal;
	color: #000000;
	/* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
  font-family: 'Hiragino Kaku Gothic Pro';
	letter-spacing: 0em;
	line-height:50px;
	text-align: center;
  margin: auto;
}
.btn_str02{
  font-size: 22px;
	font-weight: normal;
	color: #000000;
	/* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
  font-family: '小塚ゴシック Pro';
	letter-spacing: 0.1em;
	line-height:50px;
	text-align: right;
  margin: auto;
  position: absolute;
  right: 15px;
}
.br1280{
  display:none;
}
.br768{
  display:none;
}
.br480{
  display:none;
}
@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */
    .btn_str{
      font-size: 18px;
    }
    .btn_str02{
      font-size: 18px;
    }
}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    .btn_str{
      font-size: 16px;
    }
    .btn_str02{
      font-size: 16px;
      right: 10px;
    }
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */
    .cp_headline05 {
      padding: 3px 0px;
    }
    .btn_str{
      font-size: 14px;
    }
    .btn_str02{
      font-size: 14px;
      right: 8px;
    }
    .br1280{
      display:inline;
    }
}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
    .cp_headline05{
      width: 60%;
      margin-left: 20%;
    }
    .btn_str{
      font-size: 18px;
    }
    .btn_str02{
      font-size: 18px;
      right: 5px;
    }
    .mp_div_01{
      width: 80%;
      margin-left: 10%;
      margin-bottom: 60px;
    }
    .mp_div_02{
      width: 80%;
      margin-left: 10%;
      margin-bottom: 60px;
    }
    .mp_div_03{
      width: 80%;
      margin-left: 10%;
      margin-bottom: 60px;
    }
    .mp_div_wrapbig{
      margin: 80px 40px 0px 40px;
      padding-bottom: 80px;
    }
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
    .mp_p1{
      font-size: 28px;
    }
    .mp_p2{
      font-size: 22px;
      line-height: 48px;
    }
    .mp_p3{
      padding-top: 15px;
    }
    .mp_div_00{
      width: 90%;
      margin-left: 5%;
    }
    .mp_div_01{
      width: 90%;
      margin-left: 5%;
    }
    .mp_div_02{
      width: 90%;
      margin-left: 5%;
    }
    .mp_div_03{
      width: 90%;
      margin-left: 5%;
    }
    .cp_headline05{
      width: 80%;
      margin-left: 10%;
    }
    .mp_div_wrapbig {
        margin: 80px 20px 0px 20px;
    }
    .mp_p2{
        margin: 0px 40px 0px 40px;
    }
    .btn_str{
      font-size: 16px;
      line-height:50px;
    }
    .btn_str02{
      font-size: 16px;
      line-height:50px;
    }
    .mp_div_wrapbig{
      padding-bottom: 60px;
    }
    .br1280{
      display:none;
    }
    .br768{
      display:inline;
    }
}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
    .cp_headline05{
      width: 90%;
      margin-left: 5%;
    }
    .mp_p1{
      line-height: 26px;
      margin-bottom: 20px;
    }
    .mp_p2{
      margin: 0 10px;
      font-size: 20px;
    }
    .br480{
      display:block;
    }
    .mp_div_01{
      width: 100%;
      margin-left: 0%;
    }
    .mp_div_02{
      width: 100%;
      margin-left: 0%;
    }
    .mp_div_03{
      width: 100%;
      margin-left: 0%;
    }
    .mp_div_00{
      width: 100%;
      margin-left: 0%;
    }
}
/* ss_maru_section.liquid css end */
/* ss_maru_section_02.liquid */
.mp_mid_wrapper{
  width: 100%;
  height: auto;
  /* background-image: url("{{ 'IMG_9376_aa3b41bf-1bd7-4481-a3e4-41a4f4e2c5f4.png' | file_url }}"); */
  /* background-image: url({{ 'IMG_9376_aa3b41bf-1bd7-4481-a3e4-41a4f4e2c5f4.png' | file_url }}); */
  background-image: url(https://cdn.shopify.com/s/files/1/0655/4330/7479/files/23.png?v=1664865325);    /* 背景画像指定 */
  background-repeat: repeat-x;
  background-size: cover;
  /* background-size: 100%; */
}
.mp_mid_div_wrapbig{
  margin: 0px 100px 0px 100px;
  padding: 80px 0px 60px 0px;
  overflow: hidden;
}
.mp_mid_img_div{
  display: block;
  width: 100%;
  height: auto;
  margin: 40px 0px 40px 0px;
}
/* color bar */
.color_bar_wrap{
  display: block;
  position: relative;
  height: auto;
  margin: auto;
  text-align: center;
}
.color_bar01{
  display: inline-block;
  position: relative;
  background-color: #FFF216;
  width: 60px;
  height: 6px;
}
.color_bar02{
  display: inline-block;
  position: relative;
  background-color: #000000;
  width: 60px;
  height: 6px;
  left: -5px;
}
/* strings */
.mp_mid_div_00{
  position: relative;
  display: block;
  margin: auto;
}
.mp_mid_div_01{
  float: left;
  text-align: center;
  margin-left: 5%;
  width: 30%;
  margin-right: 0%;
}
.mp_mid_div_02{
  float: left;
  text-align: center;
  width: 30%;
  margin-right: 0%;
}
.mp_mid_div_03{
  float: left;
  text-align: center;
  width: 30%;
}
.mp_mid_div_04{
  position: relative;
  display: block;
  margin: auto;
  text-align: center;
  width: 40%;
}
/* button */
.cp_mid_headline05 {
	position: relative;
	/* padding: 0.3em 0.3em 0.3em 0.8em;*/
  padding: 5px 0px;
	-webkit-transform: skewX(-15deg);
	        transform: skewX(-15deg);
	color: #000000;
	border-radius: 3px 3px 3px 3px;
	background-color: #FFF216;
  margin: 20px 10px 10px 0px;
  width: 80%;
  margin-left: 10%;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  transition-duration: 0.3s;
}
.cp_mid_headline05 span {
	display: inline-block;
	-webkit-transform: skewX(15deg);
	        transform: skewX(15deg);
}
.cp_mid_headline05::after {
	position: absolute;
	width: 90px;
	height: 20px;
	content: '';
	border-width: 0 1px 2px 0;
	border-style: solid;
	border-color: #ffecb3;
	border-radius: 0 0 3px 0;
}
.cp_mid_headline05::after {
	right: 3px;
	bottom: 3px;
}
.cp_mid_headline05:hover{
  opacity: 0.8;
	transition-duration: 0.3s;
}
.img_hover:hover{
  opacity: 1;
	transition-duration: 0.3s;
}
.img_hover:hover{
  opacity: 0.8;
	transition-duration: 0.3s;
}
/* button */
.btn_div{
  display: block;
  width: 200px;
  height: auto;
  -webkit-transform: skew(-20deg);
  transform: skew(-20deg);
  padding: 10px 60px;
  color: #000000;
  background: #FFF216;
  display: inline-block;
}
.btn_str{
  font-size: 22px;
	font-weight: normal;
	color: #000000;
	/* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
  /* font-family: 'Hiragino Kaku Gothic Pro'; */
  font-family: '小塚ゴシック Pro';
	letter-spacing: 0em;
	line-height:50px;
	text-align: center;
  margin: auto;
}
.btn_str02{
  font-size: 22px;
	font-weight: normal;
	color: #000000;
	/* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
  font-family: '小塚ゴシック Pro';
	letter-spacing: 0.1em;
	line-height:50px;
	text-align: right;
  margin: auto;
  position: absolute;
  right: 15px;
}
.br1280{
  display:none;
}
.br768{
  display:none;
}
.br480{
  display:none;
}
.mp_mid_768{
    display: none;
}
.mp_mid_1024{
  display: none;
}
/* Mp mid css */
.mp_mid_p1{
  font-size: 52px;
	font-weight: bold;
	color: #ffffff;
	/* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
  font-family: 'Gen Shin Gothic';
	letter-spacing: 0em;
	line-height:64px;
	padding-top: 5px;
	text-align: center;
  margin-bottom: 25px;
}
.mp_mid_p2{
  font-size: 66px;
	font-weight: 900;
	color: #fff216;
	/* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
  font-family: 'United sans-serif';
	letter-spacing: 0em;
	line-height:64px;
	text-align: center;
  margin-top: 10px;
}
.mp_mid_p3{
  font-size: 16px;
	font-weight: normal;
	color: #ffffff;
	/* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
  font-family: '小塚ゴシック Pro';
	letter-spacing: 0.1em;
	line-height:32px;
	padding-top: 20px;
	text-align: left;
  margin-bottom: 60px;
}
.section02_max_img01{
  max-width: 100%;
  height: auto;
}
.section02_max_img02{
  max-width: 92%;
  height: auto;
  margin-top: 5%;

}
.section02_max_img03{
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */
    .btn_str{
      font-size: 18px;
    }
    .btn_str02{
      font-size: 18px;
    }
}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    .btn_str{
      font-size: 16px;
    }
    .btn_str02{
      font-size: 16px;
      right: 10px;
    }
    .mp_mid_p1{
      font-size: 45px;
    }
    .mp_mid_p2{
      font-size: 58px;
    }
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */
    .btn_str{
      font-size: 14px;
    }
    .btn_str02{
      font-size: 14px;
      right: 8px;
    }
    .br1280{
      display:inline;
    }
}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
    .btn_str{
      font-size: 18px;
    }
    .btn_str02{
      font-size: 18px;
      right: 5px;
    }
    .mp_mid_div_wrapbig{
      margin: 0px 40px 0px 40px;
      padding: 10px 0px 60px 0px;
    }
    .mp_mid_p1{
      margin-bottom: 20px;
    }
    .mp_mid_p3{
      margin-top: 0px;
      margin-bottom: 50px;
    }
    .mp_mid_1024{
      display: inline;
    }
    .mp_mid_div_04{
      width: 75%;
    }
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
    .mp_mid_div_00{
      width: 90%;
      margin-left: 5%;
    }
    .mp_mid_div_wrapbig{
        margin: 80px 20px 0px 20px;
    }
    .mp_mid_p1{
      font-size: 32px;
    }
    .mp_mid_p2{
      font-size: 50px;
    }
    .btn_str{
      font-size: 16px;
      line-height:50px;
    }
    .btn_str02{
      font-size: 16px;
      line-height:50px;
    }
    .mp_mid_div_wrapbig{
      padding-bottom: 60px;
    }
    .br1280{
      display:none;
    }
    .br768{
      display:inline;
    }
    .mp_mid_div_01{
      width: 50%;
      margin-left: 0px;
      margin-right: 0px;
      margin-bottom: 20px;
    }
    .mp_mid_div_02{
      width: 50%;
      margin-left: 0px;
      margin-right: 0px;
      margin-bottom: 20px;
    }
    .mp_mid_div_03{
      width: 80%;
      margin-left: 10%;
      margin-bottom: 60px;
      display:none;
    }
    .mp_mid_768{
      display: inline;
    }
    .mp_mid_div_04{
      width: 88%;
    }
}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
    .cp_mid_headline05{
      width: 95%;
      margin-left: 5%;
    }
    .mp_mid_p1{
      font-size: 26px;
      line-height: 50px;
    }
    .mp_mid_p2{
      font-size: 40px;
    }
    .br480{
      display:block;
    }
}
/* ss_maru_section_02.liquid end */
/* ss_maru_section_string_notation020.liquid css */
.mp_aboutus_string_wrapper{
  position: relative;
  display: block;
  margin: 0px 20%;
}
.mp_aboutus_string_div_00{
  position: relative;
  display: block;
  margin: 60px 0px 0px 0px;
}
.mp_aboutus_string_p1{
	font-size: 20px;
	font-weight: bold;
	color: #000000;
  font-family: 'Hiragino Kaku Gothic Pro';
	letter-spacing: 0.1em;
	line-height:40px;
	text-align: left;
  margin: 0px;
  margin-bottom: 10px;
}
.mp_aboutus_string_div_01{
  position: relative;
  display: block;
  margin: 20px 0px 60px 0px;
}
.mp_aboutus_string_p2{
	font-size: 16px;
	font-weight: bold;
	color: #000000;
  font-family: 'Hiragino Kaku Gothic Pro';
	letter-spacing: 0.1em;
	line-height:40px;
	text-align: left;
  margin: 0px;
  margin-bottom: 10px;
}
/*  */
#mp_aboutus_list_wrap{
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0px 0px 20px 0px;
}
.mp_aboutus_list_div02{
  text-align: left;
  margin: 20px 0px 20px 0px;
}
.mp_aboutus_list_div{
	width: 100%;
	height: auto;
	background-color: #ffffff;
	text-align: center;
  margin: auto;
  transition-duration: 0.5s;
}
.mp_aboutus_list_div:hover{
  transition-duration: 0.5s;
  opacity: 0.8;
}
.mp_aboutus_list_index_p{
  display: inline-block;
	text-align: left;
	font-size: 16px;
  font-weight: normal;
  color: #000;
	font-family: '游明朝';
  letter-spacing: 0.1em;
  margin: auto;
  vertical-align: top;
  margin-right: 2%;
}
@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
  .mp_aboutus_string_wrapper{
    position: relative;
    display: block;
    margin: 0px 120px 0px 120px;
  }
  .mp_aboutus_string_wrapper{
    position: relative;
    display: block;
    margin: 0px 10% 0px 10%;
  }
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
  .mp_aboutus_list_index_p{
    width: 100%;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
  .mp_aboutus_string_wrapper{
    position: relative;
    display: block;
    margin: 0px 5%;
  }
}
/* ss_maru_section_string_notation020.liquid end */
/* ss_maru_section_string_notation020.liquid css */

@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
}
/* ss_maru_section_string_notation020.liquid end */
/* ss_maru_section_string_notation020.liquid css */

@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
}
/* ss_maru_section_string_notation020.liquid end */
/* ss_maru_section_string_notation020.liquid css */
.width-adj700{
  width: 700px;
  margin: 0;
}

@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
  .width-adj700{
    width: auto;
  }
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
}
/* ss_maru_section_string_notation020.liquid end */
/* ss_maru_section_button01.liquid */
/* strings */
.mp_string_div_00{
  position: relative;
  display: block;
  margin: 60px 0px 40px 0px;
}
.btn_cstm_str{
  font-size: 22px;
	font-weight: normal;
	color: #000000;
	/* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
  font-family: 'Hiragino Kaku Gothic Pro';
	letter-spacing: 0em;
	line-height:50px;
	text-align: center;
  margin: auto;
}
.btn_cstm_str02{
  font-size: 22px;
	font-weight: normal;
	color: #000000;
	/* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
  font-family: '小塚ゴシック Pro';
	letter-spacing: 0.1em;
	line-height:50px;
	text-align: right;
  margin: auto;
  position: absolute;
  right: 15px;
}
/* button */
.btn_cstm_div_wrap{
  position: relative;
  display: block;
  margin: auto;
  text-align: center;
  width: 40%;
  margin-top: 60px;
  margin-bottom: 80px;
}
.btn_cstm_div_00 {
	position: relative;
  display: block;
  width: 57%;
  margin: auto;
	/* padding: 0.3em 0.3em 0.3em 0.8em;*/
  padding: 5px 0px;
	-webkit-transform: skewX(-15deg);
	        transform: skewX(-15deg);
	color: #000000;
	border-radius: 3px 3px 3px 3px;
	background-color: #FFF216;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  transition-duration: 0.3s;
}
.btn_cstm_div_00 span {
	display: inline-block;
	-webkit-transform: skewX(15deg);
	        transform: skewX(15deg);
}
.btn_cstm_div_00::after {
	position: absolute;
	width: 90px;
	height: 20px;
	content: '';
	border-width: 0 1px 2px 0;
	border-style: solid;
	border-color: #ffecb3;
	border-radius: 0 0 3px 0;
}
.btn_cstm_div_00::after {
	right: 3px;
	bottom: 3px;
}
.btn_cstm_div_00:hover{
  opacity: 0.6;
	transition-duration: 0.3s;
}
@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */
  .btn_cstm_str{
    font-size: 18px;
  }
  .btn_cstm_str02{
    font-size: 18px;
  }
}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
  .btn_cstm_str{
    font-size: 16px;
  }
  .btn_cstm_str02{
    font-size: 16px;
    right: 10px;
  }
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */
  .btn_cstm_str{
    font-size: 14px;
  }
  .btn_cstm_str02{
    font-size: 14px;
    right: 8px;
  }
}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
  .btn_cstm_str{
    font-size: 18px;
  }
  .btn_cstm_str02{
    font-size: 18px;
    right: 5px;
  }
  .btn_cstm_div_wrap{
    width: 51%;
  }
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
  .mp_string_p1{
    font-size: 28px;
  }
  .btn_cstm_str{
    font-size: 16px;
    line-height:50px;
  }
  .btn_cstm_str02{
    font-size: 16px;
    line-height:50px;
  }
  .btn_cstm_div_wrap{
    width: 83%;
  }
  .btn_cstm_div_00{
    width: 81%;
  }
}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
   
}
/* ss_maru_section_button01.liquid end */
/* ss_maru_section_button02.liquid css */
/* strings */
.mp_string_div_00{
  position: relative;
  display: block;
  margin: 60px 0px 40px 0px;
}
.btn_cstm_str{
  font-size: 22px;
	font-weight: normal;
	color: #000000;
	/* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
  font-family: 'Hiragino Kaku Gothic Pro';
	letter-spacing: 0em;
	line-height:50px;
	text-align: center;
  margin: auto;
}
.btn_cstm_str02{
  font-size: 22px;
	font-weight: normal;
	color: #000000;
	/* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
  font-family: '小塚ゴシック Pro';
	letter-spacing: 0.1em;
	line-height:50px;
	text-align: right;
  margin: auto;
  position: absolute;
  right: 15px;
}
/* button */
.btn_cstm_div_wrap{
  position: relative;
  display: block;
  margin: auto;
  text-align: center;
  width: 40%;
  margin-top: 60px;
  margin-bottom: 80px;
}
.btn_cstm_div_00 {
	position: relative;
  display: block;
  width: 57%;
  margin: auto;
	/* padding: 0.3em 0.3em 0.3em 0.8em;*/
  padding: 5px 0px;
	-webkit-transform: skewX(-15deg);
	        transform: skewX(-15deg);
	color: #000000;
	border-radius: 3px 3px 3px 3px;
	background-color: #FFF216;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  transition-duration: 0.3s;
}
.btn_cstm_div_00 span {
	display: inline-block;
	-webkit-transform: skewX(15deg);
	        transform: skewX(15deg);
}
.btn_cstm_div_00::after {
	position: absolute;
	width: 90px;
	height: 20px;
	content: '';
	border-width: 0 1px 2px 0;
	border-style: solid;
	border-color: #ffecb3;
	border-radius: 0 0 3px 0;
}
.btn_cstm_div_00::after {
	right: 3px;
	bottom: 3px;
}
.btn_cstm_div_00:hover{
  opacity: 0.6;
	transition-duration: 0.3s;
}
@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */
  .btn_cstm_str{
    font-size: 18px;
  }
  .btn_cstm_str02{
    font-size: 18px;
  }
}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
  .btn_cstm_str{
    font-size: 16px;
  }
  .btn_cstm_str02{
    font-size: 16px;
    right: 10px;
  }
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */
  .btn_cstm_str{
    font-size: 14px;
  }
  .btn_cstm_str02{
    font-size: 14px;
    right: 8px;
  }
}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
  .btn_cstm_str{
    font-size: 18px;
  }
  .btn_cstm_str02{
    font-size: 18px;
    right: 5px;
  }
  .btn_cstm_div_wrap{
    width: 51%;
  }
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
  .mp_string_p1{
    font-size: 28px;
  }
  .btn_cstm_str{
    font-size: 16px;
    line-height:50px;
  }
  .btn_cstm_str02{
    font-size: 16px;
    line-height:50px;
  }
  .btn_cstm_div_wrap{
    width: 83%;
  }
  .btn_cstm_div_00{
    width: 81%;
  }
}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
   
}
/* ss_maru_section_button02.liquid css end */
/* ss_maru_section_button03.liquid css */
/* strings */
.mp_string_div_00{
  position: relative;
  display: block;
  margin: 60px 0px 40px 0px;
}
.btn_cstm_str{
  font-size: 22px;
	font-weight: normal;
	color: #000000;
	/* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
  font-family: 'Hiragino Kaku Gothic Pro';
	letter-spacing: 0em;
	line-height:50px;
	text-align: center;
  margin: auto;
}
.btn_cstm_str02{
  font-size: 22px;
	font-weight: normal;
	color: #000000;
	/* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
  font-family: '小塚ゴシック Pro';
	letter-spacing: 0.1em;
	line-height:50px;
	text-align: right;
  margin: auto;
  position: absolute;
  right: 15px;
}
/* button */
.btn_cstm_div_wrap{
  position: relative;
  display: block;
  margin: auto;
  text-align: center;
  width: 40%;
  margin-top: 60px;
  margin-bottom: 80px;
}
.btn_cstm_div_00 {
	position: relative;
  display: block;
  width: 57%;
  margin: auto;
	/* padding: 0.3em 0.3em 0.3em 0.8em;*/
  padding: 5px 0px;
	-webkit-transform: skewX(-15deg);
	        transform: skewX(-15deg);
	color: #000000;
	border-radius: 3px 3px 3px 3px;
	background-color: #FFF216;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  transition-duration: 0.3s;
}
.btn_cstm_div_00 span {
	display: inline-block;
	-webkit-transform: skewX(15deg);
	        transform: skewX(15deg);
}
.btn_cstm_div_00::after {
	position: absolute;
	width: 90px;
	height: 20px;
	content: '';
	border-width: 0 1px 2px 0;
	border-style: solid;
	border-color: #ffecb3;
	border-radius: 0 0 3px 0;
}
.btn_cstm_div_00::after {
	right: 3px;
	bottom: 3px;
}
.btn_cstm_div_00:hover{
  opacity: 0.6;
	transition-duration: 0.3s;
}
@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */
  .btn_cstm_str{
    font-size: 18px;
  }
  .btn_cstm_str02{
    font-size: 18px;
  }
}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
  .btn_cstm_str{
    font-size: 16px;
  }
  .btn_cstm_str02{
    font-size: 16px;
    right: 10px;
  }
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */
  .btn_cstm_str{
    font-size: 14px;
  }
  .btn_cstm_str02{
    font-size: 14px;
    right: 8px;
  }
}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
  .btn_cstm_str{
    font-size: 18px;
  }
  .btn_cstm_str02{
    font-size: 18px;
    right: 5px;
  }
  .btn_cstm_div_wrap{
    width: 51%;
  }
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
  .mp_string_p1{
    font-size: 28px;
  }
  .btn_cstm_str{
    font-size: 16px;
    line-height:50px;
  }
  .btn_cstm_str02{
    font-size: 16px;
    line-height:50px;
  }
  .btn_cstm_div_wrap{
    width: 83%;
  }
  .btn_cstm_div_00{
    width: 81%;
  }
}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
   
}
/* ss_maru_section_button03.liquid css end */
/* ss_maru_section_button04.liquid css */
/* strings */
.mp_string_div_00{
  position: relative;
  display: block;
  margin: 60px 0px 40px 0px;
}
.btn_cstm_str{
  font-size: 22px;
	font-weight: normal;
	color: #000000;
	/* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
  font-family: 'Hiragino Kaku Gothic Pro';
	letter-spacing: 0em;
	line-height:50px;
	text-align: center;
  margin: auto;
}
.btn_cstm_str02{
  font-size: 22px;
	font-weight: normal;
	color: #000000;
	/* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
  font-family: '小塚ゴシック Pro';
	letter-spacing: 0.1em;
	line-height:50px;
	text-align: right;
  margin: auto;
  position: absolute;
  right: 15px;
}
/* button */
.btn_cstm_div_wrap{
  position: relative;
  display: block;
  margin: auto;
  text-align: center;
  width: 40%;
  margin-top: 60px;
  margin-bottom: 80px;
}
.btn_cstm_div_00 {
	position: relative;
  display: block;
  width: 57%;
  margin: auto;
	/* padding: 0.3em 0.3em 0.3em 0.8em;*/
  padding: 5px 0px;
	-webkit-transform: skewX(-15deg);
	        transform: skewX(-15deg);
	color: #000000;
	border-radius: 3px 3px 3px 3px;
	background-color: #FFF216;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  transition-duration: 0.3s;
}
.btn_cstm_div_00 span {
	display: inline-block;
	-webkit-transform: skewX(15deg);
	        transform: skewX(15deg);
}
.btn_cstm_div_00::after {
	position: absolute;
	width: 90px;
	height: 20px;
	content: '';
	border-width: 0 1px 2px 0;
	border-style: solid;
	border-color: #ffecb3;
	border-radius: 0 0 3px 0;
}
.btn_cstm_div_00::after {
	right: 3px;
	bottom: 3px;
}
.btn_cstm_div_00:hover{
  opacity: 0.6;
	transition-duration: 0.3s;
}
@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */
  .btn_cstm_str{
    font-size: 18px;
  }
  .btn_cstm_str02{
    font-size: 18px;
  }
}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
  .btn_cstm_str{
    font-size: 16px;
  }
  .btn_cstm_str02{
    font-size: 16px;
    right: 10px;
  }
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */
  .btn_cstm_str{
    font-size: 14px;
  }
  .btn_cstm_str02{
    font-size: 14px;
    right: 8px;
  }
}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
  .btn_cstm_str{
    font-size: 18px;
  }
  .btn_cstm_str02{
    font-size: 18px;
    right: 5px;
  }
  .btn_cstm_div_wrap{
    width: 51%;
  }
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
  .mp_string_p1{
    font-size: 28px;
  }
  .btn_cstm_str{
    font-size: 16px;
    line-height:50px;
  }
  .btn_cstm_str02{
    font-size: 16px;
    line-height:50px;
  }
  .btn_cstm_div_wrap{
    width: 83%;
  }
  .btn_cstm_div_00{
    width: 81%;
  }
}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
   
}
/* ss_maru_section_button04.liquid css end */
/* ss_maru_section.liquid css */

@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */
}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */
}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
   
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
   
}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
    
}
/* ss_maru_section.liquid css end */
.news-list{
    padding: 0px;
  }
  #section-news-list .news-list-heading{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
  }
  #section-news-list .container{
    /* 
    max-width: 1200px;
    margin: 0 auto;
    padding: 55px;
    */
    width: 880px;
    margin: auto;
    text-align: center;
  }
  #section-news-list .news-list{
    /* border: 1px solid #ccc; */
  }
  #section-news-list .news-list-item{
    border-bottom: 1px solid #000000;
    list-style: none;
    opacity: 1;
    transition-duration: 0.3s;
  }
  #section-news-list .news-list-item:hover{
    opacity: 0.8;
    transition-duration: 0.3s;
  }
  #section-news-list .news-list-item>a{
    display: flex;
    align-items: center;
    padding: 10px 0px;
  }
  /*
  #section-news-list .news-list-item:last-child{
    border-bottom: none;
  }
  */
  #section-news-list .news-list-date{
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    color: #000;
    font-family: '小塚ゴシック Pro';
    letter-spacing: 0.1em;
    padding-bottom: 2px;
    margin-right: 15px;
    margin-bottom: 10px;
  }
  #section-news-list .news-list-category{
    font-size: 12px;
    font-weight: normal;
    font-family: '小塚ゴシック Pro';
    color: #ffffff;
    background: #000000;
    letter-spacing: 0.1em;
    /* 
    color: #fff;
    background: #000;
    */
    padding: 6px;
    margin-right: 15px;
  }
  #section-news-list .news-list-info{
    position: relative;
    top: -1px;
    /*
    width: 260px;
    text-align: left;
    */
  }
  #section-news-list .news-list-title{
    margin-bottom: 0;
    /*
    text-overflow: ellipsis;
    white-space: nowrap;
    */
    overflow: hidden;
    position: relative;
    top: 1px;

    text-align: left;
    font-size: 16px;
    font-weight: normal;
    color: #000;
    font-family: '小塚ゴシック Pro';
    letter-spacing: 0.1em;
  }
  @media screen and (max-width: 768px){
    /*
    #section-news-list .container{
      padding: 35px 20px;
    }
    */
    #section-news-list .news-list-item>a{
      display: block;
      padding: 15px;
    }
    #section-news-list .news-list-info{
      margin-bottom: 5px;
    }
  }
  @media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
    #section-news-list .container{
      width: 680px;
    }
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
  #section-news-list .container{
      width: 90%;
    }
  #section-news-list .news-list-item{
    text-align: left;
  }
}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
   
}
/* ss_maru_section_newslist.liquid css */
#mp_news_list_wrap{
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0px 0px 20px 0px;
}
.mp_news_list_div{
	width: 880px;
	height: auto;
	background-color: #ffffff;
	text-align: center;
  margin: auto;
  transition-duration: 0.5s;
  border-bottom: #000000 1px solid;
}
.mp_news_list_div:hover{
  transition-duration: 0.5s;
  opacity: 0.8;
}
.mp_news_list__div02{
	position: relative;
	padding: 20px 0px 0px 40px;
	transition-duration: 0.5s;
}
.mp_news_list_index_p{
	text-align: left;
	font-size: 16px;
  font-weight: normal;
  color: #000;
	font-family: '小塚ゴシック Pro';
  letter-spacing: 0.1em;
	padding-bottom: 2px;
  margin-left: 10px;
  margin-bottom: 10px;
}
.mp_news_list_date_new{
	/* margin-right: 33px; */
	margin-right: 25px;
}
.mp_news_list_date_new02{
	/* color: #32d9ff; */
	color: #00ABEB;
	font-weight: bold;
	margin-right: 10px;
}
.mp_news_list_div03{
	position: relative;
	width: auto;
	height: auto;
	padding: 40px 0px 20px 0px;
}
.mp_news_list_display{
	display: none;
}
.mp_news_list_border01{
	display: block;
	position: absolute;
	width: calc(100% - 80px);
	height: 0px;
	margin: auto;
	bottom: 0px;
	left: 0px;
	margin-left: 40px;
	margin-right: 40px;
	border-bottom: #000000 1px solid;
}
.mp_news_list_border02{
	display:block;
	width:1px;
	height:10px;
	margin:auto;
	position:absolute;
	background:#000000;
	bottom: -1px;
  right: 43px;
  transform: rotate(-45deg);
}
.mp_news_list_more_div{
	width: 150px;
  height: auto;
  position: relative;
	margin: auto;
	transition-duration: 0.5s;
}
.mp_news_list_more_div:hover{
	transition-duration: 0.5s;
	opacity: 0.4;
}
.mp_news_list_more_p{
	text-align: center;
	font-size: 10px;
  font-weight: normal;
  color: #9c9898;
	font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif;
	letter-spacing: 0.1em;
}
}
@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */
  
}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
  .mp_news_list_div{
    width: 608px;
  }
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
  .mp_news_list_div{
    width: 90%;
  }
  .mp_news_list_date_new{
    margin-right: 0px;
  }
  .mp_news_list_display{
    display: block;
  }
}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
  .is_body_section_news_index_p_wp{
    font-size: 10px;
    letter-spacing: 0.15em;
  }
  .mp_news_list_display{
		display: block;
	}
}
/* ss_maru_section_newslist.liquid css end */
/* ss_maru_section_recently.liquid css */
/* strings */
.ss_grid__item{
  display: inline-block;
  width: 20%;
  float: left;

  font-size: 14px;
	font-weight: bold;
	color: #000000;
  font-family: '游明朝';
}
.item_margin{
  margin-left: 20px;
  margin-top: 0px;
  margin-bottom: 5px;
}

@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
  .ss_grid__item{
    /*
    display: inline-block;
    width: 50%;
    */
    width: 48%;
    float: left;
    margin-right: 1%;
    margin-left: 1%;
  }
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
  
}
@media screen and (max-width: 600px) {
  .ss_grid__item{
    /*
    display: inline-block;
    width: 50%;
    */
    width: 50%;
    float: left;
    margin-right: 0%;
    margin-left: 0%;
    height: 300px;
  }
}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
   
}
/* ss_maru_section_recently.liquid css end */
/* ss_maru_section_string01.liquid css */
/* strings */
.mp_string_div_00{
  position: relative;
  display: block;
  margin: 60px 0px 40px 0px;
}
.mp_string_p1{
	font-size: 32px;
	font-weight: bold;
	color: #000000;
  font-family: '小塚ゴシック Pro';
	letter-spacing: 0.1em;
	line-height:64px;
	text-align: center;
  margin: 0px;
  margin-bottom: 5px;
}
@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
  .mp_string_p1{
    font-size: 28px;
  }
}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
   
}
/* ss_maru_section_string01.liquid css end */
/* ss_maru_section_string02.liquid css */
/* strings */

@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
   
}
/* ss_maru_section_string02.liquid css end */
/* ss_maru_section_string03.liquid css */
/* strings */

@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
   
}
/* ss_maru_section_string03.liquid css end */
/* ss_maru_section_string04.liquid css */
/* strings */

@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
   
}
/* ss_maru_section_string04.liquid css */
/* ss_maru_section_string05.liquid css */

@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
   
}
/* ss_maru_section_string05.liquid css end */
/* ss_maru_section_string05.liquid css */

@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
   
}
/* ss_maru_section_string05.liquid css end */
/* ss_maru_section_string05.liquid css */

@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
   
}
/* ss_maru_section_string05.liquid css end */
/* ss_maru_section_string_notation020.liquid css */
.mp_notation_string_wrapper{
  position: relative;
  display: block;
  margin: 0px 20%;
}
.mp_notation_string_div_00{
  position: relative;
  display: block;
  margin: 60px 0px 0px 0px;
}
.mp_notation_string_p1{
	font-size: 20px;
	font-weight: bold;
	color: #000000;
  font-family: 'Hiragino Kaku Gothic Pro';
	letter-spacing: 0.1em;
	line-height:40px;
	text-align: left;
  margin: 0px;
  margin-bottom: 10px;
}
.mp_notation_string_div_01{
  position: relative;
  display: block;
  margin: 20px 0px 60px 0px;
}
.mp_notation_string_p2{
	font-size: 16px;
	font-weight: bold;
	color: #000000;
  font-family: 'Hiragino Kaku Gothic Pro';
	letter-spacing: 0.1em;
	line-height:40px;
	text-align: left;
  margin: 0px;
  margin-bottom: 10px;
}
/*  */
#mp_notation_list_wrap{
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0px 0px 20px 0px;
}
.mp_notation_list_div02{
  text-align: left;
  margin: 20px 0px 20px 0px;
}
.mp_notation_list_div{
	width: 100%;
	height: auto;
	background-color: #ffffff;
	text-align: center;
  margin: auto;
  transition-duration: 0.5s;
  border-bottom: #000000 1px solid;
}
.mp_notation_list_div:hover{
  transition-duration: 0.5s;
  opacity: 0.8;
}
.mp_notation_list_index_p{
  width: 20%;
  display: inline-block;
	text-align: left;
	font-size: 16px;
  font-weight: normal;
  color: #000;
	font-family: '小塚ゴシック Pro';
  letter-spacing: 0.1em;
  margin: auto;
  vertical-align: top;
  margin-right: 2%;
}
.mp_notation_list_index_p02{
  width: 77%;
  display: inline-block;
	text-align: left;
	font-size: 16px;
  font-weight: normal;
  color: #000;
	font-family: '小塚ゴシック Pro';
  letter-spacing: 0.1em;
  margin: auto;
  vertical-align: top;
  overflow: hidden;
}
.mp_notation_list_date_new{
	/* margin-right: 33px; */
	margin-right: 25px;
}
.mp_notation_list_display{
	display: none;
}
#payment{
  padding-top:100px;
  margin-top:-100px;
}
#delivery{
  padding-top:100px;
  margin-top:-100px;
}
@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
  .mp_notation_string_wrapper{
    position: relative;
    display: block;
    margin: 0px 120px 0px 120px;
  }
  .mp_notation_string_wrapper{
    position: relative;
    display: block;
    margin: 0px 10% 0px 10%;
  }
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
  .mp_notation_list_date_new{
    margin-right: 0px;
  }
  .mp_notation_list_display{
    display: block;
  }
  .mp_notation_list_index_p{
    width: 100%;
    margin-bottom: 15px;
  }
  .mp_notation_list_index_p02{
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
 .mp_notation_string_wrapper{
    position: relative;
    display: block;
    margin: 0px 5%;
  }
}
/* ss_maru_section_string_notation020.liquid end */
/* ss_maru_section_string_notation020.liquid css */
.mp_notation_string_wrapper{
  position: relative;
  display: block;
  margin: 0px 20%;
}
.mp_notation_string_div_00{
  position: relative;
  display: block;
  margin: 60px 0px 0px 0px;
}
.mp_notation_string_p1{
	font-size: 20px;
	font-weight: bold;
	color: #000000;
  font-family: 'Hiragino Kaku Gothic Pro';
	letter-spacing: 0.1em;
	line-height:40px;
	text-align: left;
  margin: 0px;
  margin-bottom: 10px;
}
.mp_notation_string_div_01{
  position: relative;
  display: block;
  margin: 20px 0px 60px 0px;
}
.mp_notation_string_p2{
	font-size: 16px;
	font-weight: bold;
	color: #000000;
  font-family: 'Hiragino Kaku Gothic Pro';
	letter-spacing: 0.1em;
	line-height:40px;
	text-align: left;
  margin: 0px;
  margin-bottom: 10px;
}
/*  */
#mp_notation_list_wrap{
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0px 0px 20px 0px;
}
.mp_notation_list_div02{
  text-align: left;
  margin: 20px 0px 20px 0px;
}
.mp_notation_list_div{
	width: 100%;
	height: auto;
	background-color: #ffffff;
	text-align: center;
  margin: auto;
  transition-duration: 0.5s;
  border-bottom: #000000 1px solid;
}
.mp_notation_list_div:hover{
  transition-duration: 0.5s;
  opacity: 0.8;
}
.mp_notation_list_index_p{
  width: 20%;
  display: inline-block;
	text-align: left;
	font-size: 16px;
  font-weight: normal;
  color: #000;
	font-family: '小塚ゴシック Pro';
  letter-spacing: 0.1em;
  margin: auto;
  vertical-align: top;
  margin-right: 2%;
}
.mp_notation_list_index_p02{
  width: 77%;
  display: inline-block;
	text-align: left;
	font-size: 16px;
  font-weight: normal;
  color: #000;
	font-family: '小塚ゴシック Pro';
  letter-spacing: 0.1em;
  margin: auto;
  vertical-align: top;
  overflow: hidden;
}
.mp_notation_list_date_new{
	/* margin-right: 33px; */
	margin-right: 25px;
}
.mp_notation_list_display{
	display: none;
}
#payment{
  padding-top:100px;
  margin-top:-100px;
}
#delivery{
  padding-top:100px;
  margin-top:-100px;
}
@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
  .mp_notation_string_wrapper{
    position: relative;
    display: block;
    margin: 0px 120px 0px 120px;
  }
  .mp_notation_string_wrapper{
    position: relative;
    display: block;
    margin: 0px 10% 0px 10%;
  }
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
  .mp_notation_list_date_new{
    margin-right: 0px;
  }
  .mp_notation_list_display{
    display: block;
  }
  .mp_notation_list_index_p{
    width: 100%;
    margin-bottom: 15px;
  }
  .mp_notation_list_index_p02{
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
 .mp_notation_string_wrapper{
    position: relative;
    display: block;
    margin: 0px 5%;
  }
}
/* ss_maru_section_string_notation020.liquid end */
/* ss_maru_section_string_notation020.liquid css */
.mp_notation_string_wrapper{
  position: relative;
  display: block;
  margin: 0px 20%;
}
.mp_notation_string_div_00{
  position: relative;
  display: block;
  margin: 60px 0px 0px 0px;
}
.mp_notation_string_p1{
	font-size: 20px;
	font-weight: bold;
	color: #000000;
  font-family: 'Hiragino Kaku Gothic Pro';
	letter-spacing: 0.1em;
	line-height:40px;
	text-align: left;
  margin: 0px;
  margin-bottom: 10px;
}
.mp_notation_string_div_01{
  position: relative;
  display: block;
  margin: 20px 0px 60px 0px;
}
.mp_notation_string_p2{
	font-size: 16px;
	font-weight: bold;
	color: #000000;
  font-family: 'Hiragino Kaku Gothic Pro';
	letter-spacing: 0.1em;
	line-height:40px;
	text-align: left;
  margin: 0px;
  margin-bottom: 10px;
}
/*  */
#mp_notation_list_wrap{
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0px 0px 20px 0px;
}
.mp_notation_list_div02{
  text-align: left;
  margin: 20px 0px 20px 0px;
}
.mp_notation_list_div{
	width: 100%;
	height: auto;
	background-color: #ffffff;
	text-align: center;
  margin: auto;
  transition-duration: 0.5s;
  border-bottom: #000000 1px solid;
}
.mp_notation_list_div:hover{
  transition-duration: 0.5s;
  opacity: 0.8;
}
.mp_notation_list_index_p{
  width: 20%;
  display: inline-block;
	text-align: left;
	font-size: 16px;
  font-weight: normal;
  color: #000;
	font-family: '小塚ゴシック Pro';
  letter-spacing: 0.1em;
  margin: auto;
  vertical-align: top;
  margin-right: 2%;
}
.mp_notation_list_index_p02{
  width: 77%;
  display: inline-block;
	text-align: left;
	font-size: 16px;
  font-weight: normal;
  color: #000;
	font-family: '小塚ゴシック Pro';
  letter-spacing: 0.1em;
  margin: auto;
  vertical-align: top;
  overflow: hidden;
}
.mp_notation_list_date_new{
	/* margin-right: 33px; */
	margin-right: 25px;
}
.mp_notation_list_display{
	display: none;
}
#payment{
  padding-top:100px;
  margin-top:-100px;
}
#delivery{
  padding-top:100px;
  margin-top:-100px;
}
@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
  .mp_notation_string_wrapper{
    position: relative;
    display: block;
    margin: 0px 120px 0px 120px;
  }
  .mp_notation_string_wrapper{
    position: relative;
    display: block;
    margin: 0px 10% 0px 10%;
  }
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
  .mp_notation_list_date_new{
    margin-right: 0px;
  }
  .mp_notation_list_display{
    display: block;
  }
  .mp_notation_list_index_p{
    width: 100%;
    margin-bottom: 15px;
  }
  .mp_notation_list_index_p02{
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
 .mp_notation_string_wrapper{
    position: relative;
    display: block;
    margin: 0px 5%;
  }
}
/* ss_maru_section_string_notation020.liquid end */
/* ss_maru_section_string_notation020.liquid css */
.mp_notation_string_wrapper{
  position: relative;
  display: block;
  margin: 0px 20%;
}
.mp_notation_string_div_00{
  position: relative;
  display: block;
  margin: 60px 0px 0px 0px;
}
.mp_notation_string_p1{
	font-size: 20px;
	font-weight: bold;
	color: #000000;
  font-family: 'Hiragino Kaku Gothic Pro';
	letter-spacing: 0.1em;
	line-height:40px;
	text-align: left;
  margin: 0px;
  margin-bottom: 10px;
}
.mp_notation_string_div_01{
  position: relative;
  display: block;
  margin: 20px 0px 60px 0px;
}
.mp_notation_string_p2{
	font-size: 16px;
	font-weight: bold;
	color: #000000;
  font-family: 'Hiragino Kaku Gothic Pro';
	letter-spacing: 0.1em;
	line-height:40px;
	text-align: left;
  margin: 0px;
  margin-bottom: 10px;
}
/*  */
#mp_notation_list_wrap{
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0px 0px 20px 0px;
}
.mp_notation_list_div02{
  text-align: left;
  margin: 20px 0px 20px 0px;
}
.mp_notation_list_div{
	width: 100%;
	height: auto;
	background-color: #ffffff;
	text-align: center;
  margin: auto;
  transition-duration: 0.5s;
  border-bottom: #000000 1px solid;
}
.mp_notation_list_div:hover{
  transition-duration: 0.5s;
  opacity: 0.8;
}
.mp_notation_list_index_p{
  width: 20%;
  display: inline-block;
	text-align: left;
	font-size: 16px;
  font-weight: normal;
  color: #000;
	font-family: '小塚ゴシック Pro';
  letter-spacing: 0.1em;
  margin: auto;
  vertical-align: top;
  margin-right: 2%;
}
.mp_notation_list_index_p02{
  width: 77%;
  display: inline-block;
	text-align: left;
	font-size: 16px;
  font-weight: normal;
  color: #000;
	font-family: '小塚ゴシック Pro';
  letter-spacing: 0.1em;
  margin: auto;
  vertical-align: top;
  overflow: hidden;
}
.mp_notation_list_date_new{
	/* margin-right: 33px; */
	margin-right: 25px;
}
.mp_notation_list_display{
	display: none;
}
#payment{
  padding-top:100px;
  margin-top:-100px;
}
#delivery{
  padding-top:100px;
  margin-top:-100px;
}
@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
  .mp_notation_string_wrapper{
    position: relative;
    display: block;
    margin: 0px 120px 0px 120px;
  }
  .mp_notation_string_wrapper{
    position: relative;
    display: block;
    margin: 0px 10% 0px 10%;
  }
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
  .mp_notation_list_date_new{
    margin-right: 0px;
  }
  .mp_notation_list_display{
    display: block;
  }
  .mp_notation_list_index_p{
    width: 100%;
    margin-bottom: 15px;
  }
  .mp_notation_list_index_p02{
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
 .mp_notation_string_wrapper{
    position: relative;
    display: block;
    margin: 0px 5%;
  }
}
/* ss_maru_section_string_notation020.liquid end */
/* ss_maru_section_string_privacy01.liquid css */
#refund{
  padding-top:100px;
  margin-top:-100px;
}
#gift{
  padding-top:100px;
  margin-top:-100px;
}
@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
}
/* ss_maru_section_string_privacy01.liquid end */
/* ss_maru_section_string_privacy01.liquid css */
#service{
  padding-top:100px;
  margin-top:-100px;
}
@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
}
/* ss_maru_section_string_privacy01.liquid end */
/* ss_maru_section_string_privacy01.liquid css */
.mp_pp_string_wrapper{
  position: relative;
  display: block;
  margin: 0px 20%;
}
.mp_pp_string_div_00{
  position: relative;
  display: block;
  margin: 60px 0px 0px 0px;
  border-bottom: 1px #707070 solid
}
.mp_privacy_string_p1{
	font-size: 20px;
	font-weight: bold;
	color: #000000;
  font-family: 'Hiragino Kaku Gothic Pro';
	letter-spacing: 0.1em;
	line-height:40px;
	text-align: left;
  margin: 0px;
  margin-bottom: 10px;
}
.mp_pp_string_div_01{
  position: relative;
  display: block;
  margin: 20px 0px 60px 0px;
}
.mp_privacy_string_p2{
	font-size: 16px;
	font-weight: normal;
	color: #000000;
  font-family: 'Hiragino Kaku Gothic Pro';
	letter-spacing: 0.1em;
	line-height:40px;
	text-align: left;
  margin: 0px;
  margin-bottom: 10px;
}
.ppbr480{
  display:none;
}
@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
  .mp_pp_string_wrapper{
    position: relative;
    display: block;
    margin: 0px 120px 0px 120px;
  }
  .mp_pp_string_wrapper{
    position: relative;
    display: block;
    margin: 0px 10% 0px 10%;
  }
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
}
/* ss_maru_section_string_privacy01.liquid end */
/* ss_maru_section_string_privacy02.liquid css */
@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
   
}
/* ss_maru_section_string_privacy02.liquid end */
/* ss_maru_section_string_yellow01.liquid css */
/* strings */
.mp_string_yellow_wrapper{
  position: relative;
  margin: 40px 20%;
}
.mp_string_yellow_div_00{
  position: relative;
  display: block;
  background-color: #FFF216;
}
.mp_string_yellow_p1{
	font-size: 20px;
	font-weight: bold;
	color: #000000;
  font-family: '小塚ゴシック Pro';
	letter-spacing: 0.1em;
	line-height:40px;
	text-align: left;
  margin: 0px;
  margin-bottom: 5px;
  margin-left: 15px;
}
@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
    .mp_string_yellow_wrapper{
      margin: 0px 10% 0px 10%;
    }
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
  .mp_string_yellow_wrapper{
    margin: 0px 5%;
  }
}
/* ss_maru_section_string_yellow01.liquid css end */
/* ss_maru_section_string_yellow02.liquid css */

@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
   
}
/* ss_maru_section_string_yellow02.liquid css end */
/* ss_maru_section_string_yellow02.liquid css */

@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
   
}
/* ss_maru_section_string_yellow02.liquid css end */
/* ss_maru_section_string05.liquid css */
.mp_pp_string_p1{
	font-size: 32px;
	font-weight: bold;
	color: #000000;
  font-family: '小塚ゴシック Pro';
	letter-spacing: 0.1em;
	line-height:64px;
	text-align: center;
  margin: 0px;
  margin-bottom: 5px;
}
.ppbr480{
  display:block;
}
@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
  .mp_pp_string_p1{
    font-size: 28px;
  }
}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
  .mp_pp_string_p1{
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 10px;
    /* line-height: 28px; */
    /* margin-bottom: 25px; */
  } 
  .ppbr480{
    display:block;
  }
  .mp_pp_string_wrapper{
    margin: 0px 5%;
  }
}
/* ss_maru_section_string05.liquid css end */
/* ss_maru_section_string05.liquid css */

@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */

}
/* ss_maru_section_string05.liquid css end */
/* ss_maru_section_string05.liquid css */

@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */

}
/* ss_maru_section_string05.liquid css end */
/* ss_maru_section_string05.liquid css */
/* お気に入り追加 */
/* ss_maru_section_string05.liquid css */
div#ZlistWishlist {
  float: none;
  display: block;
  height: auto;
  margin-bottom: 40px;
  /* background-color: #000000; */
}
#ZooomyList label {
  float: none;
  margin-right: 0px;
  text-align: center;
  display: block;
}

p.zooomypwishmsg .fa {
  display: none;
}
div#ZooomyList {
  float: none;
}
p.zooomypwishmsg {
  font-size: 18px;
  font-weight: normal;
  color: #000000;
  font-family: '小塚ゴシック Pro';
  letter-spacing: 0.1em;
  line-height: 36px;
  padding: 0px;
  text-align: center
}

@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
    div#ZlistWishlist{
      width: 100%;
    }
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
   
}
/* ss_maru_section_string05.liquid css end */
/* ss_maru_section_youtube_API.liquid css */
#mp_youtube_wrap{
  width: 100%;
  height: auto;
  position: relative;
  text-align: center;
}
.mp_youtube_div {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
	margin: 20px 0px 10px 0px;
	z-index: 2;
}
.mp_youtube_iframe{
	/*width: 80%;*/
	width: 1260px; 
	height: 630px;
}
@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */
  
}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */
  .mp_youtube_iframe{
    width: 90%;
    height: 550px;
  }
}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
  .mp_youtube_iframe{
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
  .mp_youtube_iframe{
    height: 420px;
  }
}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
  .mp_youtube_iframe{
    height: 280px;
  }
}
/* ss_maru_section_youtube_API.liquid css end */
/* ss_maru_section_youtube_API.liquid css */
.global_wrapper {
  width: 100%;
  height: auto;
  margin: 0 auto;
  position: relative;
  text-align:center;
}
.youtube {
  position: relative;
}
.player {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.thumb {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
  width: 1280px;
  height: 718px;
}
.movie{
  width: 1275px;
  height: 713px;
}
.mp_youtube_div{
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: auto;
  text-align: center;
  margin-top: 20px;
}
.mp_youtube_p{
  font-size: 16px;
  font-weight: normal;
  color: #000000;
  /* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif; */
  font-family: '小塚ゴシック Pro';
  letter-spacing: 0.1em;
  line-height: 30px;
  margin: auto;
  display: inline-block;
}
.youtube_img{
  width: auto;
  height: 25px;
  margin-bottom: -6px;
  display: inline-block;
}
@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */
  
}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
  .thumb {
    width: 1024px;
    height: 574px;
  }
  .movie{
    width: 1022px;
    height: 572px;
  }
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */
  .thumb {
    width: 820px;
    height: 460px;
  }
  .movie{
    width: 818px;
    height: 458px;
  }
}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
  .thumb {
    width: 574px;
    height: 322px;
  }
  .movie{
    width: 572px;
    height: 320px;
  }
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
  .thumb {
    width: 400px;
    height: 225px;
  }
  .movie {
    width: 398px;
    height: 223px;
  }
}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
  .thumb {
    width: 320px;
    height: 180px;
  }
  .movie {
    width: 318px;
    height: 178px;
  }
  .mp_youtube_p{
    font-size: 12px;
  }
  .mp_youtube_div {
    margin-top: 5px;
  }
  .youtube_img{
    height: 14px;
    margin-bottom: -2px;
  }
}
/* ss_maru_section_youtube_API.liquid css end */
/* ss_section_test.liquid css */
@charset "utf-8";
.card-text{
	font-size: 24px;
	font-weight: normal;
	color: #000;
	font-family: '小塚ゴシック Pro','Kozuka Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic',sans-serif;
	letter-spacing: 0.1em;
	line-height:16px;
	padding-top: 5px;
	text-align: center;
}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
    .card-text{
        color: #b55d13;
    }
}
/* ss_section_test.liquid css end */
/* ss_maru_section_string05.liquid css */

@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
   
}
/* ss_maru_section_string05.liquid css end */
/* ss_maru_section_string05.liquid css */

@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
   
}
/* ss_maru_section_string05.liquid css end */
/* ss_maru_section_string05.liquid css */

@media screen and (max-width: 1600px) {
/* 1600pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1400px) {
/* 1400pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 1280px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
    
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
   
}
/* ss_maru_section_string05.liquid css end */