@charset "UTF-8";



html {
  overflow: auto;
}
body {
  overflow: hidden;
}
#project-www-T-shirt-ranking h2 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 5%;
}
a:hover{
  opacity: 0.5;
  transition: 0.5s;
}
#project-www-T-shirt-ranking{
  overflow: hidden;
  width: 100%;
  margin: 0 auto 10%;
}

#main-img {
  margin: 0 calc(50% - 50vw) 7%;
}
.main_content {
  width: 100%;
  margin: 0 auto;
}
.main_content.bnr {

  border-top: 1px solid #f0f0ef;
  padding: 10% 0 0 0;

}
#project-www-T-shirt-ranking div {
  margin: 10% 0;
  text-align: center;
}

#project-www-T-shirt-ranking p {
  line-height: 1.7;
}
#project-www-T-shirt-ranking p.contents01_txT {
  font-weight: 300;
    font-size: 15px;
}
#project-www-T-shirt-ranking .d_flex p{
  margin: 0 0 5%;
  font-size: 14px;
}
#project-www-T-shirt-ranking .d_flex p a{
  text-decoration: underline;
  font-weight: bold;
}
#project-www-T-shirt-ranking .deployed {
  text-align: center;
  margin:0 auto;
  margin-bottom: 7%;
}
  #project-www-T-shirt-ranking .lead{
  text-align: center;
  font-weight: 500;
  margin-bottom: 4%;
  line-height: 2.2;
}
  #project-www-T-shirt-ranking .bnr .lead {
    margin-bottom: 20px;
  }
#project-www-T-shirt-ranking .inlinelink {
  margin: 50px 0 0 0;
  display: block;
}
#project-www-T-shirt-ranking .inlinelink a{
  font-weight: bold;
  display: inline-block;
  border-bottom: 1px solid #000000;
  margin: 0 0 7px 0;
  text-decoration: none;
}
#project-www-T-shirt-ranking .view > a {
  display: block;
  width: 100%;
  max-width: 494px;
  background: #c5c5c5;
  margin: 0 auto 10%;
  padding: 1.5% 0;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 2.5em;
  color: #fff;
  transition-duration: 0.3s;
  border: solid #c5c5c5 2px;
}
#project-www-T-shirt-ranking .view > a:before {
  padding: 0 5px;
  color: #fff;
  content: '';
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #fff;
  display: inline-block;
  text-shadow: none;
  width: 0;
  line-height: 1px;
  position: relative;
  top: -2px;
  left: 0;
  font-size: 0;
}
#project-www-T-shirt-ranking .view a:hover {
  color:#cf3f3c;
  border: solid #cf3f3c 2px;
  background-color: #fff;
  transition-duration:0.3s;
  text-decoration: none;
}

#project-www-T-shirt-ranking .view > a:hover:before {
  padding: 0 5px;
  color:#cf3f3c;
  content: '';
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #cf3f3c;
  display: inline-block;
  text-shadow: none;
  width: 0;
  line-height: 1px;
  position: relative;
  top: -2px;
  left: 0;
  font-size: 0;
}

#project-www-T-shirt-ranking .set {
  margin: 10% auto 4%;
  max-width: 1045px;
}
#project-www-T-shirt-ranking .set ul {
  display: flex;
  flex-wrap: nowrap;
}
#project-www-T-shirt-ranking .set ul li{
width: 50%;
}
#project-www-T-shirt-ranking .set ul li img{
width: 100%;
}
#project-www-T-shirt-ranking h3 {
  font-size: 15px;
  letter-spacing: 0.1em;
  font-weight: normal;
  text-align: center;
  line-height: 1.8;
  padding-bottom: 0%;
}
#project-www-T-shirt-ranking .contents01-ttl h3 {
  font-size: 15px;
  letter-spacing: 0.1em;
  font-weight: normal;
  text-align: center;
  line-height: 1.8;
  padding-top: 75px;
  padding-bottom: 75px;
}
#project-www-T-shirt-ranking h3 b{
  font-size: 18px;
  letter-spacing: 0.1em;
  font-weight: bold;
  text-align: center;
  line-height: 3.0;
  padding-bottom: 0%;
}
#project-www-T-shirt-ranking h3 img{
  max-width: 38px;
  padding-bottom: 6px;
  margin: 0 1.2%;
}
#project-www-T-shirt-ranking h3 span.sub{
  font-size: 25px;
  font-weight: bold;
  text-align: center;
}
#project-www-T-shirt-ranking h4 {
  font-family: 'futura-pt-bold';
  font-size: 60px;
  letter-spacing: 0.08em;
  font-weight: 400;
  padding-bottom: 40px;
  line-height: 0.5;
}
  #project-www-T-shirt-ranking h4 span{
    font-family: 'futura-pt-bold';
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.08em;
  }
