@charset "UTF-8";
.pc_only {
  display: none !important; }

.sp_only {
  display: block !important; }

.bredlist.lp {
  line-height: calc(40 *(100vw / 750));
  font-size: calc(20 *(100vw / 750));
  margin: calc(25 *(100vw / 750)) auto;
  width: 92.592%;
  text-align: left;
  padding: 0; }

/************ fade **********/
.fade {
  -webkit-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
  opacity: 0;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  display: block; }

.fade.onView {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }

/****************************/
/* フォント設定はいつも同じようにしてください */
#socks_200701 {
  font-family: toppan-bunkyu-mincho-pr6n, serif;
  color: #606060;
  font-feature-settings: "palt";
  margin-top: calc(57 * (100vw / 750)); }

  #socks_200701 .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  #socks_200701 .fw {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap; }

  #socks_200701 .content_wrap {
    width: 100%;
    margin: 0 auto; }

  #socks_200701 img {
    width: 100%; }

  #socks_200701 p {
    font-size: calc(26*(100vw/750));
    line-height: calc(56*(100vw/750));
    letter-spacing: 0.115em; }

  #socks_200701 .mv {
	text-align: center;}

    #socks_200701 .mv .ttl {
      font-size: calc(32.88*(100vw/750));
      line-height: calc(60*(100vw/750));
      letter-spacing: 0.1em; }

    #socks_200701 .mv .ttl span {
      font-size: calc(26*(100vw/750));
      line-height: calc(50*(100vw/750));
      letter-spacing: 0.115em; }

    #socks_200701 .mv .txt {
      font-size: calc(26*(100vw/750));
      line-height: calc(50*(100vw/750));
      padding-top: calc(30*(100vw/750)); }

  #socks_200701 .sec01 {
    margin: calc(80*(100vw/750)) auto calc(160*(100vw/750));
	width: calc(730*(100vw/750)); }

    #socks_200701 .sec01 .right {
      width: calc(350*(100vw/750));
	  margin-left: auto;
	  margin-right: 0; }

    #socks_200701 .sec01 .img_01 {
      width: calc(374*(100vw/750)); }

    #socks_200701 .sec01 .img_02 {
      margin-bottom: calc(6*(100vw/750)); }

    #socks_200701 .sec01 .txt_area {
      width: calc(630*(100vw/750));
      margin: 0 auto; }

      #socks_200701 .sec01 .txt_area h2 {
        font-size: calc(32.88*(100vw/750));
        margin-top: calc(90*(100vw/750));
        letter-spacing: 0.1em; }

      #socks_200701 .sec01 .txt_area p {
        padding-top: calc(50*(100vw/750)); }

      #socks_200701 .sec01 .txt_area h3 {
        font-size: calc(30*(100vw/750));
        padding-left: calc(70*(100vw/750));
        position: relative;
        padding-top: calc(50*(100vw/750));
		margin-top: calc(76*(100vw/750));
        letter-spacing: 0.06em; }

        #socks_200701 .sec01 .txt_area h3:before {
          content: "";
          width: calc(660*(100vw/750));
          height: calc(110*(100vw/750));
          background: url(../../img/how_to_use_sp.png) no-repeat;
          background-size: 100%;
          position: absolute;
          bottom: -10px;
          left: -10px; }


  #socks_200701 .sec02 {
    margin: 0 auto calc(130*(100vw/750));
    width: calc(730*(100vw/750)); }

    #socks_200701 .sec02 .left {
      width: calc(350*(100vw/750)); }

    #socks_200701 .sec02 .img_04 {
      width: 100%;
      margin-bottom: calc(6*(100vw/750)); }

    #socks_200701 .sec02 .img_05 {
      margin-right: calc(6*(100vw/750));
      width: calc(172*(100vw/750)); }

    #socks_200701 .sec02 .img_06 {
      width: calc(172*(100vw/750)); }

    #socks_200701 .sec02 .right {
      width: calc(374*(100vw/750));
      margin-left: calc(6*(100vw/750)); }

    #socks_200701 .sec02 .txt_area {
      width: calc(630*(100vw/750));
      margin: 0 auto; }

      #socks_200701 .sec02 .txt_area h2 {
        font-size: calc(32.88*(100vw/750));
        margin-top: calc(100*(100vw/750));
        letter-spacing: 0.1em; }

      #socks_200701 .sec02 .txt_area p {
        padding-top: calc(50*(100vw/750)); }

  #socks_200701 .sec03 {
    margin: 0 auto 124px; }

      #socks_200701 .sec03 ul li:nth-child(1){
        margin-bottom: calc(130*(100vw/750));
		order: 1;}
      #socks_200701 .sec03 ul li:nth-child(2){
        margin-bottom: calc(140*(100vw/750));
		order: 4;}
      #socks_200701 .sec03 ul li:nth-child(3){
        margin-bottom: calc(110*(100vw/750));
		order: 2; }
      #socks_200701 .sec03 ul li:nth-child(4){
        margin-bottom: calc(140*(100vw/750));
		order: 5;}
      #socks_200701 .sec03 ul li:nth-child(5){
        margin-bottom: calc(122*(100vw/750));
		order: 3; }
      #socks_200701 .sec03 ul li:nth-child(6){
		order: 6; }

    #socks_200701 .sec03 h2 {
      width: calc(660*(100vw/750));
      font-size: calc(32.88*(100vw/750));
      height: calc(144*(100vw/750));
      line-height: calc(144*(100vw/750));
      letter-spacing: 0.1em;
      padding-left: calc(15*(100vw/750));
      margin: 0 auto calc(82*(100vw/750));
      border-top: 1px solid #343434;
      background: url(../../img/sec_03_ttl_bg_sp.png) no-repeat;
	  background-size: 100%;
      background-position-y: bottom; }

    #socks_200701 .sec03 .left_txt {
      width: calc(453*(100vw/750));
	  margin-left: calc(48*(100vw/750));
      position: relative;
	  letter-spacing: 0.1em; }

    #socks_200701 .sec03 .left_txt span{
	  letter-spacing: -1.2em; }

      #socks_200701 .sec03 .left_txt:after {
        content: "";
        width: calc(18*(100vw/750));
        height: calc(635*(100vw/750));
        background: url(../../img/sec_03_bg_01_sp.png) no-repeat;
        background-size: 100%;
        position: absolute;
        top: 0;
        right: calc(-40*(100vw/750)); }

      #socks_200701 .sec03 ul li:nth-child(2) .left_txt:after {
        background: url(../../img/sec_03_bg_04_sp.png) no-repeat;
		height: calc(655*(100vw/750));
		background-size: 100%; }
      #socks_200701 .sec03 ul li:nth-child(3) .left_txt:after {
        background: url(../../img/sec_03_bg_02_sp.png) no-repeat;
		height: calc(557*(100vw/750));
		background-size: 100%; }
      #socks_200701 .sec03 ul li:nth-child(4) .left_txt:after {
        background: url(../../img/sec_03_bg_05_sp.png) no-repeat;
		height: calc(665*(100vw/750));
		background-size: 100%; }
      #socks_200701 .sec03 ul li:nth-child(5) .left_txt:after {
        background: url(../../img/sec_03_bg_03_sp.png) no-repeat;
		height: calc(557*(100vw/750));
		background-size: 100%; }
      #socks_200701 .sec03 ul li:nth-child(6) .left_txt:after {
        background: url(../../img/sec_03_bg_06_sp.png) no-repeat;
		height: calc(554*(100vw/750));
		background-size: 100%; }

    #socks_200701 .sec03 .right_txt {
      width: calc(174*(100vw/750));
      text-align: left;
      font-size: calc(30*(100vw/750));
      margin-left: calc(52*(100vw/750));
      line-height: 2;
      position: relative;
	  height: calc(300*(100vw/750)); }

      #socks_200701 .sec03 .right_txt span.txt_arrow:after {
        content: "";
        width: calc(29*(100vw/750));
        height: calc(24*(100vw/750));
        background: url(../../img/sec_03_rtxt_bg.png) no-repeat;
        background-size: 100%;
        position: absolute;
        top: calc(16*(100vw/750));
        right: calc(8*(100vw/750)); }

      #socks_200701 .sec03 .right_txt img {
		width: calc(160*(100vw/750));
        margin: 0 0 calc(12*(100vw/750)); }

      #socks_200701 .sec03 .right_txt .credit {
        font-size: calc(22*(100vw/750));
        line-height: calc(35*(100vw/750));
        letter-spacing: 0.115em; }

  #socks_200701 .btn_all {
    width: calc(460 * (100vw / 750));
    margin-left: auto;
    margin-right: auto;
    margin-top: calc(140 * (100vw / 750)); }