@charset "UTF-8";
/**
 * 共通スタイル
 */
/* ==========================================================================
   title
   ========================================================================== */
.cmn-ttl-h1 {
  box-shadow: 0 0 4px rgba(208, 212, 195, 0.75);
  height: 90px;
  text-align: center;
  padding-top: 50px; }

/* ==========================================================================
   btn
   ========================================================================== */
.cmn-btn {
  line-height: 1; }
  .cmn-btn a {
    border-radius: 5px;
    background-color: #1fac4c;
    display: block;
    -webkit-box-shadow: 1px 2px 0 1px #157f37;
    -moz-box-shadow: 1px 2px 0 1px #157f37;
    -ms-box-shadow: 1px 2px 0 1px #157f37;
    -o-box-shadow: 1px 2px 0 1px #157f37;
    box-shadow: 1px 2px 0 1px #157f37;
    position: relative;
    zoom: 1; }
    .cmn-btn a:hover {
      background-color: #177b37;
      box-shadow: none;
      position: relative;
      right: -2px;
      top: 2px; }

.cl-btn {
  line-height: 1; }
  .cl-btn a {
    border-radius: 5px;
    background-color: #3478c9;
    display: block;
    -webkit-box-shadow: 1px 2px 0 1px #25528e;
    -moz-box-shadow: 1px 2px 0 1px #25528e;
    -ms-box-shadow: 1px 2px 0 1px #25528e;
    -o-box-shadow: 1px 2px 0 1px #25528e;
    box-shadow: 1px 2px 0 1px #25528e;
    position: relative;
    zoom: 1; }
    .cl-btn a:hover {
      background-color: #204897;
      box-shadow: none;
      position: relative;
      right: -2px;
      top: 2px; }

/* ==========================================================================
   bg
   ========================================================================== */
.bg-white {
  background-color: #fff; }
  .bg-white.paddingM {
    padding: 0 55px; }

/* ==========================================================================
   ラベル屋さん.comとは？
   ========================================================================== */
#about_labelyasan-wrap {
  background: url(img/bg-about.jpg) no-repeat left 47px;
  padding: 79px 0 91px; }
  #about_labelyasan-wrap #about_labelyasan-in {
    padding-left: 403px; }
  #about_labelyasan-wrap #about_labelyasan-text {
    margin-top: 18px; }
  #about_labelyasan-wrap .cmn-btn a {
    margin-top: 34px;
    padding: 20px 21px;
    width: 377px; }

/* ==========================================================================
   素材で選ぶ
   ========================================================================== */
#material #contents-inner {
  padding-bottom: 0; }
#material .p-nav {
  margin-bottom: 89px; }
  #material .p-nav li {
    margin-left: 15px; }
    #material .p-nav li:first-child {
      margin-left: 0; }
#material .sec-material {
  padding-bottom: 72px; }
  #material .sec-material.bg-material_white {
    background: url(img/bg-material-white.jpg) repeat left top; }
  #material .sec-material .material-ttl {
    margin-bottom: 51px;
    position: relative;
    z-index: 2; }
  #material .sec-material .material-box {
    position: relative;
    padding: 0;
    z-index: 2; }
    #material .sec-material .material-box.sectionB {
      border-top: 1px solid #e7e7e7;
      margin-top: 34px;
      padding-top: 55px; }
    #material .sec-material .material-box .material-text-wrap {
      float: left;
      width:694px; }
      #material .sec-material .material-box .material-text-wrap .material-text {
        margin-top: 23px;
      font-size: 93.75%;}
        #material .sec-material .material-box .material-text-wrap .material-text p {
          margin-top:0; }
        #material .sec-material .material-box .material-text-wrap .material-text .material-text-l {
          background-image: url(img/line-dot.png);
          line-height: 2;
          padding-bottom: 2px;
          width: 300px;
          font-size: 112.5%; }
        #material .sec-material .material-box .material-text-wrap .material-text .material-text-s {
          line-height: 1.75;
          margin-top: 21px;
          font-size: 87.5%; }
        #material .sec-material .material-box .material-text-wrap .material-text .material-notes {
          color: #b2b2b2;
          font-size: 75%; }
      #material .sec-material .material-box .material-text-wrap .cmn-btn {
        margin-top: 50px; }
        #material .sec-material .material-box .material-text-wrap .cmn-btn a {
          padding: 14px 0 14px 34px;
          width: 156px; }
    #material .sec-material .material-box .material-photo-wrap {
      float: left;
      width: 266px; }
      #material .sec-material .material-box .material-photo-wrap .photo {
        width: 224px;
        height: 177px !important;
        position: relative; }
  #material .sec-material .cont-in {
    position: relative; }
    #material .sec-material .cont-in #item01 {
      position: absolute;
      top: 0px;
      left: -434px; }
    #material .sec-material .cont-in #item02 {
      position: absolute;
      top: 163px;
      right: -502px; }
    #material .sec-material .cont-in #item03 {
      position: absolute;
      top: 0px;
      left: -205px; }



/* ==========================================================================
   カタチ・サイズで選ぶ
   ========================================================================== */