#project-www-T-shirt-ranking ul > li h3 {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 13px;
}

@media (min-width: 767px ) {
#project-www-T-shirt-ranking ul > li .d_flex {
  display: table;
  max-height: 658px;
  height: 100%;
}
#project-www-T-shirt-ranking ul > li .d_flex > .inner {
  text-align: left;
  margin: 0;
  vertical-align: middle;
  display: table-cell;
}
}

  #project-www-T-shirt-ranking ul > li .d_flex .d_img {
  margin: 6% 0 0 10%;
}

#project-www-T-shirt-ranking ul > li h3::before {
  padding: 0 5px;
  color: #ccc;
  content: '';
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #000;
  display: inline-block;
  text-shadow: none;
  width: 0;
  line-height: 1px;
  position: relative;
  top: -2px;
  left: 2px;
  font-size: 0;
}
#project-www-T-shirt-ranking ul > li h3 span {
  font-size: 14px;
  display: inline-block;
  font-weight: normal;
}
#project-www-T-shirt-ranking ul > li .c_txt {
  font-size: 14px;
  line-height: 25px;
}
#project-www-T-shirt-ranking ul > li .c_img {
  width: 85%;
  margin-left: 5%;
}
#project-www-T-shirt-ranking ul > li .d_flex {
  width: 90%;
  margin: 0 10% 0 0;

}

/*PC・SP出し分け*/
.pc { display:block; }
.sp { display:none; }


#project-www-T-shirt-ranking .cp_top > a {
  display: block;
  width: 100%;
  max-width: 600px;
  background: #c5c5c5;
  margin: 10% auto 10%;
  padding: 1.5% 0;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 2.5em;
  color: #fff;
  transition-duration: 0.3s;
  border: solid 2px #c5c5c5;
}
#project-www-T-shirt-ranking .cp_top > a:before {
  padding: 0 5px;
  color: #fff;
  content: '';
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #fff;
  display: inline-block;
  text-shadow: none;
  width: 0;
  line-height: 1px;
  position: relative;
  top: -2px;
  left: 0;
  font-size: 0;
}

#project-www-T-shirt-ranking .cp_top a:hover {
  color:#a6a6a6;
  border: solid #a6a6a6 2px;
  background-color: #fff;
  transition-duration:0.3s;
  text-decoration: none;
}

#project-www-T-shirt-ranking .cp_top > a:hover:before {
  padding: 0 5px;
  color:#cf3f3c;
  content: '';
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #a6a6a6;
  display: inline-block;
  text-shadow: none;
  width: 0;
  line-height: 1px;
  position: relative;
  top: -2px;
  left: 0;
  font-size: 0;
}

/*単品でのご購入よりお得*/
.bg_red {
  background-color:#cc3a37 ;
  color:  #fff;
  font-weight: bold;
  padding: 0.5%;
  display: inline-block;
  padding-left: 1.2%;
}

/*透過*/
#project-www-T-shirt-ranking ul > li .d_img > a:hover {
  opacity: 0.7;
  transition-duration:0.3s;
}

#project-www-T-shirt-ranking > .coupon > a:hover{
  opacity: 0.7;
  transition-duration:0.3s;
}

/*横づきバナー*/
@media (min-width: 980px) {
  .p-main .p-body .p-coupon .p-coupon__attention li::before {
    margin-left: -14px;
  }
}

.p-main #coupon__banner {
  position: fixed;
  top:0;
  right: 0;
  margin: 0;
  opacity: 0;
  z-index: 1;
}

.p-main #coupon__banner a {
  opacity: 1;
}

.p-main #coupon__banner.fadeIn {
  z-index: 1;
}




.con04{
  margin: 10% 0;
}


@media ( max-width: 767px ) {

.main_content{
  width: 100%;
}

/*PC・SP出し分け*/
 .pc { display:none; }
 .sp { display:block; }

  #project-www-T-shirt-ranking p{
    font-size: 12px;
  }
  #project-www-T-shirt-ranking h3 {
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    padding-bottom: 0%;
  }
  #project-www-T-shirt-ranking h3 img{
  max-width: 30px;
  padding-bottom: 7px;
  margin: 0 1%;
  }
#project-www-T-shirt-ranking h3 span.sub{
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
  #project-www-T-shirt-ranking h4 {
    font-size: 20px;
    font-weight: normal;
    padding-bottom: 30px;
    padding-top: 5%;
    line-height: 0.65;
  }
  #project-www-T-shirt-ranking h4 span{
    font-size: 12px;
  }
  #project-www-T-shirt-ranking .deployed {
    margin-bottom: 7%;
  }
  #project-www-T-shirt-ranking .lead{
  text-align: center;
  font-weight: 500;
}
  #project-www-T-shirt-ranking .view {
    margin-bottom: 35px;
  }
  #project-www-T-shirt-ranking .view > a {
    font-size: 15px;
  }
  #project-www-T-shirt-ranking .set {
  margin: 5% 0 0;
}
  #project-www-T-shirt-ranking .set ul{
    flex-direction: column-reverse;
  }
  #project-www-T-shirt-ranking .set .inner{
    width: 80%;
    margin: 0 auto;
    text-align: left;
  }
  #project-www-T-shirt-ranking ul > li .d_flex .d_txt {
    margin-top: 15px;
  }
  #project-www-T-shirt-ranking ul > li:nth-child(odd) {
    margin-left: 0;
    margin-bottom: 20px;
  }
  #project-www-T-shirt-ranking ul > li {
    width: 100%;
    margin-left: 0;
  }
  #project-www-T-shirt-ranking ul > li .c_txt {
    width: 200%;
  }
  #project-www-T-shirt-ranking ul > li h3 {
    width: 145%;
    font-size: 20px;
    margin-bottom: 8px;
    letter-spacing: 0.015em;
  }
  #project-www-T-shirt-ranking ul > li h3 span {
    font-size: 14px;
  }
  #project-www-T-shirt-ranking ul > li .d_img {
    margin: 0 auto;
    width: 100%;
    display: inline-block;
  }
  .contents03{
    flex-wrap: wrap;
  }
  .con04{
  margin: 15% 0;
}
}

@media ( max-width: 480px ) {
  #project-www-T-shirt-ranking ul > li .c_txt {
    width: 850px;
  }
  #project-www-T-shirt-ranking ul > li h3 {
    width: 145%;
    font-size: 20px;
    margin-bottom: 8px;
    letter-spacing: 0.015em;
  }
  #project-www-T-shirt-ranking ul > li h3 span {
    font-size: 14px;
  }
  #project-www-T-shirt-ranking ul > li .c_img {
    width: 105%;
    margin-left: 5%;
    position: relative;
    bottom: -65px;
  }
}

/* 上に戻るボタン */
#pageTop {
  margin: 10% 0 0 0;
}
#pageTop a {
  z-index: 999;
  padding: 0 0 0 0;
  text-gift_collectionration: none;
  text-align: center;
}
#pageTop a:hover {
  text-gift_collectionration: none;
  opacity: 0.7;
  transition-duration:0.3s;
}

/* Utility */
.u-hide_text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.u-clearfix:after,
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.u-clear,
.clear {
  clear: both;
}

.u-fluid_img,
.fluid_img {
  max-width: 100%;
  height: auto;
}

.u-flo--left {
  float: left;
}

.u-flo--right {
  float: right;
}

.u-text--left {
  text-align: left;
}

.u-text--right {
  text-align: right;
}

.u-text--center {
  text-align: center;
}