#size {
  /*.size-list li{
  	position: relative;
  	.icon-arrow{
  		position: absolute;
  		right: 0;
  		bottom: 0;
  	}
  }*/ }
  #size .p-nav ul.in-block{
    padding:0 107px; 
    box-sizing:border-box;}
  #size .p-nav li {
    margin-left: 8px; }
    #size .p-nav li:first-child {
      margin-left: 0; }
      #size .p-nav li {
    margin-left: 8px; }
    #size #rectangle.cont-in h3,
    #size #rectangle02.cont-in h3,
    #size #rectangle03.cont-in h3 {
    margin-bottom:22px;}
    #size #rectangle.cont-in .size-list,
    #size #rectangle03.cont-in .size-list {
      margin:0 auto 33px;}
    #size #rectangle02.cont-in .size-list {
      margin:0 auto 35px;}
      #size #rectangle.cont-in .size-list:last-child,
      #size #rectangle02.cont-in .size-list:last-child ,
      #size #rectangle03.cont-in .size-list:last-child {
      margin:0 auto;}
    #size #rectangle.cont-in .size-img,
    #size #rectangle03.cont-in .size-img {
      width: 566px;
      float: left;}
      #size #rectangle02.cont-in .size-img {
      width: 884px;}
      #size .size-btn-wrap {
        float: left;
        padding: 187px 0 0; }
        #size .size-btn-wrap .cmn-btn a,
        #size .size-btn-wrap .cl-btn a {
          margin: 0 auto;
          padding: 14px 0 14px 27px;
          width: 283px; }
          #size .size-btn-wrap .cl-btn {
          margin-top:32px; }
          #size .rectangle49 .size-btn-wrap {
            padding: 178px 0 0; }

        #size #rectangle02.cont-in .size-btn-wrap {
          float: none;
          padding: 23px 0 0; }
        #size #rectangle02.cont-in .size-btn-wrap .cmn-btn a,
        #size #rectangle02.cont-in .size-btn-wrap .cl-btn a {
          margin: 0 20px 0 0;
          padding: 14px 0 14px 27px;
          width: 283px;
          display: inline-block;
          float:left;}
        #size #rectangle02.cont-in .size-btn-wrap .cl-btn {
          margin-top:0px; }

          #size #rectangle03.cont-in .size-btn-wrap {
              padding: 582px 0 0; }
          #size #rectangle03.cont-in .size-btn-wrap .cl-btn {
            margin-top:0px; }


  #size #rectangle.cont-in,
  #size #rectangle02.cont-in,
  #size #rectangle03.cont-in {
    position: relative; }
    #size #rectangle.cont-in .size-item,
    #size #rectangle02.cont-in .size-item,
    #size #rectangle03.cont-in .size-item{
      position: absolute; }
    #size #rectangle.cont-in #rectangle-item,
    #size #rectangle02.cont-in #rectangle-item,
    #size #rectangle03.cont-in #rectangle-item{
      top: -22px;
      right: 14px; }
    #size #rectangle.cont-in #square-item,
     #size #rectangle02.cont-in #square-item,
      #size #rectangle03.cont-in #square-item,{
      top: -40px;
      right: 33px; }


  #size .size-ttl {
    background: url(img/bg-ttl-size.gif) repeat left top #1fac4c;
    height: 53px;
    padding: 21px 55px 0; }
  #size .size-list-wrap.paddingM {
    padding: 29px 33px 33px 33px; }

  

/* ==========================================================================
   ラベル作成方法
   ========================================================================== */
#labelyasan #labelyasan-main {
  background: url(img/bg-labelyasan-main.jpg) no-repeat center top #fdfbfb;
  height: 373px; }
  #labelyasan #labelyasan-main h1 {
    padding-top: 121px; }
  #labelyasan #labelyasan-main #main-copy {
    padding-top: 33px; }
#labelyasan #operation-wrap {
  background: url(img/bg-dot.gif) repeat left top;
  padding: 55px 0 89px; }
  #labelyasan #operation-wrap .operation-step-wrap {
    margin-top: 59px; }
  #labelyasan #operation-wrap .operation-step {
    background-color: #faf9e7;
    float: left;
    margin-left: 14px;
    padding: 40px 21px 21px;
    width: 266px;
    position: relative;
    z-index: 1; }
    #labelyasan #operation-wrap .operation-step:first-child {
      margin-left: 0; }
    #labelyasan #operation-wrap .operation-step h3 {
      text-align: center; }
      #labelyasan #operation-wrap .operation-step h3 img {
        border-bottom: 2px solid #1fac4c;
        padding-bottom: 8px; }
    #labelyasan #operation-wrap .operation-step .step-text {
      margin-top: 21px; }
    #labelyasan #operation-wrap .operation-step .step-img {
      margin-top: 21px; }
    #labelyasan #operation-wrap .operation-step .step-num {
      position: absolute;
      top: -38px;
      left: -8px; }
  #labelyasan #operation-wrap .cont-in {
    position: relative; }
    #labelyasan #operation-wrap .cont-in #item01 {
      position: absolute;
      top: -41px;
      left: -125px; }
    #labelyasan #operation-wrap .cont-in #item02 {
      position: absolute;
      top: -8px;
      right: -171px; }
    #labelyasan #operation-wrap .cont-in #item03 {
      position: absolute;
      top: 410px;
      right: -134px; }
#labelyasan #template-wrap {
  background: url(img/bg-labelyasan-template.gif) repeat left top;
  padding: 55px 0; }
  #labelyasan #template-wrap h2,
  #labelyasan #template-wrap #template-list {
    position: relative;
    z-index: 1; }
  #labelyasan #template-wrap #template-list {
    margin-top: 35px; }
  #labelyasan #template-wrap .cont-in {
    position: relative; }
    #labelyasan #template-wrap .cont-in #item04 {
      position: absolute;
      top: -112px;
      left: -292px; }
    #labelyasan #template-wrap .cont-in #item05 {
      position: absolute;
      top: 72px;
      right: -424px; }
    #labelyasan #template-wrap .cont-in #item06 {
      position: absolute;
      top: 526px;
      left: -211px; }