.u-font--xs {
  font-size: 60%;
}

.u-font--s {
  font-size: 80%;
}

.u-none {
  display: none;
}

@media (min-width: 768px) {
  .u-sm-inline {
    display: inline;
  }
}

@media (min-width: 980px) {
  .u-md-inline {
    display: inline;
  }
}

@media (min-width: 768px) {
  .u-sm-block {
    display: block;
  }
}

@media (min-width: 980px) {
  .u-md-block {
    display: block;
  }
}

@media (min-width: 768px) {
  .u-sm-table {
    display: table;
  }
}

@media (min-width: 980px) {
  .u-md-table {
    display: table;
  }
}

@media (min-width: 544px) {
  .u-xs-none {
    display: none;
  }
}

@media (min-width: 768px) {
  .u-sm-none {
    display: none;
  }
}

@media (min-width: 980px) {
  .u-md-none {
    display: none;
  }
}

.u-font-xs {
  font-size: 60%;
}

.u-font-sm {
  font-size: 80%;
}

.u-font-md {
  font-size: 100%;
}

.u-font-lg {
  font-size: 120%;
}

.u-font-xl {
  font-size: 140%;
}

.u-pos-relative {
  position: relative;
}

.u-mb-0 {
  margin-bottom: 0;
}




/* クーポン */
#project-www-T-shirt-ranking .item_coupon {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  margin: 0 auto 7%;
}
#project-www-T-shirt-ranking .item_coupon span.coupon_code{
  font-size: 16px;
  border-bottom: solid 1px #000000;  
}

#project-www-T-shirt-ranking .item_coupon .item_btn a{
  display: block;
  background: #000000;
  color: #ffffff;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  padding: 17px 30px;
  margin: 0 auto 7%;
  max-width: 200px;
  letter-spacing: 1.8px;
  line-height: 1.3;
  text-decoration: none;
}
#project-www-T-shirt-ranking .item_coupon .item_btn a:hover,#project-www-T-shirt-ranking .item_coupon .item_btn a:link,#project-www-T-shirt-ranking .item_coupon .item_btn a:visited{
  background: #363636;
}
#project-www-T-shirt-ranking .item_coupon .item_btn a span{
  font-weight: normal;
  font-size: 13px;
}
#project-www-T-shirt-ranking .item_coupon .coupon_border{
  position: relative;
  margin: 2% auto;
  padding: 4%;
  border: solid 1px #000;
  max-width: 420px;
}
#project-www-T-shirt-ranking .item_coupon .coupon_ttl {
  position: absolute;
  display: inline-block;
  top: -47px;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 14px;
  background-color: #fff;
  width: 50%;
}
#project-www-T-shirt-ranking .item_coupon .coupon_ttl span {
  font-size: 28px;
  line-height: 1.8;
}
#project-www-T-shirt-ranking .item_coupon .coupon_code {
  margin: 14px auto 0;
  padding: 0;
  font-size: 18px;
}
#project-www-T-shirt-ranking .item_coupon .coupon_code span.btn-clipboard{
  font-size: 28px;
  border-bottom: solid 1px #000000;
  padding: 0 0 10px 0;
}
#project-www-T-shirt-ranking .item_coupon .txt{
  font-weight: normal;
}
#project-www-T-shirt-ranking .item_coupon .copy{
  font-size: 11px;
  font-weight: normal;
  color: #999999;
}
#project-www-T-shirt-ranking .contents04 {
    display: flex;
    flex-wrap: wrap;
    max-width: 1045px;
    margin: 0 auto 10%;
    justify-content: space-between;
  }
  #project-www-T-shirt-ranking .contents04 li{
    max-width: 495px;
    text-align: center;
    width: 48%;
  }
  #project-www-T-shirt-ranking .contents04 li .contents04_subttl {
    font-size: 16px;
    color: #957821;
    line-height: 1.0;
  }
  #project-www-T-shirt-ranking .contents04 li .no {
    font-size: 40px;
    line-height: 1.0;
  }
  #project-www-T-shirt-ranking .contents04 li p.itemname {
    font-size: 14px;
  }

@media screen and (max-width: 768px){ 
#project-www-T-shirt-ranking .item_coupon {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  margin: 18% auto;
}
#project-www-T-shirt-ranking .item_coupon span.coupon_code{
  font-size: 16px;
  border-bottom: solid 1px #000000;  
}

#project-www-T-shirt-ranking .item_coupon .item_btn a{
  display: block;
  background: #000000;
  color: #ffffff;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  padding: 17px 30px;
  margin: 0 auto 18%;
  max-width: 100%;
  letter-spacing: 1.8px;
  line-height: 1.3;
  text-decoration: none;
}
#project-www-T-shirt-ranking .item_coupon .item_btn a:hover,#project-www-T-shirt-ranking .item_coupon .item_btn a:link,#project-www-T-shirt-ranking .item_coupon .item_btn a:visited{
  background: #363636;
}
#project-www-T-shirt-ranking .item_coupon .item_btn a span{
  font-weight: normal;
  font-size: 12px;
}

#project-www-T-shirt-ranking .item_coupon .coupon_ttl {
  font-size: 14px;
  margin: 0 auto 7%;
  top: -30px;
  width: 60%;
}
#project-www-T-shirt-ranking .item_coupon .coupon_ttl span {
  font-size: 21px;
  line-height: 1.6;
}
#project-www-T-shirt-ranking .item_coupon .coupon_code {
  font-size: 12px;
}
#project-www-T-shirt-ranking .item_coupon .coupon_code span.btn-clipboard{
  font-size: 18px;
  border-bottom: solid 1px #000000;
  padding: 0 0 5px 0;
}
#project-www-T-shirt-ranking .item_coupon .txt{
  font-weight: normal;
}
#project-www-T-shirt-ranking .item_coupon .copy{
  font-size: 11px;
  font-weight: normal;
  color: #999999;
}
}

@media screen and (max-width: 374px){ 
#project-www-T-shirt-ranking .item_coupon .item_btn a span{
  font-weight: normal;
  font-size: 12px;
}

#project-www-T-shirt-ranking .item_coupon .coupon_ttl {
  font-size: 12px;
  margin: 0 auto 7%;
  top: -23px;
  width: 65%;
}
#project-www-T-shirt-ranking .item_coupon .coupon_ttl span {
  font-size: 16px;
  line-height: 1;
}
#project-www-T-shirt-ranking .item_coupon .coupon_code {
  font-size: 10px;
  margin: 24px auto 0;
}
}



#project-www-T-shirt-ranking .flex-r{
  flex-direction: row-reverse;
  justify-content: space-between;
}

#project-www-T-shirt-ranking ul.flex-r > li .d_flex {
  width: 90%;
  margin: 0 0 0 10%;
}

#project-www-T-shirt-ranking .flex-r li{
  margin: 0;
}
.contents01{
  display:flex;
  max-width: 1170px;
  margin: 0 auto 10%;
  justify-content: space-between;
  align-items: flex-end;
}
.contents01-ttl h3 {
  display: block;
  text-align: center;
}
.contents01-ttl h3 .ttl {
  font-size: 40px;
  display: block;
  line-height: 1.1;
}
.contents01-ttl h3 .subttl {
  font-size: 14px;
  letter-spacing: 0.5px;
}
.contents01 li{
  width: 33.3%;
  margin: 0;
}
.rankingno1 {
  order: 2;
}
.rankingno2 {
  order: 1;
  padding: 0 1%;
}
.rankingno3 {
  order: 3;
  padding: 0 1%;
}

.contents01 li p{
  font-size: 15px;
  margin: 3% 0 0 0;
  letter-spacing: 0.08em;
}

.contents02-ttl h3 {
  display: block;
  text-align: center;
}
.contents02-ttl h3 .ttl {
  font-size: 29px;
  font-weight: bold;
  letter-spacing: 1.5px;
}
.contents02-ttl h3 .subttl {
  font-size: 16px;
  color: #957821;
}

#project-www-T-shirt-ranking .contents03, #project-www-T-shirt-ranking .contents03-2{
  display: flex;
  justify-content: space-between;
  max-width: 1045px;
  margin: 0 auto;
}
#project-www-T-shirt-ranking .contents03-2 li{
  margin: 0 0 0 0;
  width: 24%;
}

#project-www-T-shirt-ranking .contents03 li{
  margin: 0 0 0 0;
  width: 32.3%;
}
#project-www-T-shirt-ranking .contents03 li img, #project-www-T-shirt-ranking .contents03-2 li img{
  width: 100%;
}
#project-www-T-shirt-ranking .contents03 li p, #project-www-T-shirt-ranking .contents03-2 li p{
  text-align: center;
  line-height: 2.1;
  margin: 4% 3% 0;
  font-size: 14px;
}

#project-www-T-shirt-ranking ul.credit-area{
  display: inline-block;
  width: 100%;
}
#project-www-T-shirt-ranking .contents03 ul.credit-area{
  margin: 6% 0 0;
}

#project-www-T-shirt-ranking .sec03 h4{
  padding-bottom: 5%;
}
#project-www-T-shirt-ranking .sec03 h5{
  margin: 0 0 7%;
  letter-spacing: 0.08em;
}
#project-www-T-shirt-ranking .sec03 h5 span{
  background: #48ccd7;
  font-size: 21px;
  color: #fff;
  padding: 0.3% 2.5%;
  margin: 0 1.8% 0 0;
}

#project-www-T-shirt-ranking ul.credit-area li{
  width: 100%;
  margin: 0 0 5%;
}
#project-www-T-shirt-ranking ul.credit-area li p{
  font-size: 13px;
  line-height: 1.8;
  margin: 0;
  letter-spacing: 0.05em;
  font-weight: 600;
  color:#000;
}
#project-www-T-shirt-ranking ul.credit-area li p a{
  border-bottom: 1px solid #000;
  padding: 0 0 3px;
}
#project-www-T-shirt-ranking ul.credit-area li p a:hover{
  text-decoration: none;
}

#project-www-T-shirt-ranking div.end-btn{
  width: 80%;
  max-width: 900px;
  margin: 10% auto;
}
#project-www-T-shirt-ranking div.end-btn a{
  display: inline-block;
  background: #333333;
  width: 100%;
  font-size: 18px;
  color: #fff;
  letter-spacing: 0.05em;
  padding: 3% 0;
}
#project-www-T-shirt-ranking div.end-btn a:hover{
  text-decoration: none;
}

.hidden-phone{
  display: block;
}
.visble-phone{
  display: none;
}

@media (min-width: 680px) {
  .staff .inst_link {
    font-size: 1em;
  }
}
@media (max-width: 989px){
  #project-www-T-shirt-ranking h4{
    font-size: 45px;
  }
  #project-www-T-shirt-ranking .sec03 h5 span{
    font-size: 18px;
  }
}

@media (max-width: 767px){
  .contents01{
    margin: 0 auto 12%;
  }
.contents01{
  display:flex;
  max-width: 1170px;
  margin: 0 auto 10%;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}

#project-www-T-shirt-ranking .contents01 li{
  width: 100%;
  margin: 0;
}
#project-www-T-shirt-ranking .rankingno1 {
  order: 1;
}
#project-www-T-shirt-ranking .contents01 li.rankingno2 {
  order: 2;
  padding: 0 0%;
  width: 80%;
  margin: 0 auto 20px;
}
#project-www-T-shirt-ranking .contents01 li.rankingno3 {
  order: 3;
  padding: 0 0%;
  width: 80%;
  margin: 0 auto 20px;

}

#project-www-T-shirt-ranking p.contents01_txT {
  font-weight: 300;
    font-size: 13px;
}

  #project-www-T-shirt-ranking .lead{
    margin-bottom: 7%;
  }
  #project-www-T-shirt-ranking h4{
    font-size: 38px;
  }
  #project-www-T-shirt-ranking .sec03 h5 span{
    font-size: 15px;
    margin: 0 1.3% 0 0;
  }




.contents02-ttl h3 .ttl {
  font-size: 23px;
  font-weight: bold;
  letter-spacing: 1.2px;
}
.contents02-ttl h3 .subttl {
  font-size: 16px;
  color: #957821;
}

#project-www-T-shirt-ranking .set {
  margin: 10% auto 4%;
  max-width: 1045px;
}
#project-www-T-shirt-ranking .set ul {
  display: flex;
  flex-wrap: nowrap;
}
#project-www-T-shirt-ranking .set ul li{
width: 100%;
margin: 0 auto 10%;
}
#project-www-T-shirt-ranking .set ul li img{
width: 100%;
}
#project-www-T-shirt-ranking ul > li .d_flex {
  width: 90%;
  margin: 0 5% 0 5%;

}


  #project-www-T-shirt-ranking .set .inner{
    width: 100%;
    margin: auto;
    text-align: left;
  }

#project-www-T-shirt-ranking ul.flex-r > li .d_flex {
  width: 90%;
  margin: 0 5% 0 5%;
}



  #project-www-T-shirt-ranking .contents03 li{
    width: 49%;
    margin-bottom: 7%;
  }




#project-www-T-shirt-ranking .contents03 li p, #project-www-T-shirt-ranking .contents03-2 li p{
  text-align: center;
  line-height: 2.1;
  margin: 4% 3% 0;
  font-size: 12px;
}


  #project-www-T-shirt-ranking .contents04 li .no {
    font-size: 28px;
    line-height: 1.0;
  }
  #project-www-T-shirt-ranking .contents04 li p.itemname {
    font-size: 13px;
  }


  #project-www-T-shirt-ranking .flex-r li{
    margin: 0 0 8%;
  }
  #project-www-T-shirt-ranking .d_flex p{
    margin: 0 0 8%;
  }

  #project-www-T-shirt-ranking ul.credit-area li{
    margin: 0 0 6.5%;
  }
  #project-www-T-shirt-ranking ul.credit-area li p{
    font-size: 11px;
    line-height: 2;
  }
  #project-www-T-shirt-ranking ul.credit-area li p a{
    padding: 0 0 1px;
  }
  #project-www-T-shirt-ranking div.end-btn{
    width: 100%;
  }
  #project-www-T-shirt-ranking div.end-btn a{
    font-size: 14px;
    padding: 5% 0;
  }
  .hidden-phone{
  display: none;
  }
  .visble-phone{
    display: block;
  }
}



/*=======================COUPONエリア===============================*/

#project-www-T-shirt-ranking .campaign_area {
  margin: 0 0 40px 0;
}
#project-www-T-shirt-ranking .campaign_area h3{
  font-size: 20px;
  padding: 0 0 3% 0;
}
#project-www-T-shirt-ranking .coupon{
  text-align: center;
  margin: 0 auto 0;
}
#project-www-T-shirt-ranking .coupon_mark {
  display: block;
  max-width: 190px;
  margin: 0 auto 2%;
}
#project-www-T-shirt-ranking .coupon h4{
  font-size: 28px;
  margin: 0 auto 0;
  font-weight: bold;
  color: #d85746;
  line-height: 1.7;
  letter-spacing: 1.5px;
}
#project-www-T-shirt-ranking .coupon p{
  font-size: 15px;
  line-height: 25px;
  margin: 0 auto 20px;
  font-weight: 500;
}
#project-www-T-shirt-ranking .coupon .coupon_code{
background: #000000;
    color: #ffffff;
    font-size: 15px;
    margin: 0 auto 45px;
    max-width: 45%;
    padding: 3px 10px;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    display: inline-block;
}
#project-www-T-shirt-ranking .coupon .coupon_code span{
  font-size: 24px;
      letter-spacing: 0.15em;
      font-weight: bold;
      padding: 0px 0 0 8px;
}
#project-www-T-shirt-ranking .coupon .coupon_code span.clipboard-success {
  font-size: 0.8em;
  background-color: #ffffff;
  color: #333333;
}
#project-www-T-shirt-ranking .btn-clipboard:hover{
  color: #bfddd9 !important;
}
#project-www-T-shirt-ranking .coution{
  font-size: 13px;
  color: #767676;
  text-align: center;
  margin: 0 auto;
}

@media (max-width: 768px) {
#project-www-T-shirt-ranking .campaign_area {
  margin: 0 0 40px 0;
}

#project-www-T-shirt-ranking #coupon__banner{
  position: fixed;
  bottom: 0%;
  right: 0;
  top: unset;
}
#project-www-T-shirt-ranking .coupon_mark {
  display: block;
  max-width: 140px;
  margin: 0 auto 0px;
}
#project-www-T-shirt-ranking .coupon h4{
  font-size: 20px;
  margin: 0 auto 0px;
  font-weight: bold;
}
#project-www-T-shirt-ranking .coupon p{
  font-size: 13px;
  line-height: 20px;
  margin: 0 auto 20px;
  font-weight: 500;
}
#project-www-T-shirt-ranking .coupon .coupon_code{
  font-size: 12px;
  font-weight: bold;
  margin: 0 auto 20px;
    max-width: 90%;
    padding: 10px 5%;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
}
#project-www-T-shirt-ranking .coupon .coupon_code span{
  font-size: 20px;
  letter-spacing: 0.08em;
  padding: 0px 0px;
  margin: 0 0 0 10px;
}

#project-www-T-shirt-ranking #coupon__banner .coupon_pc{
  display: none;
}
#project-www-T-shirt-ranking #coupon__banner .coupon_smp{
  display: block;
  margin: 0 auto;
}
#project-www-T-shirt-ranking #coupon__banner .coupon_smp img{
  width: 100%;
}
}


/*====================最下部誘導ボタン==============================*/
.btn_bottom a,.btn_bottom a:hover,.btn_bottom a:visited,.btn_bottom a:link{
  max-width: 790px;
  width: 100%;
  border: 1px solid #d85746;
  background: #d85746; 
  color: #ffffff;
  margin: auto;
  padding: 18px 10px;
  display: block;
  text-align: center;
  transition: 0.5s;
  text-decoration: none;
}
.btn_bottom a:hover{
  background: #ffffff;
  color: #d85746; 
  border: 1px solid #d85746;
}
.btn_bottom.newbasic a,.btn_bottom.newbasic a:hover,.btn_bottom.newbasic a:visited,.btn_bottom.newbasic a:link{
  max-width: 790px;
  width: 100%;
  border: 1px solid #d85746;
  background: #d85746;
  color: #ffffff;
  margin: auto;
  padding: 18px 10px;
  display: block;
  text-align: center;
  transition: 0.5s;
  text-decoration: none;
}
.btn_bottom.newbasic a:hover{
  background: #ffffff;
  color: #000000; 
}
.btn_bottom_ttl{
  display: block;
  font-weight: bold;
  font-size: 19px;
  margin: 0 0 5px 0;
  letter-spacing: 1.5px;
}
.btn_bottom_sub{
  font-size: 15px;
  display: block;
  letter-spacing: 1.5px;
}
@media (max-width: 768px) {
.btn_bottom a,.btn_bottom a:hover,.btn_bottom a:visited,.btn_bottom a:link{
  max-width: 790px;
  width: 80%;
  border: 1px solid #d85746;
  margin: auto;
  padding: 5%;
  display: block;
  text-align: center;
  transition: 0.5s;
  text-decoration: none;
}
.btn_bottom a:hover{
  background: #d85746;
  color: #ffffff; 
}
.btn_bottom_ttl{
  display: block;
  font-weight: bold;
  font-size: 18px;
  margin: 0 0 5px 0;
  letter-spacing: 1.5px;
}
.btn_bottom_sub{
  font-size: 13px;
  display: block;
  letter-spacing: 1.5px;
}

}


#coupon__banner{
  position: fixed;
  top: 60%;
  right: 0;
  z-index: 1000000;
}
#coupon__banner .coupon_pc{
  display: block;
}
#coupon__banner .coupon_smp{
  display: none;
}
@media (max-width: 768px) {
#coupon__banner{
  position: fixed;
  bottom: 0%;
  right: 0;
  top: unset;
}

#coupon__banner .coupon_pc{
  display: none;
}
#coupon__banner .coupon_smp{
  display: block;
  margin: 0 auto;
}
#coupon__banner .coupon_smp img{
  width: 100%;
}
}